/* =========================================================
   SCENES — the six-part narrative
   ========================================================= */
.scene{position:relative}
.scene .h2 em,.pr__h em{font-family:var(--f-serif);font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em}

/* ---------------------------------------------------------
   SCENE 01 — THE IDEA  ·  hero
   --------------------------------------------------------- */
.hero{position:relative;height:var(--vh);min-height:560px}
.hero__stage{position:relative;height:var(--vh);min-height:560px;overflow:hidden;background:var(--bg);isolation:isolate}
.hero__bg{position:absolute;inset:-3%;z-index:0;transform-origin:50% 50%;will-change:transform}
.hero__bg .slide{position:absolute;inset:0;opacity:0;overflow:hidden}
.hero__bg .slide.is-on{opacity:1}
.hero__bg .slide img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.38) contrast(1.12) brightness(.6);transform:scale(1.06)}
:root[data-theme="light"] .hero__bg .slide{mix-blend-mode:multiply}
:root[data-theme="light"] .hero__bg .slide img{filter:grayscale(1) sepia(.35) contrast(.95) brightness(1.18);opacity:.6}
.hero__grade{position:absolute;inset:0;z-index:1;background:radial-gradient(110% 90% at 50% 46%,rgba(var(--scrim),.05) 0%,rgba(var(--scrim),.55) 62%,rgba(var(--scrim),.94) 100%),linear-gradient(rgba(var(--scrim),.65),transparent 26%,transparent 58%,rgba(var(--scrim),.92))}
.hero__leak{position:absolute;z-index:1;pointer-events:none;border-radius:50%;mix-blend-mode:screen;opacity:.0;will-change:transform,opacity}
.hero__leak--a{width:60vmax;height:60vmax;left:-24vmax;top:-18vmax;background:radial-gradient(closest-side,rgba(226,120,40,.5),rgba(226,167,59,.2) 45%,transparent 72%);animation:leakA 14s ease-in-out infinite alternate}
.hero__leak--b{width:44vmax;height:44vmax;right:-14vmax;bottom:-12vmax;background:radial-gradient(closest-side,rgba(255,210,140,.42),rgba(226,167,59,.14) 50%,transparent 74%);animation:leakB 17s ease-in-out infinite alternate}
:root[data-theme="light"] .hero__leak{mix-blend-mode:multiply;filter:saturate(.7)}
@keyframes leakA{0%{transform:translate(0,0) scale(1);opacity:.22}45%{opacity:.4}100%{transform:translate(8vw,6vh) scale(1.15);opacity:.14}}
@keyframes leakB{0%{transform:translate(0,0) scale(1);opacity:.14}55%{opacity:.34}100%{transform:translate(-6vw,-5vh) scale(1.2);opacity:.2}}
.hero__vf{position:absolute;z-index:4;left:clamp(14px,2.4vw,40px);right:clamp(14px,2.4vw,40px);top:calc(var(--hud-h) + 10px);bottom:calc(var(--tl-h) + 10px);pointer-events:none;color:var(--fg)}
.vf{position:absolute;width:26px;height:26px;border:0 solid currentColor;opacity:.75}
.vf--tl{left:0;top:0;border-width:1px 0 0 1px}.vf--tr{right:0;top:0;border-width:1px 1px 0 0}
.vf--bl{left:0;bottom:0;border-width:0 0 1px 1px}.vf--br{right:0;bottom:0;border-width:0 1px 1px 0}
.vf__read{position:absolute;color:var(--fg-dim);display:flex;align-items:center;gap:8px}
.vf__read--tl{left:38px;top:8px}.vf__read--tr{right:38px;top:8px}
.vf__read .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:rec 1.6s steps(1) infinite}
.vf__focus{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;opacity:0;border:1px solid var(--accent);border-radius:1px}
.vf__focus::before,.vf__focus::after{content:"";position:absolute;background:var(--accent)}
.vf__focus::before{left:50%;top:-8px;width:1px;height:6px}.vf__focus::after{top:50%;left:-8px;height:1px;width:6px}
.hero__center{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:calc(var(--hud-h) + 6vh) var(--pad) calc(var(--tl-h) + 16vh)}
.wordmark{--wm:clamp(3.2rem,min(15.4vw,42vh),31rem);display:flex;flex-direction:column;align-items:stretch;width:fit-content;margin:0;font:800 var(--wm)/.86 var(--f-display);font-stretch:75%;letter-spacing:-.035em;text-transform:uppercase;color:var(--fg)}
.wm__row{display:flex;align-items:center;justify-content:center;white-space:nowrap}
.wm__grp{display:flex}
.ch{display:inline-block;overflow:hidden;padding:.05em .012em .04em}
.ch i{display:block;font-style:normal;will-change:transform}
.wm__lens{position:relative;flex:none;display:block;width:.735em;height:.735em;margin:0 .03em;color:var(--accent);transform:translateY(-.012em)}
.wm__lens svg{width:100%;height:100%;overflow:visible;will-change:transform}
.lens__portal{fill:var(--bg);opacity:0}
.wm__sub{margin-top:.5em;font-size:clamp(.62rem,1.05vw,1rem);color:var(--fg-dim)}
.wm__sub span{display:block;text-align:justify;text-align-last:justify;letter-spacing:.2em;white-space:nowrap}
.hero__foot{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:calc(var(--tl-h) + clamp(30px,6.5vh,76px));display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.hero__tag{font:400 clamp(1.5rem,1rem + 2vw,3rem)/1.02 var(--f-serif);font-style:italic;max-width:15ch;text-wrap:balance}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__scroll{position:absolute;z-index:4;right:calc(var(--pad) + 4px);bottom:calc(var(--tl-h) + 14px);display:flex;align-items:center;gap:12px;color:var(--fg-dim)}
.hero__scroll i{width:1px;height:42px;background:linear-gradient(var(--fg),transparent);transform-origin:top;animation:scrollcue 2.4s var(--ease-io) infinite}
@keyframes scrollcue{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* manifesto */
.manifesto{position:relative;background:var(--bg);padding:clamp(120px,22vh,260px) var(--pad) 0;overflow:hidden}
.mf__inner{max-width:var(--maxw);margin:0 auto}
.mf__h{font:800 clamp(2.7rem,1rem + 7.6vw,10.4rem)/.88 var(--f-display);font-stretch:76%;letter-spacing:-.035em;max-width:13ch;text-wrap:balance}
.mf__h .w{display:inline-block;margin-right:.2em;will-change:opacity,filter}
.js .mf__h .w{opacity:.13;filter:blur(7px)}
.mf__cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,7vw,140px);margin-top:clamp(64px,12vh,160px);align-items:center}
.mf__body p+p{margin-top:1.05em}
.mf__body p:first-child{color:var(--fg)}.mf__body p+p{color:var(--fg-dim)}
.mf__emblem{position:relative;justify-self:center;width:min(100%,440px)}
.mf__glow{position:absolute;inset:-18%;background:radial-gradient(closest-side,rgba(226,167,59,.34),transparent 70%);animation:flick 6s steps(1) infinite;pointer-events:none}
:root[data-theme="light"] .mf__glow{background:radial-gradient(closest-side,rgba(201,138,18,.28),transparent 70%)}
@keyframes flick{0%,100%{opacity:1}12%{opacity:.82}15%{opacity:1}44%{opacity:.9}47%{opacity:.7}50%{opacity:1}78%{opacity:.88}}
.mf__emblem-img{position:relative;width:100%;height:auto;border-radius:50%;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mf__emblem figcaption{position:relative;margin-top:18px;text-align:center;color:var(--fg-dim);text-wrap:balance}
.formats{margin-top:clamp(90px,16vh,200px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:clamp(16px,3vh,30px) 0;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1)}
.formats__track{display:flex;align-items:center;width:max-content;will-change:transform}
.fmt{display:flex;align-items:center;gap:clamp(20px,3vw,48px);padding-right:clamp(20px,3vw,48px);font:800 clamp(2.2rem,1rem + 5.2vw,6.6rem)/1 var(--f-display);font-stretch:76%;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.fmt:nth-child(odd){color:transparent;-webkit-text-stroke:1px var(--fg-faint)}
.fmt svg{width:.5em;height:.5em;color:var(--accent);flex:none}

/* ---------------------------------------------------------
   SCENE 02 — PRE-PRODUCTION  ·  film strip
   --------------------------------------------------------- */
.scene--pre{background:var(--bg-2)}
.pre__pin{position:relative;min-height:var(--vh);display:flex;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,52px);padding:calc(var(--hud-h) + 28px) 0 calc(var(--tl-h) + 26px);overflow:hidden}
.pre__head{padding:0 var(--pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,32ch);gap:clamp(20px,4vw,80px);align-items:end;max-width:none}
.pre__head .kicker{grid-column:1/-1;margin-bottom:0}
.pre__head .h2{font-size:clamp(2.3rem,1rem + 4.6vw,5.6rem)}
.pre__head .lead{margin:0}
.strip{position:relative;will-change:transform}
.strip__track{position:relative;display:flex;width:max-content;padding:44px var(--pad);background:#0a0908;--hole:var(--bg-2)}
.strip__track::before,.strip__track::after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--hole) 10px 28px,transparent 28px 40px);-webkit-mask:linear-gradient(#000,#000);opacity:.9}
.strip__track::before{top:15px}.strip__track::after{bottom:15px}
.frame{position:relative;flex:none;width:clamp(290px,31vw,520px);margin-right:clamp(12px,1.6vw,26px);color:#efeae0;background:#15120f;overflow:hidden}
.frame__media{position:relative;aspect-ratio:16/10.5;overflow:hidden;background:#0d0b09}
.frame__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.4s var(--ease-out),filter .9s var(--ease-out)}
.frame:hover .frame__media img{transform:scale(1.02);filter:none}
.frame__no{position:absolute;left:14px;top:6px;font:800 clamp(4.4rem,8vw,8.4rem)/1 var(--f-display);font-stretch:75%;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(239,234,224,.7);mix-blend-mode:difference;pointer-events:none}
.frame__tc{position:absolute;right:12px;bottom:10px;color:#efeae0;background:rgba(0,0,0,.55);padding:4px 7px}
.frame__body{padding:clamp(16px,1.6vw,26px)}
.frame__t{font:700 clamp(1.5rem,1rem + 1.1vw,2.2rem)/1 var(--f-display);font-stretch:82%;letter-spacing:-.02em}
.frame__p{margin-top:.8rem;font:400 clamp(1.05rem,.95rem + .4vw,1.3rem)/1.22 var(--f-serif);color:rgba(239,234,224,.72);max-width:32ch}
.frame__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1rem}
.frame__tags span{padding:5px 8px;border:1px solid rgba(239,234,224,.24);font:500 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(239,234,224,.75)}
.frame--cta{background:var(--accent);color:var(--on-accent)}
.frame--cta .frame__p{color:rgba(11,10,9,.72)}
.frame--cta .frame__tags span{border-color:rgba(11,10,9,.35);color:rgba(11,10,9,.8)}
.frame--cta .btn{margin-top:1.2rem;border-color:var(--on-accent);color:var(--on-accent)}
.frame--cta .btn::before{background:var(--on-accent)}
.frame--cta .btn:hover{color:var(--accent)}
.nle{position:absolute;inset:0;display:grid;grid-template-rows:repeat(5,1fr);gap:6px;padding:16px 14px;background:#0d0b09}
.nle__tr{position:relative;display:flex;gap:4px;align-items:stretch}
.nle__tr i{display:block;border-radius:1px;background:rgba(239,234,224,.16);height:100%}
.nle__tr i.a{background:var(--accent);opacity:.85}
.nle__tr i.g{background:rgba(239,234,224,.34)}
.nle__tr.snd i{background:repeating-linear-gradient(90deg,rgba(239,234,224,.5) 0 2px,transparent 2px 5px)}
.nle__head{position:absolute;top:0;bottom:0;width:1px;background:#fff;left:8%;animation:playhead 9s linear infinite}
.nle__head::before{content:"";position:absolute;top:0;left:-4px;border:4px solid transparent;border-top:6px solid #fff}
@keyframes playhead{from{left:6%}to{left:94%}}
.pre__meter{display:flex;align-items:center;gap:18px;padding:0 var(--pad);color:var(--fg-dim)}
.pre__meter i{flex:1;height:1px;background:var(--line);position:relative}
.pre__meter b{position:absolute;inset:0;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}

/* ---------------------------------------------------------
   SCENE 03 — CAMERA  ·  the projector
   --------------------------------------------------------- */
.scene--camera{background:var(--bg);color:var(--fg);position:relative}
.cam__head{position:absolute;z-index:5;left:var(--pad);top:calc(var(--hud-h) + clamp(18px,4vh,52px));max-width:min(52ch,54vw);pointer-events:none}
.cam__head .kicker{margin-bottom:1rem}
.cam__head .h2{font-size:clamp(1.9rem,1rem + 2.6vw,3.8rem)}
.cam__head .lead{margin-top:.9rem;max-width:30ch;font-size:clamp(1.1rem,.95rem + .4vw,1.4rem)}
.projector{position:relative;height:var(--vh);min-height:680px;overflow:hidden;isolation:isolate;background:#000;clip-path:circle(150% at 50% 50%)}
.pj__stage{position:absolute;inset:0;z-index:0}
.pj__layer{position:absolute;inset:0;overflow:hidden;will-change:clip-path}
.pj__bg{position:absolute;inset:-3%;width:106%;max-width:none;height:106%;object-fit:cover;filter:grayscale(1) sepia(.35) contrast(1.1) brightness(.62);transition:filter 1.1s var(--ease-out);will-change:transform}
.pj__layer.is-blur .pj__bg{filter:grayscale(1) sepia(.4) contrast(1.05) brightness(.4) blur(26px);transform:scale(1.15)}
.pj__layer.is-color .pj__bg{filter:grayscale(.15) sepia(.1) contrast(1.05) brightness(.72)}
.pj__fg{position:absolute;right:calc(var(--pad) + min(24.5vw,372px));top:0;bottom:0;margin:auto 0;height:min(58vh,640px);width:auto;box-shadow:0 50px 110px rgba(0,0,0,.65);will-change:transform}
.pj__fg--native{height:auto;width:min(336px,26vw);image-rendering:auto}
.pj__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.3) 52%,rgba(0,0,0,.5)),linear-gradient(rgba(0,0,0,.6),transparent 24%,transparent 56%,rgba(0,0,0,.85))}
.pj__list{position:absolute;z-index:4;left:var(--pad);bottom:calc(var(--tl-h) + clamp(22px,5vh,60px));display:flex;flex-direction:column}
.pj__list a{display:grid;grid-template-columns:clamp(2.6rem,4vw,4.4rem) auto;align-items:baseline;padding:.04em 0;font:800 clamp(2.2rem,.8rem + 4.3vw,5.8rem)/.98 var(--f-display);font-stretch:76%;letter-spacing:-.035em;color:transparent;-webkit-text-stroke:1px rgba(239,234,224,.5);transition:color .5s,-webkit-text-stroke-color .5s,opacity .5s,transform .7s var(--ease-out)}
.pj__list a small{font:500 11px var(--f-mono);letter-spacing:.12em;-webkit-text-stroke:0;color:var(--fg-dim);align-self:center}
.pj__list.has-active a{opacity:.32}
.pj__list a.is-active{opacity:1;color:var(--fg);-webkit-text-stroke-color:var(--fg);transform:translateX(1.4vw)}
.pj__list a:focus-visible{outline-offset:6px}
.pj__slate{position:absolute;z-index:4;right:var(--pad);bottom:calc(var(--tl-h) + clamp(22px,5vh,60px));width:min(330px,26vw);min-width:250px;padding:16px 18px;background:rgba(0,0,0,.5);border:1px solid var(--line-strong);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pj__slate .row{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.pj__slate .row:last-child{border-bottom:0}
.pj__slate dt{color:var(--fg-faint)}.pj__slate dd{color:var(--fg);letter-spacing:.05em}
.pj__slate .open{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--line-strong);color:var(--accent)}
.pj__hint{position:absolute;z-index:4;right:var(--pad);top:calc(var(--hud-h) + 26px);color:var(--fg-faint)}
.pj__hint-t{display:none}
.cards{display:none}
.filmo{padding:clamp(70px,12vh,150px) var(--pad) calc(var(--tl-h) + 80px);background:var(--bg)}
.filmo__h{color:var(--fg-dim);margin-bottom:1.6rem}
.filmo__list li{display:grid;grid-template-columns:minmax(6.5ch,9ch) minmax(0,1fr) auto auto;align-items:baseline;gap:clamp(12px,2vw,32px);padding:clamp(14px,2vh,22px) 0;border-bottom:1px solid var(--line);font:650 clamp(1.15rem,.8rem + 1.6vw,2.2rem)/1.05 var(--f-display);font-stretch:82%;letter-spacing:-.015em;transition:padding .5s var(--ease-out),color .3s}
.filmo__list li:first-child{border-top:1px solid var(--line)}
.filmo__list li .mono{color:var(--fg-dim)}
.filmo__list li.is-link{cursor:pointer}
.filmo__list li.is-link:hover{padding-left:16px;color:var(--accent)}
.filmo__list .st{color:var(--accent)!important}

/* ---------------------------------------------------------
   SCENE 04 — ACTION  ·  featured production + dailies
   --------------------------------------------------------- */
.scene--action{background:var(--bg);color:var(--fg);padding-bottom:calc(var(--tl-h) + 40px)}
.scene--action::before{content:"";position:absolute;left:0;right:0;top:0;height:120vh;background:radial-gradient(60% 50% at 30% 40%,rgba(226,167,59,.14),transparent 70%);pointer-events:none}
.feat__pin{position:relative;height:var(--vh);min-height:660px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,90px);padding:calc(var(--hud-h) + 22px) var(--pad) calc(var(--tl-h) + 22px);overflow:hidden}
.feat__poster{position:relative;justify-self:center;height:min(100%,78vh);aspect-ratio:720/1018;perspective:1300px}
.pw{position:absolute;inset:0;will-change:clip-path,transform;transform-style:preserve-3d}
.pw img{width:100%;height:100%;object-fit:cover;box-shadow:0 50px 100px rgba(0,0,0,.7)}
.pw::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 62%);background-size:250% 100%;background-position:var(--sheen,120%) 0;mix-blend-mode:overlay;pointer-events:none}
.feat__text{max-width:44rem}
.feat__label{color:var(--accent);margin-bottom:.8rem}
.feat__title{font:800 clamp(3.4rem,1rem + 9vw,11rem)/.84 var(--f-display);font-stretch:74%;letter-spacing:-.04em;margin-left:-.03em}
.feat__log{margin-top:clamp(18px,3vh,32px);max-width:32ch;color:var(--fg-dim)}
.feat__cap{margin-top:clamp(18px,3vh,32px);min-height:2.6em;max-width:44ch;color:var(--fg);display:flex;gap:10px}
.feat__cap::before{content:"◆";color:var(--accent);flex:none}
.feat__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(14px,2.4vh,26px)}
.feat__dots{display:flex;gap:6px;margin-top:22px}
.feat__dots i{width:26px;height:2px;background:var(--line-strong);transition:background .4s,width .5s var(--ease-out)}
.feat__dots i.on{background:var(--accent);width:52px}
.dailies,.cams{position:relative;padding:clamp(70px,12vh,150px) 0 0}
.dailies .sec-head,.cams .sec-head{padding:0 var(--pad);margin-bottom:clamp(24px,4vh,48px);display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 40px}
.dailies .lead{margin:0;max-width:40ch}
.rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 var(--pad);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail__track{display:flex;gap:clamp(14px,1.6vw,28px);width:max-content;padding-bottom:6px}
.dl{position:relative;flex:none;height:clamp(230px,44vh,460px);overflow:hidden;background:#111;user-select:none}
.dl img{height:100%;width:auto;max-width:none;pointer-events:none;-webkit-user-drag:none}
.dl__tag{position:absolute;left:10px;top:10px;padding:5px 8px;background:rgba(0,0,0,.6);color:#efeae0}
.dl__cap{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#efeae0;font:600 15px/1.2 var(--f-display);letter-spacing:-.005em}
.dl__play{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;background:var(--accent);display:grid;place-items:center;transition:transform .5s var(--ease-out)}
.dl__play::before{content:"";margin-left:3px;border:7px solid transparent;border-left:11px solid var(--on-accent);border-right:0}
.dl:hover .dl__play{transform:scale(1.15)}
.cams__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,1.4vw,22px);padding:0 var(--pad);align-items:stretch}
.cam{position:relative;overflow:hidden;min-width:0;height:clamp(220px,30vw,440px);background:#111}
.cam img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.4s var(--ease-out),filter .9s}
.cam:hover img{transform:scale(1.1)}
.cam figcaption{position:absolute;left:12px;bottom:10px;padding:5px 8px;background:rgba(0,0,0,.6);color:#efeae0}

/* ---------------------------------------------------------
   SCENE 05 — EDIT  ·  recognition wall + crew
   --------------------------------------------------------- */
.scene--edit{background:var(--bg);padding:calc(var(--hud-h) + clamp(70px,12vh,160px)) 0 clamp(60px,10vh,120px)}
.edit__head{padding:0 var(--pad)}
.wall{margin-top:clamp(56px,10vh,130px);border-top:1px solid var(--line);padding-top:clamp(28px,5vh,60px)}
.wall__title{padding:0 var(--pad);margin-bottom:clamp(20px,3.5vh,44px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;align-items:end}
.wall__row{overflow:hidden;padding:12px 0}
.wall__track{display:flex;align-items:center;gap:clamp(28px,5vw,88px);width:max-content;will-change:transform}
.laurel{flex:none;height:clamp(96px,15vw,210px)}
.laurel img{height:100%;width:auto}
.laurel--mono img{mix-blend-mode:multiply}
:root[data-theme="dark"] .laurel--mono img{filter:invert(1);mix-blend-mode:screen}
.plate{flex:none;height:clamp(96px,14vw,196px);border:1px solid var(--line);background:#000;overflow:hidden}
.plate img{height:100%;width:auto}
.proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);padding:clamp(56px,10vh,120px) var(--pad) 0;align-items:start}
.proof{position:relative;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}
.proof--wide{grid-column:1/-1;background:#fff}
.proof img{width:100%;height:auto;transition:transform 1.4s var(--ease-out)}
.proof:hover img{transform:scale(1.03)}
.proof figcaption{position:absolute;left:10px;bottom:10px;padding:5px 8px;background:rgba(0,0,0,.72);color:#efeae0}
.crew{position:relative;margin-top:clamp(70px,14vh,180px);padding:0 var(--pad)}
.crew .sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;margin-bottom:clamp(20px,4vh,40px)}
.crew__list li{border-top:1px solid var(--line)}
.crew__list li:last-child{border-bottom:1px solid var(--line)}
.crew__row{position:relative;display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,32px);width:100%;padding:clamp(18px,3.2vh,36px) 0;text-align:left;transition:padding .6s var(--ease-out),color .3s}
.crew__n{color:var(--fg-faint)}
.crew__name{font:750 clamp(1.9rem,.8rem + 5vw,6.2rem)/.96 var(--f-display);font-stretch:76%;letter-spacing:-.035em;text-wrap:balance}
.crew__role{display:block;margin-top:.7rem;color:var(--fg-dim)}
.crew__arr{width:clamp(34px,4vw,56px);height:clamp(34px,4vw,56px);border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;transition:background .4s,color .4s,transform .6s var(--ease-out)}
.crew__arr::before{content:"";width:40%;height:1px;background:currentColor;box-shadow:0 0 0 0 currentColor}
.crew__row:hover,.crew__row:focus-visible{padding-left:clamp(10px,2vw,28px);color:var(--accent-ink)}
.crew__row:hover .crew__arr{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:rotate(-45deg)}
.crew__thumb{display:none;width:64px;height:64px;object-fit:cover;filter:grayscale(1)}
.crew__peek{position:fixed;left:0;top:0;z-index:600;width:clamp(150px,15vw,240px);aspect-ratio:4/5;pointer-events:none;opacity:0;overflow:hidden;background:var(--bg-3);box-shadow:0 30px 70px rgba(0,0,0,.4);will-change:transform,opacity}
.crew__peek img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.25) contrast(1.05)}
.archive-cta{margin-top:clamp(70px,12vh,160px);padding:0 var(--pad)}
.archive-btn{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:end;width:100%;padding:clamp(28px,5vw,64px);border:1px solid var(--line-strong);text-align:left;overflow:hidden;isolation:isolate;transition:color .5s}
.archive-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--accent);transform:translateY(101%);transition:transform .7s var(--ease-out)}
.archive-btn:hover{color:var(--on-accent)}.archive-btn:hover::before{transform:none}
.archive-btn .mono{grid-column:1/-1;opacity:.7}
.archive-btn__t{font:800 clamp(2.2rem,.8rem + 6vw,7.4rem)/.9 var(--f-display);font-stretch:74%;letter-spacing:-.035em}
.archive-btn__t em{font:italic 400 .5em var(--f-serif);vertical-align:top;margin-left:.2em;letter-spacing:0}
.archive-btn__arr{width:clamp(40px,6vw,90px);height:clamp(40px,6vw,90px);border-radius:50%;border:1px solid currentColor;position:relative;transition:transform .7s var(--ease-out)}
.archive-btn__arr::before{content:"";position:absolute;left:28%;right:28%;top:50%;height:1px;background:currentColor}
.archive-btn__arr::after{content:"";position:absolute;right:28%;top:50%;width:26%;aspect-ratio:1;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg) scale(.95);transform-origin:center}
.archive-btn:hover .archive-btn__arr{transform:rotate(-45deg)}

