.slat-page{background:#fff;color:#0d2351}.slat-page .header,.slat-page .header.scrolled{background:#fffffffa!important;color:#0d2351;border-bottom:1px solid #d3deeb}.slat-page .header .logo,.slat-page .header .logo span,.slat-page .header .nav-workbench{color:#0d2351}.slat-page .header .nav-workbench,.slat-page .header-contact{border-color:#0d2351}.slat-page h1,.slat-page h2,.slat-page h3,.slat-page .service-rows h3,.slat-page .steps h3,.slat-page .contact-big,.slat-page .contact-big em{font-family:ThalexPlex,Arial,sans-serif!important;text-transform:none!important;font-weight:600!important;letter-spacing:-.04em!important}.slat-hero{margin-top:80px;display:grid;grid-template-columns:33% 67%;padding:55px 4vw 0;gap:0;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(160deg,#fff 65%,#eaf0f8)}.slat-intro{padding:25px 35px 35px 0;position:relative;z-index:3}.slat-intro .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.6;margin-bottom:40px}.slat-intro h1{font-size:clamp(40px,4.2vw,68px);line-height:1.03!important;margin-bottom:24px}.slat-lead{font-size:17px;line-height:1.6;max-width:30ch}.slat-cta{display:flex;width:max-content;max-width:100%;justify-content:space-between;align-items:center;gap:35px;background:#0d2351;color:white;padding:17px 22px;font-size:13px;margin-top:28px;border:1px solid #0d2351;transition:background .25s,transform .25s}.slat-cta:hover{background:#234777;transform:translateY(-3px)}.slat-cta span{font-size:22px;font-weight:400;line-height:1}.perspective-picker{display:flex;gap:0;margin-top:45px;border-bottom:1px solid #a9bad0}.perspective-picker button{padding:12px 10px;font-size:11px;position:relative;white-space:nowrap;min-height:44px}.perspective-picker button:first-child{padding-left:0}.perspective-picker button[aria-pressed=true]:after{content:'';height:3px;background:#0d2351;position:absolute;bottom:-2px;left:0;right:0}.perspective-copy{min-height:105px;padding-top:20px}.slat-page .perspective-copy h2{font-size:17px!important;letter-spacing:-.01em!important;margin-bottom:8px}.perspective-copy p{font-size:13px;line-height:1.6;color:#4c607a;max-width:37ch}.hero-installation{position:relative;padding:25px 0 0 20px;min-width:0;perspective:1700px;align-self:center}.slat-wall{position:relative;width:100%;height:550px;perspective:1500px;isolation:isolate;touch-action:pan-y;--wall-w:800px;--wall-h:550px}.slat-fallback{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.slat-wall.ready>.slat-fallback{visibility:hidden}.slat-leaf{position:absolute;top:0;height:100%;transform-style:preserve-3d;will-change:transform;transform-origin:center;transition:transform 950ms cubic-bezier(.22,.75,.16,1);transition-delay:calc(var(--i)*32ms)}.slat-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#0d2351;outline:1px solid #0d235133}.slat-face img{position:absolute;max-width:none;width:var(--wall-w);height:var(--wall-h);object-fit:cover;object-position:center;left:var(--slice-x,0px);top:var(--slice-y,0px);pointer-events:none}.slat-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06192c40,transparent 30%,transparent 85%,#ffffff40);pointer-events:none}.slat-front{transform:translateZ(3px)}.slat-back{transform:rotateY(180deg) translateZ(3px)}.slat-leaf:before{content:'';position:absolute;top:0;bottom:0;width:6px;left:50%;background:#173358;transform:rotateY(90deg);box-shadow:5px 0 20px #02152c35}.installation-floor{position:absolute;left:5%;right:-5%;top:80%;height:140px;background:repeating-linear-gradient(90deg,#0d235115 0 2%,transparent 2% 4.6%);filter:blur(4px);transform:perspective(600px) rotateX(68deg) skewX(-20deg);z-index:-1;opacity:.7;pointer-events:none}.installation-caption{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 0 14px;color:#0d2351}.installation-caption>span{font-size:9px;letter-spacing:.12em}.installation-caption button{border-bottom:1px solid #0d2351;padding:10px 0;font-size:12px;min-height:44px}.installation-caption b{font-weight:400;font-size:22px;margin-left:20px}.visual-note{font-size:9px;color:#5f7086}.slat-hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:24px 0;margin-top:15px;border-top:1px solid #cbd7e5;font-size:9px;letter-spacing:.07em}.slat-hero-foot button{font-size:10px;padding:12px;min-height:44px}.slat-project-section{padding:85px 4vw 55px;background:#0d2351;color:white;overflow:hidden}.slat-project-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.slat-project-top .eyebrow{font-size:9px;letter-spacing:.12em;color:#b9cde6;margin-bottom:22px}.slat-page .slat-project-top h2{font-size:clamp(38px,4.5vw,65px);line-height:1.05;color:white}.slat-project-top>p{font-size:16px;line-height:1.6;color:#c6d8ed}.project-installation{display:grid;grid-template-columns:68% 32%;align-items:stretch;background:#102b52}.project-installation .slat-wall{height:430px}.horizontal .slat-leaf{left:0;width:100%;height:auto;transform-origin:center;transition-delay:calc(var(--i)*55ms)}.horizontal .slat-back{transform:rotateX(180deg) translateZ(3px)}.horizontal .slat-leaf:before{left:0;right:0;top:50%;height:6px;width:auto;bottom:auto;transform:rotateX(90deg)}.horizontal .slat-face:after{background:linear-gradient(#06192c55,transparent 30%,transparent 85%,#ffffff50)}.project-installation-info{padding:42px 32px;align-self:center}.project-installation-info>span{font-size:9px;letter-spacing:.1em;color:#c6d8ed}.project-installation-info h3{font-size:36px;margin:18px 0;color:white}.project-installation-info p{font-size:15px;color:#c6d8ed;line-height:1.6}.project-installation-info .slat-cta{background:white;color:#0d2351;border-color:white}.project-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px}.project-selector button{text-align:left;color:#c6d8ed;border-top:1px solid #7891b4;padding:17px 0;font-size:16px}.project-selector button span{font-size:10px;margin-right:20px}.project-selector button[aria-pressed=true]{color:white;border-top:3px solid #fff;padding-top:15px}.slat-page .architecture-work{padding-top:60px}.slat-page .arch-work-heading h2{font-size:43px}.slat-page .portal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.slat-page .portal{display:block;border:0}.slat-page .portal:before{display:none}.slat-page .portal-recess{height:230px}.slat-page .portal-caption{padding:22px 0}.slat-page .portal-caption h3{font-size:26px}.slat-page .portal-caption p{font-size:14px}.slat-page .services h2,.slat-page .consult-intro h2{font-size:clamp(38px,4.2vw,60px)}.slat-page .service-rows h3{font-size:28px}.slat-page .person-statement h2{font-size:clamp(35px,3.6vw,53px)}.slat-page .steps h3{font-size:27px}.slat-page .contact-big,.slat-page .contact-big em{font-size:clamp(65px,8vw,110px)}.slat-page .poster-result-stage strong,.slat-page .poster-echo{font-family:ThalexPlex,Arial,sans-serif;font-weight:600;font-size:clamp(30px,4vw,60px)}.slat-page .poster-lab-action h3{font-size:25px}.slat-page .poster-lab{gap:24px}.slat-page .poster-page{background:white}.slat-page .section{overflow:hidden}.slat-page .service-count{font-family:ThalexPlex,Arial,sans-serif}.slat-page .header a:focus-visible,.slat-page button:focus-visible,.slat-page a:focus-visible{outline:3px solid #60a5fa;outline-offset:5px}.motion-paused .slat-leaf{transition:none!important}
@media(min-width:1800px){.slat-hero{padding-left:7vw;padding-right:7vw}.slat-wall{height:650px}}
@media(max-width:1100px){.slat-hero{grid-template-columns:38% 62%;padding-top:30px}.slat-intro{padding-right:20px}.slat-intro h1{font-size:46px}.slat-lead{font-size:15px}.slat-wall{height:490px}.perspective-picker button{font-size:10px;padding:12px 7px}.hero-installation{padding-left:10px}.project-installation{grid-template-columns:60% 40%}.project-installation-info{padding:25px}.project-installation-info h3{font-size:29px}.slat-cta{gap:20px;padding:15px 17px;font-size:12px}}
@media(max-width:760px){.slat-hero{margin-top:70px;display:flex;flex-direction:column;padding:25px 6vw 0}.slat-intro{padding:5px 0 0;display:contents}.slat-intro>.eyebrow{order:0;font-size:8px;margin-bottom:22px}.slat-intro h1{order:1;font-size:clamp(43px,11vw,65px);margin-bottom:18px}.slat-lead{order:2;font-size:16px;max-width:35ch;margin-bottom:18px}.hero-installation{order:3;width:100%;padding:0;margin-top:5px;perspective:1100px}.slat-wall{height:370px;perspective:1100px}.installation-floor{height:85px;top:80%}.installation-caption{padding:12px 0 3px;gap:8px}.installation-caption>span{font-size:7px;max-width:45%;line-height:1.6}.installation-caption button{font-size:10px}.installation-caption b{margin-left:9px}.visual-note{font-size:8px}.slat-intro>.slat-cta{order:6;margin:16px 0 8px;width:100%;font-size:14px}.perspective-picker{order:4;margin-top:22px;justify-content:space-between}.perspective-picker button{font-size:12px;padding:14px 8px}.perspective-copy{order:5;padding-top:16px;min-height:95px}.perspective-copy p{font-size:14px;max-width:none}.slat-hero-foot{order:7;font-size:7px;gap:15px;padding:14px 0;margin-top:22px;width:100%}.slat-hero-foot>span{max-width:55%;line-height:1.7}.slat-hero-foot button{font-size:9px;padding:8px 0;white-space:nowrap}.slat-project-section{padding:50px 6vw 30px}.slat-project-top{display:block;margin-bottom:27px}.slat-page .slat-project-top h2{font-size:41px}.slat-project-top>p{margin-top:20px;font-size:14px}.project-installation{grid-template-columns:1fr}.project-installation .slat-wall{height:340px}.project-installation-info{padding:26px 22px}.project-installation-info h3{font-size:30px}.project-selector{gap:12px;margin-top:18px}.project-selector button{font-size:12px;line-height:1.4}.project-selector button span{display:block;margin-bottom:8px;font-size:9px}.slat-page .portal-gallery{grid-template-columns:1fr;gap:15px}.slat-page .portal-recess{height:260px}.slat-page .portal-caption p{font-size:14px}.slat-page .services h2,.slat-page .consult-intro h2{font-size:38px}.slat-page .person-statement h2{font-size:35px}.slat-page .poster-result-stage strong,.slat-page .poster-echo{font-size:12vw}.slat-page .contact-big,.slat-page .contact-big em{font-size:60px}}
@media(prefers-reduced-motion:reduce){.slat-leaf{transition:none!important}.slat-cta{transition:none!important}}
@media(max-width:760px){.slat-intro>.slat-cta{order:3;margin:0 0 24px}.hero-installation{order:4}.perspective-picker{order:5}.perspective-copy{order:6}.slat-page .architecture-work .section-label>span:last-child{display:none}}