/* Editorial direction. Existing film and form behavior remain intact. */
:root{--editorial-paper:#eae7e0;--editorial-ink:#171716}
.nav{padding-inline:4%;border-bottom:1px solid #ffffff18}.nav .brand span{letter-spacing:2px}.nav-contact{border-radius:2px!important;padding-inline:22px!important}.film-title{left:4.5%;top:auto;bottom:14%;width:40%}.film-title h1{font-size:clamp(65px,8vw,125px);line-height:.95;letter-spacing:-.065em}.film-title .eyebrow{letter-spacing:2px;font-size:9px}.film-beats{right:4.5%;width:23%}.film-beat h3{font-weight:400;letter-spacing:-.05em}.film-beat p{font-size:16px;line-height:1.85;color:#dedbd4}.film-bottom{padding-inline:4.5%}.film-vignette{background:linear-gradient(90deg,#0007,transparent 35%,transparent 60%,#0006)}
.interlude{background:var(--editorial-paper);color:var(--editorial-ink);padding:120px 8%;display:grid;grid-template-columns:1.15fr 1fr;column-gap:12%;text-align:right}.interlude .eyebrow{grid-column:1/-1;color:#68645e;font-size:11px;letter-spacing:0;margin-bottom:38px}.interlude h2{font-size:clamp(40px,5.4vw,80px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:0}.interlude h2 em{font-style:normal;color:#77736c}.interlude>p:last-child{font-size:19px;line-height:1.9;color:#5b5851;max-width:440px;margin:0;align-self:end}.manifesto{height:170svh}.manifesto-stage h2{letter-spacing:-.065em}.studio-intro{padding:100px 7% 75px;position:relative;text-align:right;display:grid;grid-template-columns:1fr 1fr;gap:15px 10%}.studio-intro>.eyebrow{grid-column:1/-1}.studio-intro h2{font-size:clamp(40px,5.8vw,84px);line-height:1.12;font-weight:400;letter-spacing:-.055em;margin:12px 0}.studio-intro>p:not(.eyebrow){font-size:20px;line-height:1.9;align-self:center;max-width:390px}.studio-intro .concept-note{grid-column:1/-1;font-size:12px;color:#aaa59c;margin-top:25px}
.studio-showcase{height:390svh}.studio-showcase .worlds-top{top:105px;inset-inline:5%;z-index:4}.studio-showcase .worlds-top h2{font-size:12px;letter-spacing:0;font-weight:400}.studio-showcase .worlds-top>span{font-size:9px;letter-spacing:1px}.studio-showcase .world-panel{background:#10100f;overflow:hidden}.studio-image{top:0;bottom:0;left:0;width:62%;margin:0;display:block}.studio-image img{width:100%;height:100%;object-fit:cover;border-radius:0;object-position:50% 37%}.studio-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent 25%,transparent 80%,#0005)}.studio-image figcaption{bottom:95px;left:6%;z-index:2;font-size:10px;color:#fff;letter-spacing:1.8px}.studio-showcase .world-content{right:4.5%;left:auto;top:28%;bottom:auto;width:29%;max-width:440px;z-index:3}.studio-showcase .world-content h3{font-size:clamp(45px,6.4vw,95px);line-height:1.06;letter-spacing:-.06em;font-weight:400;margin:25px 0}.studio-showcase .world-content h3 em{font-style:normal;color:#a6a095}.studio-showcase .world-content p{font-size:17px;line-height:1.8;color:#c0bbb1;max-width:330px}.studio-showcase .world-content .eyebrow{font-size:9px;letter-spacing:2px}.studio-showcase .shot-details{font:9px Manrope,Arial,sans-serif;letter-spacing:1px;color:#aaa59d;margin:27px 0;direction:ltr;text-align:right}.studio-showcase .text-link{font-size:14px;margin-top:25px;padding:12px 0;max-width:310px;min-height:44px}.studio-showcase .world-tabs{bottom:20px;z-index:5;background:#171715e8;border:1px solid #ffffff30;backdrop-filter:blur(15px);border-radius:6px;padding:5px}.studio-showcase .world-tabs button{border-radius:3px;padding:11px 22px;font-size:12px;min-height:44px}.studio-showcase .world-tabs button[aria-pressed=true]{background:#eae7e0;color:#171716}.studio-showcase .world-progress{z-index:6}.studio-showcase .world-panel:nth-child(2){background:#e9e6df;color:#171716}.studio-showcase .world-panel:nth-child(2) .world-content p,.studio-showcase .world-panel:nth-child(2) .shot-details,.studio-showcase .world-panel:nth-child(2) .eyebrow{color:#59554d}.studio-showcase .world-panel:nth-child(2) h3 em{color:#776e62}.studio-showcase .world-panel:nth-child(2) .text-link{color:#171716;border-color:#827969}
.studio-partnership{padding:120px 7%;gap:10%}.studio-partnership h2{font-size:clamp(42px,5vw,74px);letter-spacing:-.05em;font-weight:400;line-height:1.1}.studio-principles h3{font-size:26px;letter-spacing:-.035em}.craft{padding-block:110px}.craft-heading h2{letter-spacing:-.055em;font-weight:400}.contact{border-top:1px solid #ffffff20}.contact form{border-radius:8px!important}.contact input,.contact textarea,.service-options label{border-radius:5px!important}.send-button{border-radius:4px!important}footer .footer-wordmark{letter-spacing:-.05em}
.no-motion .studio-showcase .world-panel{height:800px}.no-motion .studio-showcase .studio-image{top:0;bottom:0;width:62%;height:100%;position:absolute}.no-motion .studio-showcase .world-content{position:absolute;top:28%;right:4.5%;width:29%}
@media(max-width:1000px) and (min-width:701px){.studio-showcase .world-content{width:31%;right:3.5%;top:25%}.studio-showcase .world-content h3{font-size:57px}.studio-showcase .world-content p{font-size:16px}.film-title h1{font-size:80px}}
@media(max-width:700px){.nav{padding-inline:6%}.film-title{top:110px;bottom:auto;left:7%;width:80%}.film-title h1{font-size:67px}.film-title .eyebrow{font-size:7px}.film-beats{width:auto;left:7%;right:7%;bottom:105px;top:auto}.film-beat h3{font-size:38px}.film-beat p{font-size:15px;max-width:310px}.film-vignette{background:linear-gradient(0deg,#000c,transparent 65%)}.interlude{display:block;padding:75px 7%}.interlude h2{font-size:48px;margin-bottom:30px}.interlude>p:last-child{font-size:17px}.studio-intro{display:block;padding:75px 7% 55px}.studio-intro h2{font-size:49px}.studio-intro>p:not(.eyebrow){font-size:17px;margin-top:25px}.studio-intro .concept-note{display:block;margin-top:24px}.studio-showcase{height:390svh}.studio-showcase .worlds-top{top:91px;inset-inline:7%}.studio-showcase .worlds-top>span{display:none}.studio-image{top:115px;left:0;width:100%;height:48%;bottom:auto}.studio-image img{object-position:50% 34%}.studio-image figcaption{bottom:15px;left:7%;font-size:8px}.studio-showcase .world-content{top:auto;bottom:105px;left:7%;right:7%;width:auto;max-width:none}.studio-showcase .world-content .eyebrow{display:none}.studio-showcase .world-content h3{font-size:39px;line-height:1.05;margin:0 0 13px}.studio-showcase .world-content h3 br{display:none}.studio-showcase .world-content p{font-size:15px;line-height:1.6;max-width:100%;margin:0}.studio-showcase .shot-details{display:none}.studio-showcase .text-link{font-size:13px;margin-top:12px;padding:8px 0}.studio-showcase .world-tabs{bottom:27px;left:7%;right:7%;width:auto;transform:none}.studio-showcase .world-tabs button{padding:8px 7px;font-size:12px}.studio-partnership{padding:75px 7%}.studio-partnership h2{font-size:46px}.studio-principles{margin-top:50px}.craft{padding-block:75px}.no-motion .studio-showcase .world-panel{height:auto;min-height:0;padding:0 0 40px}.no-motion .studio-showcase .studio-image{position:relative;inset:auto;width:100%;height:480px;margin-bottom:28px}.no-motion .studio-showcase .world-content{position:relative;inset:auto;width:auto;margin:0 7%}.no-motion .studio-showcase .worlds-top{position:relative;inset:auto;padding:30px 7%}}
@media(max-width:700px) and (max-height:750px){.studio-image{height:40%;top:110px}.studio-showcase .world-content{bottom:96px}.studio-showcase .world-content h3{font-size:33px}.studio-showcase .world-content p{font-size:14px}.studio-showcase .text-link{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.studio-image img{transition:none}}
@media(max-width:700px){.studio-showcase .world-content h3 em{margin-inline-start:.18em}}

/* QA refinement: readable scenes, compact screens and unobstructed controls. */
#film,#worlds{scroll-margin-top:0}
.studio-showcase .light-scene .worlds-top{color:#171716}
.studio-showcase .worlds-top>span{color:#f7f6f4;text-shadow:0 1px 6px #000,0 1px 2px #000}
.studio-showcase .world-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.studio-showcase .world-tabs button[aria-pressed=true]:focus-visible{outline-color:#b8aa96}
.a11y-contrast .interlude,.a11y-contrast .studio-showcase .world-panel{background:#000;color:#fff}
.a11y-contrast .studio-showcase .worlds-top,.a11y-contrast .studio-showcase .eyebrow,.a11y-contrast .studio-showcase .shot-details,.a11y-contrast .studio-showcase .text-link{color:#fff!important}
@media(max-width:700px){
 body[data-chapter=worlds]:not(.no-motion) .accessibility-button{top:82px;bottom:auto}
 .studio-showcase .world-panel{display:grid;grid-template-rows:115px minmax(0,1fr) auto 105px}
 .studio-showcase .studio-image{position:relative;grid-row:2;inset:auto;width:100%;height:100%;min-height:0}
 .studio-showcase .world-content{position:relative;grid-row:3;inset:auto;width:auto;margin:0;padding:24px 7% 0}
 .studio-showcase .world-content p{font-size:16px}
 .studio-showcase .world-tabs{bottom:max(27px,env(safe-area-inset-bottom))}
 .no-motion .studio-showcase .world-panel{display:block}
 .no-motion .studio-showcase .world-content{margin:0;padding:0 7%}
}
@media(max-width:700px) and (max-height:650px){
 .studio-showcase .world-panel{grid-template-rows:110px minmax(0,1fr) auto 96px}
 .studio-showcase .world-content{padding-top:18px}
 .studio-showcase .world-content h3{font-size:30px;margin-bottom:10px}
 .studio-showcase .text-link{margin-top:8px}
}
/* Landscape phones use ordinary flow instead of an unreadably short pinned stage. */
@media(max-height:500px) and (min-width:701px){
 .studio-showcase{height:auto}
 .studio-showcase .worlds-stage{position:relative;height:auto;min-height:0}
 .studio-showcase .world-track{position:relative;inset:auto;display:block;width:100%;height:auto;transform:none}
 .studio-showcase .world-panel{height:570px}
 .studio-showcase .worlds-top,.studio-showcase .world-tabs,.studio-showcase .world-progress{display:none}
 .studio-showcase .world-content{top:18%;width:32%;right:3%}
 .studio-showcase .world-content h3{font-size:44px}
}