/* ---------------------------------------------------------
   SCENE 06 — PREMIERE  ·  begin production
   --------------------------------------------------------- */
.scene--premiere{background:var(--bg-2);padding:clamp(100px,18vh,220px) var(--pad) clamp(80px,14vh,180px);overflow:hidden}
.scene--premiere::before{content:"";position:absolute;left:50%;top:0;width:120vmax;height:80vmax;transform:translate(-50%,-52%);background:radial-gradient(closest-side,rgba(226,167,59,.2),transparent 70%);pointer-events:none}
.pr__inner{position:relative;max-width:var(--maxw);margin:0 auto}
.pr__h{font:800 clamp(3.4rem,1rem + 13vw,17rem)/.82 var(--f-display);font-stretch:74%;letter-spacing:-.045em;max-width:9ch;text-wrap:balance}
.pr__h .w:last-child{color:var(--accent-ink)}
.pr__lead{max-width:36ch;margin-top:clamp(20px,4vh,44px);color:var(--fg)}
.pr__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(30px,6vw,110px);margin-top:clamp(50px,9vh,110px);align-items:start}
.callsheet{position:relative;border:1px solid var(--line-strong);background:rgba(var(--scrim),.5);padding:clamp(18px,3vw,44px);display:grid;gap:clamp(16px,2.4vw,30px)}
.cs__head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line-strong);color:var(--fg-dim)}
.cs__head b{color:var(--fg);font-weight:600}
.cs__head em{font-style:normal;color:var(--accent-ink)}
.cs__row{display:grid;gap:clamp(16px,2.4vw,30px)}
.cs__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fld{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.fld>span{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}
.fld>span i{font-style:normal;opacity:.6;text-transform:none;letter-spacing:.02em}
.fld input,.fld select,.fld textarea{width:100%;padding:10px 0 12px;background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;color:var(--fg);font:500 clamp(1.05rem,.95rem + .4vw,1.3rem)/1.3 var(--f-display);transition:border-color .3s;-webkit-appearance:none;appearance:none}
.fld select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}
.fld select option{background:var(--bg);color:var(--fg)}
.fld textarea{resize:vertical;min-height:120px}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--accent)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--fg-faint)}
.fld.has-err input,.fld.has-err select,.fld.has-err textarea{border-color:#d9503a}
.err{display:none;font:500 11px var(--f-mono);letter-spacing:.04em;color:#d9503a;font-style:normal}
.has-err>.err,.chk.has-err .err{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chk{position:relative;display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;cursor:pointer;font:400 14px/1.4 var(--f-display);color:var(--fg-dim)}
.chk input{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.chk i{width:20px;height:20px;border:1px solid var(--line-strong);border-radius:2px;position:relative;margin-top:1px;transition:background .3s,border-color .3s}
.chk i::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--on-accent);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) scale(0);transition:transform .3s var(--ease-out)}
.chk input:checked+i{background:var(--accent);border-color:var(--accent)}.chk input:checked+i::after{transform:rotate(45deg) scale(1)}
.chk input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}
.chk .err{grid-column:2}
.cs__foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px}
.cs__status{color:var(--fg-dim);flex:1;min-width:200px}
.cs__done{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(24px,4vw,60px);background:var(--bg-2)}
.cs__cut{color:var(--accent-ink)}
.cs__done .serif{color:var(--fg-dim);max-width:34ch}
.cs__done .btn{align-self:flex-start;margin-top:8px}
.pr__direct{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.pr__mail{font:750 clamp(1.3rem,.6rem + 1.9vw,2.6rem)/1.08 var(--f-display);font-stretch:80%;letter-spacing:-.025em;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .6s var(--ease-out),color .3s;padding-bottom:4px}
.pr__mail:hover{background-size:100% 2px;color:var(--accent-ink)}
.pr__phones{display:flex;flex-direction:column;gap:14px;margin:clamp(14px,3vh,30px) 0 0;width:100%}
.pr__phones a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--line);transition:padding .5s var(--ease-out),color .3s}
.pr__phones a:last-child{border-bottom:1px solid var(--line)}
.pr__phones a:hover{padding-left:12px;color:var(--accent-ink)}
.pr__phones b{font:700 clamp(1.3rem,1rem + 1vw,1.9rem) var(--f-display);font-stretch:84%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pr__soc-h{margin-top:clamp(18px,4vh,40px)}
.pr__loc{margin-top:clamp(10px,2vh,24px)}

/* ---------------------------------------------------------
   END CREDITS
   --------------------------------------------------------- */
.credits{position:relative;background:var(--bg);padding:clamp(90px,16vh,200px) var(--pad) calc(var(--tl-h) + 56px);border-top:1px solid var(--line);overflow:hidden}
.credits__end{font-size:clamp(6rem,26vw,28rem);line-height:.78;font-style:italic;text-align:center;color:var(--fg);opacity:.95;letter-spacing:-.04em}
.credits__grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:clamp(28px,5vw,90px);margin-top:clamp(56px,10vh,120px);align-items:start}
.credits__col{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.credits__emblem{width:88px;height:auto;border-radius:50%;filter:grayscale(.2)}
.credits__scenes{display:flex;flex-direction:column;gap:10px}
.credits__scenes button{color:var(--fg-dim);text-align:left;transition:color .3s,padding .5s var(--ease-out)}
.credits__scenes button:hover{color:var(--accent-ink);padding-left:10px}
.credits__scenes b{color:var(--fg-faint);margin-right:.8em;font-weight:500}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-height:820px) and (min-width:901px){
  .pre__pin{gap:14px;padding-top:calc(var(--hud-h) + 12px)}
  .pre__head .lead{display:none}
  .pre__head .h2{font-size:clamp(2rem,1rem + 3.4vw,4rem)}
  .frame__p{font-size:1.05rem}
  .strip__track{padding-top:38px;padding-bottom:38px}
}
@media (max-width:1100px){
  .pj__slate{width:min(300px,34vw);min-width:220px}
  .pj__fg{right:calc(var(--pad) + 30vw)}
  .cams__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cam{height:auto;aspect-ratio:4/3}.cam:first-child{grid-column:1/-1;aspect-ratio:16/9}
}
@media (max-width:900px){
  .hero__scroll{display:none}
  .hero__foot{flex-direction:column;align-items:flex-start;gap:20px}
  .hero__tag{max-width:18ch}
  /* mobile wordmark: two tiers — MARM / ▢RTEN — twice the presence of a single squeezed line */
  .wordmark{--wm:clamp(3rem,min(29.4vw,25vh),13rem);align-items:stretch}
  .wm__row{flex-wrap:wrap;justify-content:flex-start;row-gap:.02em}
  .wm__grp--l{flex:0 0 100%}
  .wm__lens{margin-left:0}
  .hero__center{place-items:center start;padding-bottom:calc(var(--tl-h) + 26vh)}
  .wm__sub{margin-top:.28em}
  .mf__cols{grid-template-columns:1fr}
  .mf__emblem{width:min(78%,360px)}
  .pre__head{grid-template-columns:1fr}
  .pre__pin{min-height:0;padding-bottom:calc(var(--tl-h) + 40px)}
  .strip{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;transform:none!important}
  .strip::-webkit-scrollbar{display:none}
  .strip__track{width:max-content}
  .frame{width:min(82vw,420px);scroll-snap-align:center}
  .frame__no{font-size:5.6rem}
  /* projector → stacked poster cards */
  .projector{display:none}
  .cam__head{position:relative;left:auto;top:auto;max-width:none;padding:calc(var(--hud-h) + 44px) var(--pad) 26px;pointer-events:auto}
  .cam__head .h2{font-size:clamp(2.4rem,9vw,4rem)}
  .cam__head .lead{max-width:none}
  .cards{display:block;padding:0 12px 6vh}
  .card{position:sticky;top:calc(var(--hud-h) + 6px);display:block;width:100%;height:calc(var(--vh) - var(--hud-h) - var(--tl-h) - 18px);margin-bottom:5vh;overflow:hidden;background:#000;color:#efeae0;transform-origin:50% 0;will-change:transform}
  .card__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.35) contrast(1.1) brightness(.6)}
  .card.is-blur .card__bg{filter:grayscale(1) sepia(.4) brightness(.4) blur(22px);transform:scale(1.2)}
  .card__fg{position:absolute;left:50%;top:44%;height:58%;width:auto;transform:translate(-50%,-50%);box-shadow:0 30px 70px rgba(0,0,0,.6)}
  .card__fg--native{height:auto;width:min(336px,74%)}
  .card__shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.92))}
  .card__body{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 20px}
  .card__t{font:800 clamp(2.4rem,11vw,4.4rem)/.92 var(--f-display);font-stretch:76%;letter-spacing:-.035em}
  .card__meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:rgba(239,234,224,.75)}
  .card__go{margin-top:14px;display:inline-flex;align-items:center;gap:10px;color:var(--accent)}
  .card__n{position:absolute;left:16px;top:14px;color:rgba(239,234,224,.8)}
  .filmo__list li{grid-template-columns:5.5ch minmax(0,1fr) auto}
  .filmo__list li .mono.t{display:none}
  .feat__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:18px;padding-top:calc(var(--hud-h) + 12px)}
  .feat__poster{height:min(36vh,380px)}
  .feat__text .kicker,.feat__label{display:none}
  .feat__title{font-size:clamp(2.8rem,14vw,5rem)}
  .feat__log{margin-top:10px;max-width:none;font-size:1.02rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .feat__cap{margin-top:10px;min-height:2.9em;font-size:10px}
  .feat__cta{flex-wrap:nowrap;gap:8px;margin-top:12px}
  .feat__cta .btn{flex:1 1 0;min-width:0;height:44px;padding:0 12px;font-size:10.5px;gap:8px;justify-content:space-between}
  .feat__cta .btn__arr{width:16px}
  .feat__dots{margin-top:12px}
  .kicker{margin-bottom:1rem}
  .proofs{grid-template-columns:1fr 1fr}
  .proof--wide{grid-column:1/-1}
  .crew__thumb{display:block}
  .crew__row{grid-template-columns:auto minmax(0,1fr) auto}
  .crew__n{display:none}
  .crew__arr{display:none}
  .crew__peek{display:none}
  .pr__grid{grid-template-columns:1fr}
  .cs__row--2{grid-template-columns:1fr}
  .credits__grid{grid-template-columns:1fr}
  .laurel{height:clamp(84px,24vw,130px)}.plate{height:clamp(84px,24vw,130px)}
}
@media (max-width:520px){
  .cams__grid{grid-template-columns:1fr}
  .btn{height:48px;padding:0 18px}
  .hero__cta .btn{flex:1 1 auto;justify-content:space-between}
}
@media (hover:none){
  .frame__media img{transform:scale(1.02)}
}
@media (prefers-reduced-motion:reduce){
  .hero__leak,.mf__glow,.hero__scroll i,.nle__head{animation:none}
  .js .mf__h .w{opacity:1;filter:none}
  .strip{overflow-x:auto;transform:none!important}
}