@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}} html {background-color: #010101} body {background: none} .brx-boxed {background-color: #010101} @font-face{font-family:SpaceGrotesk;src:url("http://vanno.local/wp-content/uploads/2026/06/SpaceGrotesk-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}body{background:#010101}.vanno-header,.vanno-footer{font-family:SpaceGrotesk,Arial,sans-serif}.vanno-header{position:fixed;left:0;right:0;top:0;z-index:50;background:linear-gradient(180deg,rgba(1,1,1,.88),rgba(1,1,1,.42) 62%,rgba(1,1,1,0));color:#fff}.vanno-header::after{content:"";position:absolute;left:80px;right:80px;bottom:0;height:1px;background:rgba(255,255,255,.28)}.vanno-header__brand{order:1;text-decoration:none;text-transform:lowercase;letter-spacing:-1px;transform:skew(-8deg)}.vanno-header__nav{order:2}.vanno-header .vanno-btn{order:3}.vanno-header__link{color:#fff;text-decoration:none}.vanno-btn{border:1px solid currentColor;border-radius:999px;background:transparent;color:#fff;font:400 19px/36.5px SpaceGrotesk,Arial,sans-serif;min-height:52px;padding:7px 24px;text-decoration:none}.vanno-btn--small{font-size:12px;line-height:22px;min-height:26px;padding:2px 12px;border-radius:3px}.vanno-btn--dark{color:#0f1822}.vanno-hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,#010101 0%,rgba(1,1,1,.96) 19%,rgba(1,1,1,.58) 42%,rgba(1,1,1,.04) 72%),linear-gradient(180deg,rgba(1,1,1,.2),rgba(1,1,1,.02) 52%,#010101 100%),url("http://vanno.local/wp-content/uploads/2026/06/vanno-hero-doors.png");background-size:cover;background-position:center top;background-repeat:no-repeat}.vanno-hero::after{content:"";position:absolute;left:-80px;right:-80px;bottom:0;height:180px;background:radial-gradient(ellipse at center,#030303 42%,rgba(3,3,3,0) 99%);pointer-events:none}.vanno-hero__inner,.vanno-hero__copy{position:relative;z-index:2}.vanno-hero .vanno-title{max-width:720px}.vanno-hero .vanno-text{max-width:554px}.vanno-title{margin:0 0 24px}.vanno-text{margin:0 0 30px}.vanno-hero__play{position:absolute;z-index:3;left:50%;top:50%;width:84px;height:84px;min-height:84px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(1,1,1,.64);color:#fff;font:400 38px/84px SpaceGrotesk,Arial,sans-serif;text-align:center;transform:translate(-50%,-50%)}.vanno-card__image img{aspect-ratio:562/322;object-fit:cover}.vanno-card__text{margin:37px auto 30px;max-width:472px}.vanno-card__title{margin-top:auto}.vanno-experience__media{background-image:linear-gradient(180deg,#010101 0%,rgba(1,1,1,0) 25%,rgba(1,1,1,0) 70%,#010101 100%),url("http://vanno.local/wp-content/uploads/2026/06/vanno-hero-doors.png")}.vanno-copy-grid{margin-top:71px}.vanno-process__list{border-top:1px solid rgba(255,255,255,.72)}.vanno-process__row{border-bottom:1px solid rgba(255,255,255,.72)}.vanno-brand{background-image:linear-gradient(90deg,rgba(1,1,1,.18),rgba(1,1,1,.66) 50%,#010101 100%),url("http://vanno.local/wp-content/uploads/2026/06/vanno-brand-wave.png")}.vanno-brand__copy{grid-column:2}.vanno-footer__grid{align-items:start}.vanno-footer__intro{padding-top:6px}.vanno-footer__text{margin:0}.vanno-footer__label{margin:24px 0 0}.vanno-footer__heading{margin:0 0 10px}.vanno-footer__map-img{aspect-ratio:674/245;object-fit:cover;width:100%;background:url("http://vanno.local/wp-content/uploads/2026/06/vanno-map.png") center/cover no-repeat}.vanno-footer__field{border-bottom:1px solid #0f1822;margin-top:58px;padding-bottom:10px}.vanno-footer__wordmark{margin:58px auto 0;max-width:1742px;text-transform:lowercase;transform:skew(-8deg);white-space:nowrap}@media (max-width:900px){ .vanno-header{position:absolute;padding:31px 22px 0!important} .vanno-header::after{left:22px;right:22px} .vanno-header__inner{grid-template-columns:1fr auto!important} .vanno-header__nav{display:none!important} .vanno-header .vanno-btn{display:none!important} .vanno-header__brand{font-size:28px!important;line-height:28px!important} .vanno-btn{font-size:12px;line-height:22px;min-height:36px;padding:6px 16px} .vanno-hero{min-height:707px!important;padding:127px 20px 51px!important;background-position:center top} .vanno-hero__play{width:54px;height:54px;min-height:54px;font-size:24px;line-height:54px;left:76%;top:58%} .vanno-title{font-size:29px!important;line-height:30.4px!important;letter-spacing:-1.6px!important} .vanno-text,.vanno-final__text{font-size:18px!important;line-height:25.5px!important} .vanno-cards{padding:0 21px 75px} .vanno-cards__grid,.vanno-solution__grid,.vanno-copy-grid,.vanno-process__grid,.vanno-footer__grid{grid-template-columns:1fr!important;gap:25px!important} .vanno-card{min-height:471px!important} .vanno-card__title{font-size:29px!important;line-height:30.4px!important} .vanno-experience__media{height:412px!important} .vanno-solution{padding:0 21px 80px!important} .vanno-solution__item{min-height:215px!important} .vanno-solution__num,.vanno-solution__title{font-size:26px!important;line-height:28.4px!important} .vanno-process{padding:0 21px 83px!important} .vanno-process__row{grid-template-columns:44px 1fr!important;gap:10px 20px!important} .vanno-process__copy{grid-column:2} .vanno-brand{display:block!important;min-height:933px!important;padding:351px 21px 75px!important;background-image:linear-gradient(180deg,rgba(1,1,1,.05),rgba(1,1,1,.28) 35%,#010101 68%),url("http://vanno.local/wp-content/uploads/2026/06/vanno-brand-wave.png")} .vanno-brand__copy{grid-column:auto} .vanno-final{align-items:flex-start!important;text-align:left!important;padding:72px 21px 89px!important} .vanno-footer{padding:63px 21px 29px!important} .vanno-footer__heading{font-size:29px!important;line-height:30.4px!important} .vanno-footer__field{margin-top:28px} .vanno-footer__wordmark{font-size:29vw;letter-spacing:-.08em}} #brxe-3e7ca5 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-d02ddf {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-7c4a52 {width: 100%} #brxe-555bf0 {background-color: #010101; background-image: url("http://vanno.local/wp-content/uploads/2026/06/vanno-hero-doors.png"); background-size: cover; background-position: center top; background-repeat: no-repeat; display: flex; align-items: flex-start; padding-top: 309px; padding-right: 100px; padding-bottom: 96px; padding-left: 100px} #brxe-5584d1 {width: 100%} #brxe-07e6f5 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-504526 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-e8c502 {background-color: #0a0d11; padding-top: 0; padding-right: 20px; padding-bottom: 27px; padding-left: 20px; display: flex; flex-direction: column} #brxe-f0cc37 {width: 100%} #brxe-8c3acc {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-8f15b2 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-eb6046 {background-color: #0a0d11; padding-top: 0; padding-right: 20px; padding-bottom: 27px; padding-left: 20px; display: flex; flex-direction: column} #brxe-c56f84 {width: 100%} #brxe-833fc1 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-93486b {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-d11456 {background-color: #0a0d11; padding-top: 0; padding-right: 20px; padding-bottom: 27px; padding-left: 20px; display: flex; flex-direction: column} #brxe-af4625 {width: 100%; display: grid; align-items: initial; grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 69px} #brxe-d1b58a {padding-top: 0; padding-right: 50px; padding-bottom: 148px; padding-left: 50px} #brxe-587acf {background-color: #010101; background-image: url("http://vanno.local/wp-content/uploads/2026/06/vanno-hero-doors.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; height: 760px; width: 100%} #brxe-e4fedf {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-0d44a0 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-b0ccc6 {width: 100%; display: grid; align-items: initial; grid-template-columns: 1fr 1.45fr; column-gap: 170px; padding-top: 0; padding-right: 50px; padding-bottom: 0; padding-left: 50px} #brxe-8babb7 {padding-top: 0; padding-right: 0; padding-bottom: 142px; padding-left: 0} #brxe-4acf52 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-f88c54 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-ad3e7d {width: 100%; display: grid; align-items: initial; grid-template-columns: 1.05fr 1fr; column-gap: 100px} #brxe-5084bd {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 35px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-fa8c8f {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 37.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-6f3a14 {background-color: #0a0d11; padding-top: 34px; padding-right: 33px; padding-bottom: 30px; padding-left: 33px; display: flex; flex-direction: column; justify-content: space-between} #brxe-087238 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 35px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-8eb036 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 37.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-1efc2e {background-color: #0a0d11; padding-top: 34px; padding-right: 33px; padding-bottom: 30px; padding-left: 33px; display: flex; flex-direction: column; justify-content: space-between} #brxe-e878c3 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 35px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-4a6679 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 37.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-09e973 {background-color: #0a0d11; padding-top: 34px; padding-right: 33px; padding-bottom: 30px; padding-left: 33px; display: flex; flex-direction: column; justify-content: space-between} #brxe-2b2133 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 35px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-f34cb5 {font-family: "SpaceGrotesk"; font-size: 35px; line-height: 37.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-cf3cd0 {background-color: #0a0d11; padding-top: 34px; padding-right: 33px; padding-bottom: 30px; padding-left: 33px; display: flex; flex-direction: column; justify-content: space-between} #brxe-631fb5 {width: 100%; display: grid; align-items: initial; grid-template-columns: repeat(4,1fr); grid-gap: 48px} #brxe-7dea79 {padding-top: 0; padding-right: 50px; padding-bottom: 151px; padding-left: 50px} #brxe-dc92e5 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-afb9ba {display: flex; flex-direction: column; row-gap: 38px; align-items: flex-start} #brxe-7e8e25 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-6c0cf3 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-9255a3 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-39b6f2 {display: grid; align-items: initial; grid-template-columns: 88px .76fr 1.1fr; column-gap: 38px; padding-top: 26px; padding-right: 0; padding-bottom: 31px; padding-left: 0} #brxe-a101b1 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-71bd26 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-803b05 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-43fe11 {display: grid; align-items: initial; grid-template-columns: 88px .76fr 1.1fr; column-gap: 38px; padding-top: 26px; padding-right: 0; padding-bottom: 31px; padding-left: 0} #brxe-0d51ed {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-f06600 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-229049 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-09845d {display: grid; align-items: initial; grid-template-columns: 88px .76fr 1.1fr; column-gap: 38px; padding-top: 26px; padding-right: 0; padding-bottom: 31px; padding-left: 0} #brxe-9186ac {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-58ffb3 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-c40b36 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-3338a4 {display: grid; align-items: initial; grid-template-columns: 88px .76fr 1.1fr; column-gap: 38px; padding-top: 26px; padding-right: 0; padding-bottom: 31px; padding-left: 0} #brxe-8cc682 {display: flex; flex-direction: column} #brxe-e21ee9 {width: 100%; display: grid; align-items: initial; grid-template-columns: .86fr 1.14fr; column-gap: 98px} #brxe-37e776 {padding-top: 0; padding-right: 50px; padding-bottom: 158px; padding-left: 50px} #brxe-adb7a0 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-77ecf6 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-fc1b59 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-0f3fe7 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-fd0616 {width: 100%; display: grid; align-items: initial; grid-template-columns: 1.05fr .95fr} #brxe-baa59d {background-color: #010101; background-image: url("http://vanno.local/wp-content/uploads/2026/06/vanno-brand-wave.png"); background-size: cover; background-position: left center; background-repeat: no-repeat; background-attachment: fixed; display: grid; align-items: initial; align-items: center; padding-top: 80px; padding-right: 50px; padding-bottom: 94px; padding-left: 50px} #brxe-d155f8 {font-family: "SpaceGrotesk"; font-size: 46px; line-height: 50.4px; letter-spacing: -1.6px; font-weight: 400; color: #ffffff} #brxe-6955d1 {font-family: "SpaceGrotesk"; font-size: 20px; line-height: 25.5px; letter-spacing: 0px; font-weight: 400; color: #ffffff} #brxe-9da63c {padding-top: 129px; padding-right: 50px; padding-bottom: 174px; padding-left: 50px; display: flex; flex-direction: column; align-items: center; row-gap: var(--vanno-space-md)}