:root{--ink:#182226;--muted:#5c676d;--line:#d3d9dc;--paper:#f3f5f5;--silver:#dfe5e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto;object-fit:cover}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #527d92;outline-offset:6px}.skip{position:fixed;top:-70px;left:20px;z-index:99;background:white;padding:16px}.skip:focus{top:15px}.glass{background:linear-gradient(130deg,#ffffff26,#ffffff0d);border:1px solid #ffffff50;box-shadow:inset 0 1px 0 #ffffff55,0 12px 40px #00000012;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}.navigation{position:absolute;z-index:10;top:24px;left:3%;right:3%;height:86px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:white}.wordmark{display:inline-flex;flex-direction:column;text-align:center;width:max-content}.wordmark strong{font:400 30px/1 Georgia,serif;letter-spacing:.045em}.wordmark span{font-size:10px;letter-spacing:.34em;margin-top:7px}.navigation nav{display:flex;gap:32px;font-size:14px}.navigation nav a{padding:15px 0}.navigation nav a:hover{opacity:.65}.contact-pill{background:#e7ebee;color:#152025;border:1px solid #ffffff80;border-radius:40px;padding:14px 23px;font-size:14px;display:flex;gap:28px;align-items:center}.contact-pill:hover{background:white}.menu-button{display:none}.mobile-menu[hidden]{display:none}.hero{position:relative;min-height:760px;height:100svh;max-height:1200px;color:white;overflow:hidden;background:#1d262b}.hero-image{position:absolute;height:100%;width:100%;object-position:center;animation:arrival 1.4s ease both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081216b3,transparent 85%),linear-gradient(0deg,#081216c9,transparent 45%,#08121640)}.hero-copy{position:absolute;left:7%;top:31%;max-width:850px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.6;margin:0 0 32px}h1{font-weight:400;font-size:clamp(62px,7.8vw,118px);letter-spacing:-.065em;line-height:1.02;margin:0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hero-description{font-size:20px;line-height:1.5;margin-top:32px;color:#e1e5e7}.hero-link{position:absolute;right:5%;bottom:130px;border-radius:22px;padding:24px;display:flex;align-items:center;gap:45px;font-size:15px;transition:transform .3s,background .3s}.hero-link:hover{transform:translateY(-5px);background:#ffffff24}.hero-link small{display:block;color:#d9e0e4;font-size:13px;margin-top:9px}.round-arrow{border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px}.hero-bottom{position:absolute;left:7%;right:5%;bottom:35px;display:flex;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:22px;font-size:13px;color:#e2e7e9}.hero-bottom a{display:flex;gap:30px}.section{padding:120px 7%}h2{font-size:clamp(38px,4.6vw,68px);font-weight:400;line-height:1.12;letter-spacing:-.05em;margin:0}p{font-size:17px;line-height:1.75}.vision-content{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.vision-text{max-width:490px;color:var(--muted)}.vision-text p:first-child{font-size:21px;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:85px}.principles>div{border-top:1px solid var(--line);padding-top:24px}.principles span{font-size:13px;color:#68767f}.principles h3{font-size:22px;letter-spacing:-.03em;font-weight:400;margin:28px 0 10px}.principles p{font-size:15px;line-height:1.7;max-width:290px;color:var(--muted)}.project{background:#e6ebee}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}.section-heading>p{max-width:370px;color:var(--muted);margin:0}.project-visual{position:relative;margin:0;border-radius:4px;overflow:hidden}.project-visual img{aspect-ratio:1.65;transition:transform 1.2s}.project-visual:hover img{transform:scale(1.025)}figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:18px 24px;color:white;display:flex;justify-content:space-between;gap:15px;border-radius:14px;font-size:13px;background-color:#14252e50!important}.project-details{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.project-details span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.project-details h3{font-size:22px;font-weight:400;letter-spacing:-.025em;margin:18px 0 12px}.project-details p{font-size:15px;color:var(--muted)}.project-note{font-size:12px;color:#626f76;border-top:1px solid #c9d1d5;padding-top:24px;margin-top:30px;max-width:100%}.process{background:#142125;color:#eef2f4;display:grid;grid-template-columns:1fr 1fr;gap:12%}.process-intro>p:not(.eyebrow){color:#b6c1c7;max-width:420px;margin:32px 0}.text-link{display:inline-block;border-bottom:1px solid #738187;padding-bottom:10px;font-size:14px}.text-link span{margin-left:22px}.steps article{padding:35px 0;border-top:1px solid #435055}.steps article:first-child{padding-top:0;border:0}.steps article>span{font-size:12px;letter-spacing:.1em;color:#aab8c0}.steps h3{font-size:25px;letter-spacing:-.025em;font-weight:400;margin:18px 0 12px}.steps p{color:#b6c1c7;font-size:16px;margin:0}.film-section{padding-bottom:100px}.film-section video{display:block;width:100%;aspect-ratio:16/9;background:#101719;border-radius:4px;object-fit:cover}.contact-section{background:#dbe3e7}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.contact-content p{color:#4b5b64;max-width:410px}.email-link{font-size:clamp(16px,1.65vw,23px);display:inline-flex;gap:20px;border-bottom:1px solid #8a9aa3;padding-bottom:14px;margin-top:14px}.email-link:hover{border-color:var(--ink)}footer{padding:70px 7% 28px;background:#0c1519;color:#d1dade}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:65px}.footer-top .wordmark strong{font-size:38px}.footer-top p{margin:0;font-size:16px;color:#9aabb3;line-height:1.6}.footer-top nav{display:grid;grid-template-columns:1fr;gap:16px;font-size:14px;justify-self:end}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #34434b;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9aabb3}@keyframes arrival{from{transform:scale(1.035);opacity:.4}to{transform:scale(1);opacity:1}}.reveal{transition:opacity .8s ease,transform .8s ease}.motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}@media(min-width:1700px){.section,footer{padding-left:max(7%,calc((100% - 1500px)/2));padding-right:max(7%,calc((100% - 1500px)/2))}}@media(max-width:900px){.navigation nav{gap:20px}.section{padding:85px 6%}.hero-link{right:6%;bottom:115px}.hero-copy{left:6%;top:28%}.vision-content{gap:6%}.principles{gap:25px}.process{gap:7%}.section-heading{gap:35px}.footer-top{gap:30px}}@media(max-width:680px){html{scroll-padding-top:25px}.navigation{top:14px;left:14px;right:14px;height:76px;padding:0 18px;border-radius:20px;gap:14px}.wordmark strong{font-size:24px}.wordmark span{font-size:9px;letter-spacing:.26em}.navigation nav{display:none}.contact-pill{margin-left:auto;padding:12px 17px;min-height:44px;gap:12px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:36px;height:44px;background:none;border:0;padding:6px;color:white;cursor:pointer}.menu-button span{height:1px;background:currentColor;width:23px;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:absolute;z-index:11;top:102px;left:14px;right:14px;border-radius:20px;background-color:#142125ee;color:white;padding:12px 24px}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{padding:17px 0;border-bottom:1px solid #ffffff20;font-size:17px}.mobile-menu a:last-child{border:0}.hero{min-height:760px;max-height:1000px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#0812169c,#08121614),linear-gradient(0deg,#081216d9,transparent 70%)}.hero-copy{left:24px;right:20px;top:27%}.hero .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:25px}h1{font-size:clamp(53px,12vw,80px)}.hero-description{font-size:17px;margin-top:26px}.hero-link{left:24px;right:24px;bottom:105px;padding:19px;justify-content:space-between;gap:10px;font-size:14px}.hero-link small{font-size:12px}.hero-bottom{left:24px;right:24px;bottom:28px;font-size:11px;gap:15px}.hero-bottom a{gap:12px}.section{padding:70px 24px}.eyebrow{font-size:11px;margin-bottom:25px}h2{font-size:42px}.vision-content,.contact-content,.process{grid-template-columns:1fr;gap:28px}.vision-text p:first-child{font-size:20px}.principles{grid-template-columns:1fr;gap:24px;margin-top:35px}.principles h3{margin-top:17px}.principles p{max-width:none;margin-bottom:0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:26px;max-width:none}.project-visual{margin-left:-24px;margin-right:-24px;border-radius:0}.project-visual img{aspect-ratio:1.1;object-position:center}figcaption{left:16px;right:16px;bottom:16px;padding:15px;font-size:11px;flex-direction:column;gap:7px}.project-details{grid-template-columns:1fr;gap:24px;margin-top:35px}.project-details>div{border-bottom:1px solid #c6d0d6;padding-bottom:15px}.project-details h3{margin-top:12px}.project-note{border:0;padding:0;font-size:12px}.steps article{padding:30px 0}.steps article:first-child{padding-top:30px;border-top:1px solid #435055}.process-intro>p:not(.eyebrow){margin:25px 0}.film-section video{aspect-ratio:16/10}.contact-content{gap:16px}.email-link{font-size:17px;gap:10px}footer{padding:55px 24px 24px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:40px}.footer-top .wordmark{grid-column:1/-1}.footer-top .wordmark strong{font-size:34px}.footer-top nav{justify-self:start;font-size:13px}.footer-top p{font-size:14px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:18px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion .reveal:not(.visible){opacity:1;transform:none}}
/* Editorial alignment, human typography and restrained motion. */
.eyebrow,.hero .eyebrow,.steps article>span,.project-details span{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;line-height:1.5}.eyebrow{color:#5c6b73;margin-bottom:24px}.hero .eyebrow,.process .eyebrow{color:#d1dade}.vision-content{grid-template-columns:1.15fr 1fr;align-items:start;gap:8%}.vision-text p:first-child{margin-top:0}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:end}.section-heading>p{max-width:480px;margin:0}.project-details{gap:40px}.principles p,.project-details p{font-size:16px}.footer-bottom,.footer-top nav{font-size:14px}.footer-top .wordmark span{font-size:12px}.navigation nav{gap:26px}.navigation{transition:background .4s,box-shadow .4s}.hero-copy{animation:copy-enter 1s .15s both}.hero-link{animation:copy-enter 1s .35s both}.spaces{background:#f3f5f5}.gallery-stage{position:relative;aspect-ratio:1.9;background:#dbe2e5;border-radius:5px;overflow:hidden;touch-action:pan-y}.gallery-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s}.gallery-slide.is-active{opacity:1;visibility:visible;z-index:1}.gallery-slide img{height:100%;width:100%;object-fit:cover;transform:scale(1.025);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.gallery-slide.is-active img{transform:scale(1)}.gallery-overlay{position:absolute;z-index:2;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.gallery-label{padding:12px 18px;border-radius:30px;background-color:#14212555;color:white;font-size:13px}.gallery-controls{display:flex;align-items:center;gap:12px;border-radius:40px;padding:6px;background-color:#14212566;color:white;pointer-events:auto}.gallery-controls button{display:grid;place-items:center;width:46px;height:46px;background:#ffffff15;color:white;border:1px solid #ffffff40;border-radius:50%;cursor:pointer;font-size:23px;transition:background .25s,transform .25s}.gallery-controls button:hover{background:#ffffff35;transform:scale(1.06)}.gallery-count{font-size:14px;min-width:38px;text-align:center}.gallery-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cbd3d7}.gallery-tabs button{position:relative;text-align:left;border:0;background:none;color:#65737b;padding:25px 12px 25px 0;cursor:pointer}.gallery-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1a2c35;transform:scaleX(0);transform-origin:left;transition:transform .4s}.gallery-tabs button.is-active:after{transform:scaleX(1)}.gallery-tabs button.is-active{color:#15242c}.gallery-tabs span{font-size:20px;display:block;margin-bottom:8px}.gallery-tabs small{font-size:14px;font-weight:400;line-height:1.4}.gallery-caption{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:32px;min-height:140px}.gallery-caption h3{font-weight:400;font-size:27px;line-height:1.3;letter-spacing:-.03em;margin:0}.gallery-caption p{margin:0;color:#5c676d;font-size:16px}.principles>div{transition:transform .4s,border-color .4s}.principles>div:hover{transform:translateY(-5px);border-color:#617582}.steps article{transition:padding-left .4s}.steps article:hover{padding-left:12px}.text-link,.email-link{transition:color .25s,border-color .25s}.project-visual img{height:auto}.hero-bottom{font-size:14px}.hero-link small{font-size:14px}.motion .principles>div:nth-child(2){transition-delay:.08s}.motion .principles>div:nth-child(3){transition-delay:.16s}@keyframes copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.navigation nav{gap:15px}.gallery-stage{aspect-ratio:1.5}.gallery-tabs small{font-size:13px}}@media(max-width:680px){.vision-content,.section-heading{display:grid;grid-template-columns:1fr;gap:24px}.section-heading>p{margin:0}.hero .eyebrow{font-size:13px;letter-spacing:0}.hero-bottom{font-size:12px}.hero-link small{font-size:13px}.gallery-stage{aspect-ratio:1.1;margin:0 -24px;border-radius:0}.gallery-overlay{left:14px;right:14px;bottom:15px;gap:10px}.gallery-label{font-size:11px;max-width:140px;padding:12px;line-height:1.4}.gallery-controls{gap:6px;padding:5px}.gallery-controls button{width:42px;height:42px}.gallery-tabs button{padding:23px 8px 20px 0}.gallery-tabs span{font-size:15px;line-height:1.35;min-height:41px;margin:0}.gallery-tabs small{display:none}.gallery-caption{grid-template-columns:1fr;gap:15px;padding-top:25px;min-height:205px}.gallery-caption h3{font-size:25px}.gallery-caption p{font-size:16px}.project-details{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding:0 0 20px;scrollbar-width:thin}.project-details>div{min-width:88%;scroll-snap-align:start}.footer-top nav{font-size:14px}.footer-bottom{font-size:12px}.section-heading h2{font-size:39px}.vision h2{font-size:39px}}@media(prefers-reduced-motion:reduce){.gallery-slide,.gallery-slide img,.hero-copy,.hero-link{animation:none;transition:none}.steps article:hover,.principles>div:hover{transform:none;padding-left:0}}
/* Preserve the full film frame and give corporate information room. */
.film-section video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}.film-section{padding-bottom:120px}.vision-content,.contact-content{align-items:start}.vision-text p:first-child,.contact-content p:first-child{margin-top:0}.process-intro h2{margin-top:0}footer{padding-top:100px;padding-bottom:48px}.footer-top{grid-template-columns:1.35fr 1fr 1fr;gap:70px;padding-bottom:100px;align-items:start}.footer-top nav{gap:23px;line-height:1.5}.footer-top p{line-height:1.9}.footer-bottom{padding-top:35px;line-height:1.6;align-items:center}.footer-top .wordmark span{margin-top:12px}.contact-section{padding-top:110px;padding-bottom:110px}@media(max-width:680px){.film-section video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.film-section{padding-bottom:75px}.film-section video{margin-top:12px}.contact-section{padding-top:75px;padding-bottom:80px}footer{padding:75px 28px 36px}.footer-top{grid-template-columns:1fr 1fr;gap:48px 28px;padding-bottom:65px}.footer-top .wordmark{margin-bottom:8px}.footer-top nav{gap:22px}.footer-bottom{padding-top:30px;gap:25px;align-items:flex-start;flex-direction:column}.footer-bottom>a{margin-left:0}.vision-content,.contact-content{gap:30px}}

.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{justify-self:end}@media(max-width:680px){.footer-top{grid-template-columns:1fr;gap:45px}.footer-top nav{justify-self:start;grid-template-columns:1fr 1fr;gap:22px 32px;width:100%}}

.principles{column-gap:56px}.principles>div{position:relative;padding-top:28px}.principles>div>span{font-family:Georgia,serif;font-size:34px;line-height:1;font-weight:400;letter-spacing:-.04em;color:#83939c;display:block;margin-bottom:24px}.principles h3{font-size:24px;margin:0 0 16px}.principles p{margin:0;max-width:340px}.project-note{font-size:14px;line-height:1.8;max-width:850px;color:#5b6972;padding-top:28px;margin-top:42px}.project-note strong{font-weight:500;color:#283c47;display:block;margin-bottom:5px}@media(max-width:680px){.principles{gap:32px}.principles>div{padding-top:24px;padding-left:60px}.principles>div>span{position:absolute;left:0;top:26px;font-size:28px;margin:0}.principles h3{font-size:22px;margin-bottom:12px}.project-note{font-size:14px;margin-top:26px;padding-top:24px;border-top:1px solid #c6d0d6}}

.contact-pill{justify-content:center;min-width:98px}.round-arrow{flex-shrink:0;width:48px;height:48px;border-color:#ffffff60;background:#ffffff0b;transition:background .3s,border-color .3s}.round-arrow svg{width:23px;height:23px;transition:transform .3s ease}.hero-link:hover .round-arrow{background:#ffffff1f;border-color:#ffffffa0}.hero-link:hover .round-arrow svg{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.hero-link:hover .round-arrow svg{transform:none}}

/* The browser chrome and display cutout share the hero's charcoal tone. */
:root{--browser-surface:#101719;--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html{background:var(--browser-surface)}
.hero-shade::before{content:"";position:absolute;inset:0 0 auto;height:calc(180px + var(--safe-top));background:linear-gradient(to bottom,var(--browser-surface) 0,var(--browser-surface) max(12px,var(--safe-top)),rgba(16,23,25,.82) calc(36px + var(--safe-top)),rgba(16,23,25,0) 100%);pointer-events:none}
.navigation{top:calc(24px + var(--safe-top));left:max(3%,calc(var(--safe-left) + 14px));right:max(3%,calc(var(--safe-right) + 14px))}
.hero-copy{padding-left:var(--safe-left);padding-right:var(--safe-right)}
@media(max-width:680px){
.navigation{top:calc(14px + var(--safe-top));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right))}
.mobile-menu{top:calc(102px + var(--safe-top));left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right))}
.hero-copy{top:max(27%,calc(142px + var(--safe-top)))}
}

.text-link{display:inline-flex;align-items:center;gap:20px;max-width:100%;line-height:1.5}.sequence-arrow{width:20px;height:20px;flex:0 0 20px;transition:transform .25s ease}.text-link:hover .sequence-arrow{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.sequence-arrow{transition:none}.text-link:hover .sequence-arrow{transform:none}}