.architectural-hero{padding:142px var(--gutter) 36px;color:#142c34;background:#f4f3ef;position:relative;overflow:clip}.architectural-hero__stage{grid-template-rows:530px 96px;grid-template-columns:.88fr 1.12fr;gap:0 52px;max-width:1520px;margin:auto;display:grid;position:relative}.architectural-hero__aura,.architectural-hero__depth,.architectural-hero__wash,.architectural-hero__micro--right{display:none}.architectural-hero__slides{transform:perspective(1500px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:#354c54;border:8px solid #263a42;grid-area:1/2;transition:transform .7s;position:relative;overflow:hidden;box-shadow:-12px 12px #ced3d2,-13px 13px #a3aeae}.architectural-hero__slide{opacity:0;visibility:hidden;margin:0;transition:opacity .85s,visibility .85s;position:absolute;inset:0}.architectural-hero__slide.is-active{opacity:1;visibility:visible}.architectural-hero__picture{width:100%;height:100%;display:block}.architectural-hero__picture img{object-fit:cover;object-position:var(--object-position,center);width:100%;height:100%}.architectural-hero__triptych{grid-template-columns:repeat(3,1fr);gap:3px;height:100%;display:grid}.architectural-hero__micro--left{z-index:2;color:#fff;background:#152d34;flex-direction:column;gap:3px;padding:10px 14px;font-size:11px;display:flex;position:absolute;top:24px;left:24px}.architectural-hero__micro--left span:first-child{color:#89d2f4}.architectural-hero__copy{grid-area:1/1;align-self:center;padding:16px 0 28px}.architectural-hero__eyebrow{color:#45616a;align-items:center;gap:9px;margin:0 0 30px;font-size:13px;font-weight:600;display:flex}.architectural-hero__eyebrow span{background:#0878ad;width:8px;height:8px}.architectural-hero__copy h1{letter-spacing:0;margin:0;font-size:64px;font-weight:500;line-height:1.17}.architectural-hero__copy h1 em{color:#0775a5;font-weight:800}.architectural-hero__copy>p:not(.architectural-hero__eyebrow){color:#48616a;max-width:440px;margin:26px 0 30px;font-size:17px;line-height:1.85}.architectural-hero__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.architectural-hero__discover{color:#4f6871;align-items:center;gap:13px;width:-moz-fit-content;width:fit-content;min-height:44px;margin-top:24px;font-size:12px;display:flex}.architectural-hero__discover span{border:1px solid #9badb2;place-items:center;width:26px;height:26px;display:grid}.architectural-hero__proof{border-top:1px solid #bbc6c8;grid-area:2/1;align-items:center;gap:28px;display:flex}.architectural-hero__proof a{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.architectural-hero__proof strong{font-variant-numeric:tabular-nums;grid-row:span 2;font-size:32px;font-weight:400;line-height:1}.architectural-hero__proof span{font-size:12px;font-weight:700}.architectural-hero__proof small{color:#526a74;font-size:10px}.architectural-hero__caption{grid-area:2/2;align-items:center;gap:14px;padding-left:178px;display:flex}.architectural-hero__caption>span{color:#52707b;font-variant-numeric:tabular-nums;align-self:center;font-size:26px;font-weight:300}.architectural-hero__caption strong{font-size:13px;font-weight:600;display:block}.architectural-hero__caption small{color:#526a74;margin-top:3px;font-size:10px;display:block}.architectural-hero__controls{direction:ltr;align-items:center;gap:4px;display:flex;position:absolute;bottom:25px;left:0}.architectural-hero__controls button{color:#142c34;cursor:pointer;background:0 0;border:1px solid #aabac0;border-radius:0;place-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:grid}.architectural-hero__controls button:hover{color:#fff;background:#142c34}.architectural-hero__controls>span{background:#c3ced0;width:100%;height:2px;position:absolute;top:-8px;left:0}.architectural-hero__controls>span i{transform-origin:0;background:#0775a5;width:100%;height:100%;display:block;transform:scaleX(0)}.architectural-hero__controls>span i.is-running{animation:4s linear forwards atelier-hero-progress}.architectural-hero__controls small{margin-left:5px;font-size:10px}@keyframes atelier-hero-progress{to{transform:scaleX(1)}}@media (min-width:1500px){.architectural-hero__copy h1{font-size:78px}.architectural-hero__stage{grid-template-rows:630px 100px}}@media (max-width:1100px){.architectural-hero__stage{grid-template-rows:520px 100px;gap:0 28px}.architectural-hero__copy h1{font-size:52px}.architectural-hero__caption{gap:8px;padding-left:155px}.architectural-hero__proof{gap:18px}}@media (max-width:850px){.architectural-hero{padding-top:112px;padding-bottom:18px}.architectural-hero__stage{grid-template-rows:auto 450px 88px 84px;grid-template-columns:1fr}.architectural-hero__copy{grid-area:1/1;padding:0 0 32px}.architectural-hero__copy h1{font-size:60px}.architectural-hero__eyebrow{margin-bottom:20px}.architectural-hero__copy>p:not(.architectural-hero__eyebrow){max-width:580px;margin:20px 0 24px}.architectural-hero__discover{display:none}.architectural-hero__slides{border-width:6px;grid-area:2/1;box-shadow:-7px 7px #ced3d2}.architectural-hero__micro--left{display:none}.architectural-hero__caption{grid-area:3/1}.architectural-hero__controls{bottom:106px}.architectural-hero__proof{grid-area:4/1;gap:40px}}@media (max-width:520px){.architectural-hero__stage{grid-template-rows:auto 328px 94px 84px}.architectural-hero__copy h1{letter-spacing:0;font-size:44px}.architectural-hero__copy>p:not(.architectural-hero__eyebrow){font-size:16px}.architectural-hero__eyebrow{font-size:11px}.architectural-hero__caption{gap:8px;padding-left:144px}.architectural-hero__caption strong{font-size:11px}.architectural-hero__caption small{font-size:10px}.architectural-hero__caption>span{font-size:20px}.architectural-hero__controls{gap:2px}.architectural-hero__controls small{display:none}.architectural-hero__proof{gap:24px}.architectural-hero__proof strong{font-size:28px}.architectural-hero__picture img{object-position:var(--object-position-mobile,center)}}@media (prefers-reduced-motion:reduce){.architectural-hero *{transition:none!important;animation:none!important}.architectural-hero__slides{transform:none}}body.atelier[data-page=home]{background:#0c222b}body.atelier[data-page=home] .site-header:is(.is-scrolled,:not(.is-scrolled)){color:#f7fafb;background:#071b24f5;border-color:#ffffff26}body.atelier[data-page=home] .site-header .desktop-nav a{color:#e4eef2}body.atelier[data-page=home] .site-header .desktop-nav a.is-current{color:#8bd6f6;box-shadow:inset 0 -2px #8bd6f6}body.atelier[data-page=home] .site-header .header-action{color:#fff;background:0 0;border-color:#acc2cb}body.atelier[data-page=home] .site-header .header-action:hover{background:#1b536b}body.atelier[data-page=home] .site-header .menu-toggle{color:#fff;background:#102b36;border-color:#aec2cb}body.atelier[data-page=home] .site-header .menu-toggle span{background:#fff}.atelier .site-brand{position:relative}.atelier .site-brand__inverse{display:none}body.atelier[data-page=home] .site-header .site-brand>img:first-child{visibility:hidden}body.atelier[data-page=home] .site-header .site-brand__inverse{object-fit:contain;height:100%;display:block;position:absolute;inset:0}.atelier .architectural-hero{color:#fff;isolation:isolate;background:#071b24;padding:0}.atelier .architectural-hero__stage{padding:142px var(--gutter) 32px;grid-template-rows:minmax(480px,1fr) 100px;grid-template-columns:.94fr 1.06fr;gap:0 70px;max-width:none;min-height:min(960px,100svh)}.atelier .architectural-hero__slides{box-shadow:none;background:#102630;border:0;grid-area:auto;position:absolute;inset:0;transform:none}.atelier .architectural-hero__slide{overflow:hidden}.atelier .architectural-hero__picture{transform:scale(1.025) translate3d(var(--shift-x,0px),var(--shift-y,0px),0);transition:transform 1.2s}.atelier .architectural-hero__picture img{object-position:var(--object-position,center)}.atelier .architectural-hero__wash{pointer-events:none;background:linear-gradient(270deg,#04141df0,#04141de0 41%,#04141d30 73%),linear-gradient(#0000 57%,#04141df0);display:block;position:absolute;inset:0}.atelier .architectural-hero__micro{display:none}.atelier .architectural-hero__copy{z-index:1;max-width:620px;padding:22px 0 32px;position:relative}.atelier .architectural-hero__eyebrow{color:#cadfe9;margin-bottom:28px}.atelier .architectural-hero__eyebrow span{background:#7bd0f4}.atelier .architectural-hero__copy h1{font-size:72px;font-weight:450;line-height:1.13}.atelier .architectural-hero__copy h1 em{color:#8bd6f6;font-weight:750}.atelier .architectural-hero__copy>p:not(.architectural-hero__eyebrow){color:#edf3f6;max-width:470px;font-size:17px}.atelier .architectural-hero .atelier-button{color:#08212d;background:#8bd6f6;border-color:#8bd6f6;min-height:54px}.atelier .architectural-hero .atelier-button:hover{background:#c1eafd;border-color:#c1eafd}.atelier .architectural-hero .atelier-text-link{color:#fff}.atelier .architectural-hero__discover{color:#d2e2e9}.atelier .architectural-hero__discover span{border-color:#a6bfcc}.atelier .architectural-hero__proof{z-index:1;border-color:#ffffff35;position:relative}.atelier .architectural-hero__proof small{color:#c7dbe6}.atelier .architectural-hero__caption{z-index:1;border-top:1px solid #ffffff35;position:relative}.atelier .architectural-hero__caption>span{color:#a8d5e8}.atelier .architectural-hero__caption small{color:#c7dbe6}.atelier .architectural-hero__controls{z-index:2;left:var(--gutter);bottom:60px}.atelier .architectural-hero__controls button{color:#fff;background:#071b24e6;border-color:#aac3cf}.atelier .architectural-hero__controls button:hover{color:#08212d;background:#8bd6f6}.atelier .architectural-hero__controls>span{background:#829ba855}.atelier .architectural-hero__controls>span i{background:#8bd6f6}.atelier .architectural-hero :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #fff}.atelier .atelier-story [data-reveal]:focus-within{opacity:1;transform:none}@keyframes cinema-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes cinema-photo{0%{transform:scale(1.055)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.atelier .architectural-hero.is-entered .architectural-hero__copy>*{animation:.85s cubic-bezier(.2,.75,.2,1) both cinema-enter}.atelier .architectural-hero.is-entered .architectural-hero__copy>:nth-child(2){animation-delay:.1s}.atelier .architectural-hero.is-entered .architectural-hero__copy>:nth-child(3){animation-delay:.22s}.atelier .architectural-hero.is-entered .architectural-hero__copy>:nth-child(4){animation-delay:.34s}.atelier .architectural-hero.is-entered .architectural-hero__copy>:nth-child(5){animation-delay:.44s}.atelier .architectural-hero.is-entered .architectural-hero__slide.is-active img{animation:4s ease-out both cinema-photo}.atelier .architectural-hero.is-entered[data-motion-paused=true] .architectural-hero__slide.is-active img{animation-play-state:paused}.atelier .atelier-story [data-reveal]{transition-duration:.75s,.9s}.atelier .atelier-project:nth-child(2){transition-delay:.12s}.atelier .atelier-project:nth-child(3){transition-delay:.2s}.atelier .atelier-project figure img{transition:transform 1.2s cubic-bezier(.2,.75,.2,1);transform:scale(1.075)}.atelier .atelier-project.is-visible figure img{transform:scale(1)}.atelier .atelier-project:is(:hover,:focus-visible) figure img{transform:scale(1.04)}.atelier .atelier-process li{transition-delay:80ms}.atelier .atelier-process li:nth-child(2){transition-delay:.16s}.atelier .atelier-process li:nth-child(3){transition-delay:.24s}.atelier .atelier-service i{transition:transform .35s}.atelier .atelier-service:is(:hover,:focus-visible) i{transform:translate(-4px,-4px)}}body.atelier[data-page=home] .atelier-manifesto{color:#fff;background:#102b36}body.atelier[data-page=home] .atelier-manifesto :is(.atelier-label,.atelier-manifesto__body p){color:#c7dbe6}body.atelier[data-page=home] .atelier-manifesto h2 em{color:#8bd6f6}body.atelier[data-page=home] .atelier-manifesto .atelier-label{border-color:#ffffff30}body.atelier[data-page=home] .atelier-services,body.atelier[data-page=home] .atelier-faq{background:#f4f3ef}body.atelier[data-page=home] .atelier-process{background:#e1e7e7}@media (min-width:1600px){.atelier .architectural-hero__copy h1{font-size:88px}.atelier .architectural-hero__stage{padding-inline:max(var(--gutter),calc((100vw - 1680px)/2))}}@media (max-width:1100px){.atelier .architectural-hero__stage{gap:0 36px}.atelier .architectural-hero__copy h1{font-size:58px}}@media (max-width:850px){.atelier .architectural-hero__stage{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr;gap:0;min-height:880px;padding:125px 32px 28px}.atelier .architectural-hero__slides{inset:0}.atelier .architectural-hero__wash{background:linear-gradient(#071b24e8 0% 43%,#071b2480 66%,#071b24f5 90%)}.atelier .architectural-hero__copy{max-width:570px;padding:0}.atelier .architectural-hero__copy h1{font-size:64px}.atelier .architectural-hero__picture img{object-position:var(--object-position-mobile,center)}.atelier .architectural-hero__caption{grid-area:3/1;min-height:88px;padding-left:156px}.atelier .architectural-hero__controls{bottom:134px;left:32px}.atelier .architectural-hero__proof{grid-area:4/1;gap:36px;min-height:84px}}@media (max-width:520px){.atelier .architectural-hero__stage{min-height:max(820px,100svh);padding:116px 22px 20px}.atelier .architectural-hero__copy h1{font-size:46px}.atelier .architectural-hero__copy>p:not(.architectural-hero__eyebrow){margin:22px 0;font-size:16px}.atelier .architectural-hero__eyebrow{margin-bottom:24px;font-size:11px}.atelier .architectural-hero__actions{gap:14px 20px}.atelier .architectural-hero .atelier-button{padding-inline:16px;font-size:13px}.atelier .architectural-hero__caption{min-height:92px;padding-left:145px}.atelier .architectural-hero__controls{bottom:128px;left:22px}.atelier .architectural-hero__proof{gap:24px}}@media (max-width:360px){.atelier .architectural-hero__copy h1{font-size:39px}.atelier .architectural-hero__caption strong{font-size:10px}}@media (prefers-reduced-motion:reduce){.atelier .architectural-hero__picture{transition:none;transform:none}.atelier .atelier-story [data-reveal]{opacity:1;transition:none;transform:none}}@media (forced-colors:active){.atelier .architectural-hero__wash{background:canvas}.atelier .architectural-hero{color:canvastext}}
