/* ESR layout correspondence: 12 columns, 32px gutters, 62px titles,
   full-height media, pinned chapter labels and the under-page footer. */
body{font-family:Arial,Helvetica,sans-serif;font-weight:400}
h1,h2,h3{font-weight:500;letter-spacing:-.01em}
.mono{font-size:14px;line-height:1;letter-spacing:.09em}
.masthead nav{grid-column:9/12;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding-right:0;font-family:'DMC Mono',monospace;font-size:14px;text-transform:uppercase;letter-spacing:.07em;line-height:1.15}
.masthead-description{font-size:14px;line-height:1.2}
.menu-toggle{background:transparent;color:#777}
.contact-control{font-size:11px}
.menu-logo{position:absolute;left:var(--gutter);bottom:28px}
.menu-main{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:0}
.menu-main nav{grid-column:1/8}.menu-main nav a{font-size:62px;line-height:1;letter-spacing:-.02em}
.menu-main nav a span.char{display:inline}
.menu-preview{grid-column:9/11;width:100%;height:auto;aspect-ratio:.8;align-self:start}
.menu-bottom{position:absolute;left:calc(var(--gutter) + (100% - 2*var(--gutter) + 16px)*2/3);right:var(--gutter);top:56%;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;font-size:14px;line-height:1.2;margin:0}
.home-hero{height:100svh;min-height:0;margin-bottom:56px}
.hero-background{top:-15%;height:130%;min-height:0;object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.32))}
.hero-content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-top:0;padding-bottom:28px;align-items:center}
.hero-content h1{grid-column:1/7;align-self:center;transform:translateY(12px);font-size:62px;line-height:.95;max-width:20ch}
.home-hero-description{grid-column:9/12;font-size:14px;line-height:1.15;max-width:34ch;margin-top:0}
.hero-project,.hero-story{position:absolute;bottom:28px;font-size:14px;line-height:1.2}
.hero-project{left:var(--gutter)}.hero-story{left:calc(var(--gutter) + (100% - 2*var(--gutter) + 16px)*2/3)}
.manifesto{padding-top:0;padding-bottom:0;min-height:45vw;gap:220px;margin-bottom:32px}
.manifesto .section-label{font-size:14px;line-height:1.1}
.manifesto h2{font-size:40px;line-height:1;letter-spacing:-.01em;max-width:none}
.work-stage{height:100svh;min-height:0}
.work-showcase{margin-bottom:32px;position:relative}
.work-showcase-caption{position:absolute;bottom:28px;left:0;right:0;z-index:5;min-height:0;padding-top:0;padding-bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;color:#fff;pointer-events:none;text-shadow:0 1px 16px rgba(0,0,0,.5)}
.work-showcase-caption a{pointer-events:auto}
.showcase-name{font-family:'DMC Mono',monospace;text-transform:uppercase;font-size:14px;line-height:1.3;letter-spacing:.07em;max-width:45%}
.showcase-name span{font-size:14px}.showcase-category{display:none}.showcase-story{font-size:11px;margin-right:220px}
.work-stage:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.32));pointer-events:none;z-index:3}
.work-stage-label{top:28px;font-size:11px}.work-stage-label>span{background:none;padding:0;text-shadow:0 1px 10px #000;backdrop-filter:none}
.work-gallery-controls{inset:0;pointer-events:none}
.work-previous{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s}
.work-showcase:hover .work-previous,.work-previous:focus-visible{opacity:1}
.work-next{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%)}
.work-next-thumb{width:214px;height:214px}.work-next>.mono{bottom:12px;font-size:11px}
.work-gallery-controls button:disabled{cursor:default}
.project-index,.home-project-index{padding-top:0;padding-bottom:56px;position:relative}
.project-index-intro,.home-project-index .project-index-intro{position:sticky;top:32px;z-index:4;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:240px;pointer-events:none}
.project-index-intro>.mono:first-child{grid-column:1/9}.project-index-intro>.mono:last-child{grid-column:9/11}
.project-index-intro .mono{font-size:14px;line-height:1.1;max-width:none}
.project-index-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-bottom:250px}
.project-index-list{grid-column:1/8}
.project-index-row{min-height:clamp(180px,28svh,280px);padding:18px 0;border:0;opacity:.12;color:#000;transition:opacity .1s;scroll-margin-block:25vh}
.project-index-row:last-child{border:0}.project-index-row.is-active{opacity:1;color:#000}
.project-index-title{display:block;font-size:clamp(54px,7.1875vw,108px);line-height:1.02;letter-spacing:-.025em}
.project-index-title>.mono,.project-index-arrow{display:none}
.project-index-preview{grid-column:9/11;top:calc(50vh - 110px);padding-bottom:0;margin-top:-30px}
.project-index-preview figure{aspect-ratio:1}.project-preview-position{display:none}
.project-preview-meta{padding-top:16px}.preview-name{font-size:14px;line-height:1.2;letter-spacing:0}
.preview-category{font-size:9px;line-height:1.25;margin-top:12px}.preview-link{font-size:9px;line-height:1.2;margin-top:20px}
.index-all-work{margin:0;font-size:14px}
.home-services{display:block;background:#000;padding-top:56px;padding-bottom:56px}
.home-services>.section-label{font-size:14px;max-width:none;margin-bottom:336px}
.home-services>h2{font-size:40px;line-height:1;letter-spacing:-.01em;max-width:none}
.numbered-services{grid-template-columns:repeat(12,minmax(0,1fr));margin-top:300px;border-top:1px solid #444;padding-top:20px}
.numbered-services>p{grid-column:1/9;font-size:14px;padding-top:0}
.numbered-services>div{grid-column:9/13}
.numbered-services a{grid-template-columns:35px minmax(0,1fr) 16px;align-items:baseline;font-size:20px;line-height:1.1;padding:18px 0;border:0;gap:16px}
.numbered-services a:last-child{border-bottom:0}.numbered-services .mono{font-size:11px}
.inner-hero{min-height:616px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:16px;padding-top:304px;padding-bottom:28px}
.inner-hero h1{grid-column:1/7;font-size:62px;line-height:.95;max-width:20ch}
.hero-bottom{grid-column:9/13;gap:30px}.hero-bottom p{font-size:14px;line-height:1.15;max-width:38ch}
.hero-media{height:auto;aspect-ratio:1.6;min-height:0;margin-bottom:32px}
.media-caption{display:none}.closing-media{height:100svh;min-height:0;margin-bottom:0}
.intro-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-top:0;padding-bottom:0;margin-top:128px;margin-bottom:128px}
.intro-grid>h2{grid-column:1/7;font-size:62px;line-height:.95;max-width:20ch}.intro-copy{grid-column:7/13;font-size:20px;line-height:1.35;letter-spacing:0}
.services-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-bottom:128px}
.services-section>.section-label{grid-column:1/7;margin:0;font-size:14px}.services-section>.accordion-list{grid-column:7/13}
.accordion-button{grid-template-columns:0 minmax(0,1fr) 22px;gap:0;font-size:26px;line-height:1.15;padding:20px 0}.accordion-button .row-number{display:none}
.accordion-body{padding:0 28px 28px 0;max-width:none;font-size:20px;line-height:1.3}.accordion-body ul{columns:1;font-size:17px}
.reference-full-media{height:100svh;min-height:0;position:relative;overflow:hidden;margin-bottom:56px;background:#111}
.reference-full-media>img{position:absolute;top:-20%;height:140%;width:100%;object-fit:cover}
.capabilities{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;position:relative;padding-top:0;padding-bottom:240px}
.capability-caption{grid-column:1/13;position:sticky;top:32px;z-index:4;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:200px;pointer-events:none}
.capability-caption>p:first-child{grid-column:1/9}.capability-caption>p:nth-child(2){grid-column:9/11;margin:0;color:#000}
.capability-caption>p{font-size:14px;line-height:1.15}.capability-caption>.text-link{display:none}
.capability-list{grid-column:1/8}.capability-row{display:block;font-size:clamp(54px,7.1875vw,108px);line-height:1.02;padding:8px 0;opacity:.1;letter-spacing:-.025em}
.capability-number,.capability-inline-image{display:none}.capability-preview{grid-column:9/11;top:calc(50vh - 110px);padding-top:0}
.capability-image-label{font-size:9px;line-height:1.2}.capability-preview img{aspect-ratio:1}
.reference-detail{height:140svh;margin-bottom:56px}
.reference-detail .immersive-overlay{padding-top:300px;padding-bottom:28px;gap:80px}
.reference-detail h2{font-size:62px;line-height:.95;letter-spacing:-.01em;max-width:14ch;top:300px}
.reference-detail .immersive-overlay>p{font-size:14px;line-height:1.15;max-width:calc((100% - 11*16px)/3 + 3*16px)}
.reference-section-title{margin:128px 0;max-width:100%}.reference-section-title h2{font-size:62px;line-height:.95;max-width:20ch}
.difference{gap:16px;padding-top:28px;padding-bottom:128px;grid-template-columns:1fr 1fr}
.difference>h2{font-family:'DMC Mono',monospace;font-size:14px;line-height:1;text-transform:uppercase;letter-spacing:.09em;max-width:250px}
.difference-content>p{display:none}.difference .accordion-button{font-size:26px}
.editorial-row{grid-template-columns:1fr 1fr;gap:16px;padding-top:28px;padding-bottom:128px}
.sticky-label{top:28px;max-width:100%;padding-right:22%}.sticky-label h2{font-size:26px;line-height:1.15;margin-top:0}.sticky-label>.mono{font-size:14px;line-height:1.15;margin-bottom:24px}
.editorial-content>.media-block{height:auto;aspect-ratio:1.35;max-height:none}
.editorial-content>p{font-size:20px;line-height:1.35;margin-top:28px}
.reference-details{margin-top:40px}.reference-details>div{display:grid;grid-template-columns:1fr 2fr;gap:25px;margin:0 0 30px}
.reference-details dt{font-size:14px;line-height:1.2}.reference-details dd{font-size:20px;line-height:1.3;margin:0}
.inline-gallery{position:relative;aspect-ratio:1.35;background:#eee;overflow:hidden;margin-bottom:32px}
.inline-gallery figure{position:absolute;inset:0;opacity:0}.inline-gallery figure.is-active{opacity:1}
.inline-gallery figure>img{width:100%;height:100%;object-fit:cover}
.inline-gallery-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:6px;z-index:3}
.inline-gallery-controls button{width:34px;height:30px;background:#fff;color:#111;font-size:18px}
.inline-gallery-controls button:disabled{opacity:.5}
.story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-top:28px;padding-bottom:128px}
.story-grid>.mono{grid-column:1/7;font-size:14px}.story-grid>div{grid-column:7/13;font-size:20px;line-height:1.35;letter-spacing:0}.story-grid>div+div{grid-column:7/13;margin-top:18px}
.team-section{padding-top:0;padding-bottom:128px}.team-section>h2{font-size:62px;line-height:.95;max-width:20ch;margin-bottom:128px}
.team-label{font-size:14px}.team-grid{grid-template-columns:1fr;gap:0;margin-left:50%}
.team-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:30px;border-top:1px solid #ddd;padding:24px 0;align-items:start}
.team-card:last-child{border-bottom:1px solid #ddd}.team-portrait{grid-column:2;grid-row:1/3;aspect-ratio:1;max-width:150px}
.team-card h3{grid-column:1;grid-row:1;font-size:32px;line-height:1.1;margin:0}.team-card>p{grid-column:1;grid-row:2;font-size:11px;line-height:1.2;margin-top:20px}
.process{background:#fff;grid-template-columns:1fr 1fr;gap:16px;padding-top:28px;padding-bottom:128px}.process>p{font-size:14px}.process>h2{font-size:40px;line-height:1.05}.process li{grid-template-columns:30px 1fr;gap:16px}.process li>p{grid-column:2;font-size:20px;line-height:1.3}
.contact-section{margin-top:128px}.contact-notes{background:#fff}.contact-notes h2{font-size:40px}
.text-hero{padding-top:304px;padding-bottom:304px}.text-hero>p{display:none}.text-hero h1{font-size:40px;line-height:1;max-width:none;letter-spacing:-.01em}
.careers-list,.privacy-content{grid-template-columns:1fr 1fr;gap:16px;padding-top:28px;padding-bottom:128px}
.careers-list p:not(.mono),.privacy-content p:not(.mono){font-size:20px;line-height:1.3}
.careers-list .accordion-button{color:#fff}.careers-list .accordion-button:hover{color:#aaa}
.site-footer{height:100svh;min-height:100svh;position:relative;clip-path:inset(0);overflow:hidden;background:#fff}
.site-footer .footer-inner{position:fixed;inset:0;min-height:100svh;height:100svh;display:grid;grid-template-rows:1fr auto 1fr;gap:0;padding-top:28px;padding-bottom:28px;background:#fff;visibility:visible;pointer-events:auto}
.site-footer.dark .footer-inner{background:#000;color:#fff}
.footer-top{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
.footer-description{grid-column:1/5;font-size:14px;line-height:1.15;max-width:28ch}
.footer-nav{grid-column:7/9;font-family:'DMC Mono',monospace;text-transform:uppercase;font-size:14px;line-height:1.2;gap:3px}
.footer-project{grid-column:9/13;justify-self:stretch}.footer-project>p{font-size:14px;line-height:1.15;margin-bottom:28px}
.footer-cta{font-family:'DMC Mono',monospace;text-transform:uppercase;font-size:14px;line-height:1.2;letter-spacing:.07em;display:block;padding-bottom:12px;border-bottom:1px solid currentColor}
.footer-cta br{display:none}.footer-logo{width:32vw;max-width:none;align-self:center;margin:0}
.footer-bottom{align-self:end;grid-template-columns:3fr 5fr 2fr 2fr;gap:16px;font-size:11px;line-height:1.2;border:0;padding-top:0}
.footer-bottom>a:nth-child(2){max-width:280px}.footer-bottom button{font-size:11px}
.work-hero{min-height:616px;padding-top:304px;padding-bottom:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:end}
.work-hero h1{grid-column:1/7;font-size:62px;line-height:.95}.work-hero>div{grid-column:9/13;gap:28px}.work-hero .mono{font-size:14px;line-height:1.15}
.work-contact{background:#fff;padding-top:128px;padding-bottom:128px}.work-contact h2{font-size:62px;letter-spacing:-.01em;line-height:.95}
.case-header h1,.case-chapter-heading h2{letter-spacing:-.01em;line-height:.95}.case-lead,.case-facts dd,.case-decision>div>p{letter-spacing:0}
@media(max-width:1023px){
 .mono{font-size:12px}.masthead nav{display:none}.menu-main{display:block;margin-top:0}.menu-main nav a{font-size:38px;line-height:1.1}.menu-bottom{font-size:11px;left:calc(50% + 8px);top:55%;bottom:28px;gap:25px}
 .home-hero{min-height:660px}.hero-content{grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;gap:40px 16px}
 .hero-content h1{grid-column:1/7;font-size:38px;line-height:.95;max-width:20ch;transform:none}.home-hero-description{grid-column:4/7;font-size:11px;line-height:1.1;max-width:30ch}
 .hero-project,.hero-story{font-size:11px}.hero-story{left:calc(50% + 8px)}
 .manifesto{min-height:0;gap:188px;margin-bottom:32px}.manifesto h2{font-size:20px;line-height:1}.manifesto .section-label{font-size:11px}
 .work-stage{height:auto;aspect-ratio:.8;min-height:0}.work-next-thumb{width:80px;height:96px}.work-previous{opacity:1;font-size:10px;padding:7px 9px;top:auto;bottom:110px;transform:none}
 .work-next{right:18px;top:50%}.work-next>.mono{font-size:9px;bottom:5px}.work-stage-label{top:20px;font-size:10px}.work-showcase-caption{bottom:24px;gap:24px;display:flex;align-items:flex-end;min-height:0}.showcase-name{font-size:10px;max-width:58%}.showcase-story{margin-right:0;font-size:9px;max-width:35%;text-align:right;line-height:1.2}
 .project-index-intro,.home-project-index .project-index-intro{position:static;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:112px;gap:16px}
 .project-index-intro>.mono:first-child{grid-column:1/4}.project-index-intro>.mono:last-child{grid-column:4/7}.project-index-intro .mono{font-size:11px;line-height:1.1}
 .project-index-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2fr);gap:18px;padding-bottom:112px}
 .project-index-list{grid-column:1}.project-index-row{display:flex;justify-content:center;min-height:112px;padding:16px 0;opacity:.15;border:0;color:#000}
 .project-index-row.is-active{opacity:1}.project-index-title{display:block;font-size:38px;line-height:1;letter-spacing:-.02em;margin:0}
 .project-index-title>.mono,.project-index-arrow,.project-index-inline,.project-index-mobile-meta{display:none!important}
 .project-index-preview{display:block;grid-column:2;position:sticky;top:35vh;margin:0}.project-preview-meta{padding-top:10px}.preview-name{font-size:11px}.preview-category{font-size:8px}.preview-link{font-size:8px;line-height:1.3;margin-top:16px}
 .index-all-work{font-size:11px}.project-index,.home-project-index{padding-top:0;padding-bottom:56px}
 .home-services{padding-top:56px;padding-bottom:40px}.home-services>.section-label{font-size:11px;margin-bottom:188px}.home-services>h2{font-size:20px;line-height:1}
 .numbered-services{display:block;border:0;margin-top:96px;padding-top:0}.numbered-services>p{font-size:11px;margin-bottom:8px}.numbered-services>div{margin-left:50%}.numbered-services a{font-size:18px;line-height:1.15;padding:16px 0;gap:10px;grid-template-columns:24px 1fr 12px}
 .numbered-services .mono{font-size:10px}.service-arrow{font-size:16px}
 .inner-hero{min-height:616px;grid-template-columns:repeat(6,minmax(0,1fr));align-content:end;padding-top:250px;padding-bottom:28px;row-gap:60px}
 .inner-hero h1{grid-column:1/7;font-size:38px;line-height:.95}.hero-bottom{grid-column:4/7;gap:20px}.hero-bottom p{font-size:11px;line-height:1.15}.hero-media{height:auto;aspect-ratio:393/481;min-height:0}
 .intro-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:60px;margin-top:80px;margin-bottom:80px;padding-top:0;padding-bottom:0}.intro-grid>h2{grid-column:1/7;font-size:38px;line-height:.95}.intro-copy{grid-column:1/7;font-size:20px}
 .services-section{display:block;padding-bottom:80px}.services-section>.section-label{font-size:12px;margin-bottom:32px}.accordion-button{font-size:22px}.accordion-body{font-size:18px}
 .reference-full-media{height:100svh}.capabilities{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,2fr);gap:18px;padding:0 var(--gutter) 112px}
 .capability-caption{position:static;grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:112px}.capability-caption>p:first-child{grid-column:1}.capability-caption>p:nth-child(2){grid-column:2}.capability-caption>p{font-size:11px}
 .capability-list{grid-column:1}.capability-row{display:block;font-size:38px;line-height:1;padding:8px 0;border:0;opacity:.15}.capability-name{display:block}.capability-number,.capability-inline-image{display:none}
 .capability-preview{display:block;grid-column:2;position:sticky;top:35vh;padding-top:0}.capability-image-label{font-size:8px;line-height:1.2}
 .reference-detail{height:100svh}.reference-detail .immersive-overlay{padding-top:143px;padding-bottom:28px;gap:64px}.reference-detail h2{font-size:38px;top:143px}.reference-detail .immersive-overlay>p{font-size:11px;max-width:48%;line-height:1.15}
 .reference-section-title{margin:80px 0}.reference-section-title h2{font-size:38px}.difference{display:block;padding-top:28px;padding-bottom:80px}.difference>h2{font-size:12px;margin-bottom:40px}.difference .accordion-button{font-size:22px}
 .editorial-row{display:block;padding-top:28px;padding-bottom:80px}.sticky-label{position:static;padding:0;margin-bottom:60px}.sticky-label>.mono{font-size:12px}.sticky-label h2{font-size:22px;max-width:24ch}.editorial-content>p{font-size:20px}
 .reference-details>div{grid-template-columns:1fr;gap:14px;margin-bottom:32px}.reference-details dt{font-size:11px}.reference-details dd{font-size:18px}
 .story-grid{display:block;padding-top:28px;padding-bottom:80px}.story-grid>.mono{font-size:12px;margin-bottom:48px}.story-grid>div,.story-grid>div+div{font-size:20px;line-height:1.3;margin-top:30px}
 .team-section{padding-bottom:80px}.team-section>h2{font-size:38px;line-height:.95;margin-bottom:80px}.team-label{font-size:12px}.team-grid{margin:0}.team-card{grid-template-columns:1fr 110px;gap:18px;padding:24px 0}.team-card h3{font-size:26px}.team-card>p{font-size:10px;line-height:1.2;margin-top:18px}.team-portrait{max-width:110px}
 .process{display:block;padding-top:28px;padding-bottom:80px}.process>p{font-size:12px}.process>h2{font-size:38px;margin-top:60px}.process li>p{font-size:18px}
 .text-hero{padding-top:304px;padding-bottom:160px}.text-hero h1{font-size:24px;line-height:1}.careers-list,.privacy-content{display:block;padding-bottom:80px}.careers-list>.mono,.privacy-content>.sticky-label{margin-bottom:60px}.careers-list p:not(.mono),.privacy-content p:not(.mono){font-size:18px}
 .site-footer{height:auto;min-height:100svh;clip-path:none;overflow:visible}.site-footer .footer-inner{position:relative;inset:auto;height:auto;min-height:100svh;gap:60px;grid-template-rows:auto minmax(150px,1fr) auto;padding-top:28px;padding-bottom:28px}
 .footer-top{grid-template-columns:1fr 1fr;gap:40px 20px}.footer-description{grid-column:1;font-size:11px}.footer-nav{grid-column:2;font-size:11px}.footer-project{grid-column:1/3}.footer-project>p{font-size:11px}.footer-cta{font-size:12px;max-width:320px}.footer-logo{width:65%;max-width:420px}
 .footer-bottom{grid-template-columns:1fr 1fr;font-size:9px;gap:24px}.footer-bottom>a:nth-child(2){grid-column:1/3;grid-row:2;max-width:none}.footer-bottom button{font-size:9px}
 .work-hero{min-height:616px;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:60px;padding-top:250px;padding-bottom:28px;align-content:end}.work-hero h1{grid-column:1/7;font-size:38px}.work-hero>div{grid-column:4/7;gap:25px}.work-hero .mono{font-size:11px}.work-contact h2{font-size:38px}
}
@media(max-width:380px){.project-index-title,.capability-row{font-size:30px}.project-index-layout,.capabilities{grid-template-columns:minmax(0,5fr) minmax(0,2fr)}.preview-category{display:none}.home-hero-description{grid-column:3/7}}
@media(prefers-reduced-motion:reduce){.site-footer .footer-inner{position:relative}.site-footer{height:auto;min-height:100svh;clip-path:none}.project-index-intro{position:static}}

.case-breadcrumb,.case-heading-bottom>.mono,.case-heading-bottom>a{font-size:12px;line-height:1.2}
.case-image figcaption,.case-hero>figcaption,.case-credit,.case-next .mono{font-size:11px;line-height:1.35}
.case-side>p:not(.mono){font-size:22px;line-height:1.2}
@media(max-width:1023px){.case-breadcrumb,.case-heading-bottom>.mono,.case-heading-bottom>a{font-size:10px}.case-image figcaption,.case-hero>figcaption,.case-credit,.case-next .mono{font-size:9px}}

/* DMC image chapters share the reference's full-screen editorial proportions. */
html[data-scroll-engine="native"]{scroll-behavior:auto;scroll-snap-type:none}
[data-snap]{scroll-snap-align:none;scroll-snap-stop:normal}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 html[data-scroll-engine="native"]{scroll-behavior:smooth;scroll-snap-type:y proximity}
 [data-snap]{scroll-snap-align:start}
}
.brand-chapter{height:100svh;min-height:0;position:relative;overflow:hidden;background:#101010;color:#fff}
.brand-chapter-media{position:absolute;inset:0;overflow:hidden}
.brand-chapter-media img{position:absolute;top:-20%;width:100%;height:140%;max-width:none;object-fit:cover;object-position:var(--chapter-position,center)}
.brand-chapter:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 42%),linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.18));pointer-events:none}
.brand-chapter-content{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:32px 16px;height:100%;padding-top:28px;padding-bottom:28px}
.brand-chapter-label{grid-column:1/-1;font-size:14px;line-height:1.15}
.brand-chapter h2{grid-column:1/8;grid-row:2;align-self:center;font-size:62px;line-height:.95;letter-spacing:-.01em;max-width:20ch}
.brand-chapter-next{grid-column:9/13;grid-row:3;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.brand-chapter-next .mono{font-size:14px;line-height:1.2;max-width:40ch}
.brand-chapter + .team-section{padding-top:128px}
.brand-chapter + .contact-section{margin-top:0;padding-top:128px}
@media(max-width:1023px){
 .brand-chapter-content{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 16px;padding-top:28px;padding-bottom:28px}
 .brand-chapter-label{font-size:11px}.brand-chapter h2{grid-column:1/7;font-size:38px;line-height:.98;max-width:18ch}
 .brand-chapter-next{grid-column:4/7;gap:25px}.brand-chapter-next .mono{font-size:11px;line-height:1.2}
 .brand-chapter:after{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%),linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.25))}
 .brand-chapter + .team-section{padding-top:80px}.brand-chapter + .contact-section{padding-top:80px}
}
@media(prefers-reduced-motion:reduce){html[data-scroll-engine]{scroll-behavior:auto;scroll-snap-type:none}.brand-chapter-media img{transform:none!important}}

/* Responsive scene compositions preserve the entire mockup in portrait viewports. */
.responsive-media{display:block;position:absolute;inset:0;width:100%;height:100%}
.media-block>.responsive-media>img{position:absolute;top:-20%;width:100%;height:140%;max-width:none;object-fit:cover}
@media(max-width:1023px){
 .media-block>.responsive-media>img{height:120%;top:-10%}
 .brand-chapter:has(.responsive-media) .brand-chapter-media img{object-position:center}
}