.film{position:relative;background:var(--ink)}.film-stage{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;background:var(--ink);isolation:isolate}.film-canvas,.film-rest{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-canvas{z-index:1}.film-rest{z-index:2;object-fit:cover;pointer-events:none;will-change:opacity}.is-portrait .film-rest{object-fit:contain;object-position:50% 20%}.film-scrim-top{position:absolute;inset:0 0 auto 0;height:200px;z-index:4;pointer-events:none;background:linear-gradient(to bottom,#0a0b0ac7,#0a0b0a57 52%,#0a0b0a00)}.film-scrim-bottom{position:absolute;inset:auto 0 0 0;height:42%;z-index:4;pointer-events:none;background:linear-gradient(to top,#0a0b0abd,#0a0b0a42 50%,#0a0b0a00)}.beat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;will-change:opacity}.beat a,.beat button{pointer-events:auto}.hero-mark,.hero-tag,.hero-line,.third,.finale-title,.finale-text{text-shadow:0 1px 2px rgba(0,0,0,.5),0 4px 18px rgba(0,0,0,.38),0 12px 48px rgba(0,0,0,.3)}.beat-hero{display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--header-h) + 20px) var(--gutter) clamp(96px,13vh,132px)}.beat-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 78% at 0% 100%,#0a0b0aeb,#0a0b0aa3 38%,#0a0b0a33 66%,#0a0b0a00 84%)}.hero-inner{max-width:min(980px,72vw);transform:translateY(calc(var(--t, 0) * -26px))}.hero-eyebrow{color:var(--bone);display:flex;align-items:center;gap:12px;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 18px rgba(0,0,0,.6)}.hero-eyebrow:before{content:"";width:26px;height:3px;background:var(--lime);clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%)}.hero-eyebrow b{color:var(--green);font-weight:700}.hero-h1{margin-top:18px}.hero-wordmark{width:min(620px,46vw);height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}.hero-mark{margin-top:14px;font-size:var(--fs-mega);color:var(--bone);display:flex;flex-direction:column}.hero-mark span:last-child{color:var(--green)}.hero-tag{margin-top:clamp(14px,2.2vh,22px);font-size:clamp(1.3rem,2.1vw,1.9rem);font-weight:700;letter-spacing:-.015em;color:var(--bone)}.hero-line{margin-top:8px;max-width:52ch;font-size:var(--fs-lead);color:#f2f4f1db}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(20px,3vh,30px)}.hero-gate{position:absolute;right:var(--gutter);bottom:124px;width:min(230px,44vw);text-align:right}.gate-line{height:2px;background:#f2f4f133;overflow:hidden}.gate-line i{display:block;height:100%;background:var(--green);transform-origin:left;transition:transform .32s var(--ease-out)}.gate-label{margin-top:10px;font-size:.88rem;font-weight:600;color:#f2f4f1d6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hero-gate.is-released .gate-line{opacity:0;transition:opacity .6s .3s}.hero-gate.is-released .gate-label span{display:inline-block;animation:cueBob 1.8s var(--ease-io) infinite}@keyframes cueBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-chip{color:#f2f4f1eb;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.6)}.beat-open{display:flex;align-items:flex-end;padding:0 var(--gutter) clamp(96px,13vh,132px)}.beat-open:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 78% at 0% 100%,#0a0b0adb,#0a0b0a80 38%,#0a0b0a1f 66%,#0a0b0a00 84%)}.open-label{max-width:11em;font-size:clamp(2rem,4.6vw,4.4rem);color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.6),0 6px 28px rgba(0,0,0,.45);overflow:hidden}.open-label span{display:block;transform:translateY(calc((1 - var(--p, 0)) * 100%))}.beat-word{display:flex;align-items:flex-end;padding:0 var(--gutter) clamp(150px,19vh,190px)}.word-mask{display:block;overflow:hidden;padding-bottom:.06em}.word{display:block;font-size:clamp(4rem,10vw,10rem);line-height:.9;color:var(--bone);transform:translateY(calc((1 - var(--p, 0)) * 104%));text-shadow:0 2px 4px rgba(0,0,0,.5),0 10px 40px rgba(0,0,0,.4)}.tone-print .word{color:var(--print);text-shadow:0 0 2px rgba(0,0,0,.8),0 0 24px rgba(31,203,85,.55),0 0 70px rgba(31,203,85,.3)}.beat-third{display:flex;align-items:flex-end;padding:0 var(--gutter) clamp(88px,12vh,124px)}.beat-third:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 84% 90% at 0% 100%,#0a0b0ae6,#0a0b0a99 36%,#0a0b0a33 62%,#0a0b0a00 82%)}.third{width:min(520px,40vw);transform:translateY(calc((.5 - var(--t, .5)) * 26px))}.third-label{display:flex;align-items:center;gap:12px;font-stretch:125%;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;font-weight:600;color:#f2f4f1db}.third-n{color:var(--ink);background:var(--green);padding:4px 7px 3px;letter-spacing:.08em;font-weight:800}.third-title{margin-top:12px;font-stretch:112%;font-size:clamp(2rem,3.6vw,3.4rem);font-weight:850;text-transform:uppercase;letter-spacing:-.005em;line-height:.95;color:var(--bone);text-wrap:balance}.third-text{margin-top:12px;font-size:1.02rem;line-height:1.55;color:#f2f4f1e6;max-width:44ch}@media (min-width: 821px){.film.is-print .beat-third[data-third="3"],.film.is-print .beat-third[data-third="4"]{display:none}}.beat-finale{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--header-h) + 64px) var(--gutter) 90px}.beat-finale:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 60% 56% at 50% 50%,rgba(10,11,10,.72),rgba(10,11,10,.3) 60%,transparent 84%)}.finale-logo{width:clamp(190px,19vw,300px);height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.55));transform:scale(.94);opacity:.2;transition:transform .9s var(--ease-out),opacity .9s var(--ease-out),filter .9s var(--ease-out)}.beat-finale.on .finale-logo{transform:none;opacity:1;filter:drop-shadow(0 10px 40px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(31,203,85,.28))}.finale-title{margin-top:16px;font-size:clamp(2.2rem,4.8vw,4.6rem);color:var(--bone)}.finale-title span{display:block}.finale-title span+span{color:var(--green)}.finale-text{margin-top:14px;max-width:52ch;font-size:var(--fs-lead);color:#f2f4f1e6}.finale-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:26px}.rail{position:absolute;z-index:7;top:calc(var(--header-h) + 12px);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(6,auto);gap:0;align-items:center;padding:0;pointer-events:auto;transition:opacity .5s var(--ease-out)}.film[data-stage="0"] .rail{opacity:0;pointer-events:none}.rail-track{position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#f2f4f129}.rail-track i{position:absolute;left:0;top:0;bottom:0;width:calc((var(--si, 0) + var(--fill, 0)) / 6 * 100%);background:var(--green);transition:background .4s}.rail-item{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;cursor:pointer;white-space:nowrap;font-stretch:108%;text-transform:uppercase;letter-spacing:.09em;font-size:.66rem;font-weight:600;color:#f2f4f194;text-shadow:0 1px 2px rgba(0,0,0,.7);transition:color .3s var(--ease-out)}.rail-n{font-weight:800;color:#f2f4f180;transition:color .3s}.rail-item:hover{color:var(--bone)}.rail-item.done{color:#f2f4f1c7}.rail-item.done .rail-n{color:var(--green-deep)}.rail-item.on{color:var(--bone)}.rail-item.on .rail-n{color:var(--green)}.film.is-print .rail-track i{background:var(--print)}.film.is-print .rail-item.on .rail-n,.film.is-print .rail-item.done .rail-n{color:var(--print)}.film-switch{position:absolute;z-index:7;right:var(--gutter);bottom:62px;display:inline-flex;padding:3px;background:#0a0b0ab8;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:var(--radius);pointer-events:auto}.film-switch button{padding:9px 14px;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#f2f4f1b8;border-radius:2px;cursor:pointer;transition:background .22s,color .22s}.film-switch button.on{background:var(--lime);color:var(--ink)}.film-switch button:not(.on):hover{color:var(--bone)}.film-switch{transition:opacity .4s var(--ease-out)}.film.is-print .film-switch{opacity:0;pointer-events:none}.film-bar{position:absolute;z-index:7;left:var(--gutter);right:var(--gutter);bottom:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-size:.86rem;font-weight:600;color:#f2f4f1db;text-shadow:0 1px 2px rgba(0,0,0,.6)}.film-bar-ch{min-width:13em;font-stretch:112%;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.film-bar-track{position:relative;height:2px;background:#f2f4f133;overflow:hidden}.film-bar-track i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform-origin:left;transform:scaleX(0)}.film.is-print .film-bar-track i{background:var(--print)}.film-skip{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--bone);cursor:pointer;text-decoration:underline;text-decoration-color:#f2f4f166;text-underline-offset:5px}.film-skip:hover{text-decoration-color:var(--green)}.sheet{position:absolute;inset:calc(var(--header-h) + 6px) 18px 58px;z-index:5;pointer-events:none}.sheet-edge{position:absolute;background:var(--print-dim);transition:transform .9s var(--ease-out)}.sheet-t,.sheet-b{left:0;right:0;height:1px;transform:scaleX(0)}.sheet-t{top:0;transform-origin:left}.sheet-b{bottom:0;transform-origin:right}.sheet-l,.sheet-r{top:0;bottom:0;width:1px;transform:scaleY(0)}.sheet-l{left:0;transform-origin:bottom}.sheet-r{right:0;transform-origin:top}.sheet-t:after,.sheet-b:after{content:"";position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(to right,var(--print-dim) 0 1px,transparent 1px 48px)}.sheet-t:after{top:0}.sheet-b:after{bottom:0}.sheet-corner{position:absolute;width:18px;height:18px;border:0 solid var(--print);opacity:0;transition:opacity .5s .5s}.c-tl{left:-1px;top:-1px;border-left-width:2px;border-top-width:2px}.c-tr{right:-1px;top:-1px;border-right-width:2px;border-top-width:2px}.c-bl{left:-1px;bottom:-1px;border-left-width:2px;border-bottom-width:2px}.c-br{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px}.film.is-print .sheet-t,.film.is-print .sheet-b{transform:scaleX(1)}.film.is-print .sheet-l,.film.is-print .sheet-r{transform:scaleY(1)}.film.is-print .sheet-corner{opacity:1}.sheet-motto{position:absolute;right:16px;bottom:14px;color:var(--print);opacity:0;transition:opacity .6s .4s;font-size:.66rem;letter-spacing:.26em;text-shadow:0 0 12px rgba(31,203,85,.35)}.sheet-motto b{color:var(--print-dim);font-weight:400;margin:0 .3em}.film.is-print .sheet-motto{opacity:1}.title-block{position:absolute;left:16px;bottom:16px;width:min(440px,34vw);display:grid;grid-template-columns:112px 1fr;border:1px solid var(--print-dim);background:#060e09d6;font-stretch:118%;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;color:#d6f5dee6;opacity:0;transform:translateY(12px);transition:opacity .6s .3s var(--ease-out),transform .6s .3s var(--ease-out)}.title-block .tb-logo{display:flex;align-items:center;justify-content:center;padding:8px;border-right:1px solid rgba(31,203,85,.22)}.title-block .tb-logo img{width:94px;height:auto}.title-block dl>div{display:grid;grid-template-columns:9em 1fr;border-top:1px solid rgba(31,203,85,.22)}.title-block dl>div:first-child{border-top:0}.title-block dl>div:nth-child(3),.title-block dl>div:nth-child(4){display:none}.title-block dt{padding:6px 9px;color:var(--print);border-right:1px solid rgba(31,203,85,.22)}.title-block dd{padding:6px 9px}.title-block .tb-note{display:none;grid-column:1 / -1;border-top:1px solid rgba(31,203,85,.22);padding:9px 10px 10px;text-transform:none;letter-spacing:.01em;font-stretch:100%;font-size:.84rem;line-height:1.42;color:#e8f6eceb}.title-block .tb-note b{display:block;margin-bottom:3px;font-stretch:118%;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:var(--print);font-weight:700}.film[data-stage="3"] .tb-note-3,.film[data-stage="4"] .tb-note-4{display:block}.film.is-print .title-block{opacity:1;transform:none}.film.is-print.has-word .title-block{opacity:0;transform:translateY(12px);transition-delay:0s}.callout{position:absolute;z-index:6;left:0;top:0;pointer-events:none;will-change:opacity,transform;transform:translate(var(--x, 0px),var(--y, 0px))}.callout-dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#060e09e6;box-shadow:0 0 0 2px var(--print),0 0 14px #1fcb55b3;transform:scale(min(1,calc(var(--p, 0) * 4)));transition:background .3s,box-shadow .3s}.callout-line{position:absolute;top:-.5px;height:1.5px;width:var(--len, 80px);background:var(--print);box-shadow:0 0 8px #1fcb5599;transform:scaleX(min(1,calc(var(--p, 0) * 1.7)))}.callout.side-right .callout-line{left:6px;transform-origin:left}.callout.side-left .callout-line{right:6px;transform-origin:right}.callout-body{position:absolute;top:-.78em;width:max-content;max-width:min(230px,var(--room, 230px));opacity:clamp(0,calc((var(--p, 0) - .45) * 3),1)}.callout.side-right .callout-body{left:calc(var(--len, 80px) + 16px)}.callout.side-left .callout-body{right:calc(var(--len, 80px) + 16px);text-align:right}.callout-label{display:inline-flex;align-items:center;gap:8px;font-stretch:118%;text-transform:uppercase;letter-spacing:.14em;font-size:.84rem;font-weight:700;color:#e8f8ec;text-shadow:0 0 2px rgba(0,0,0,.9),0 0 16px rgba(0,0,0,.8)}.callout.side-left .callout-label{flex-direction:row-reverse}.callout-text{margin-top:3px;font-stretch:118%;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:#1fcb55f2;text-shadow:0 0 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.8)}.callout-check{display:none;padding:3px 6px 2px;background:var(--green);color:var(--ink);font-size:.6rem;letter-spacing:.14em;font-weight:800;text-shadow:none}.callout.built .callout-check{display:inline-block}.callout.built .callout-dot{background:var(--green);box-shadow:0 0 0 2px var(--green),0 0 18px #1fcb55e6}.callout.built .callout-line{background:var(--green)}@media (max-width: 1380px){.rail-name{display:none}.rail-item{padding:8px 10px}.rail-item.on .rail-name{display:inline}}@media (max-width: 820px){.callout,.sheet-motto,.sheet-corner{display:none}.is-portrait .beat-word,.is-portrait .beat-open{align-items:flex-start;padding:calc(.2*(100svh - 56.25vw) + 56.25vw + 14px) 18px 0}.is-portrait .beat-open:before{display:none}.word{font-size:clamp(2.6rem,12vw,4.6rem)}.open-label{font-size:clamp(1.7rem,8vw,2.6rem);max-width:100%}.rail{display:none}.title-block{width:auto;left:10px;right:10px;bottom:10px;grid-template-columns:1fr}.title-block .tb-logo{display:none}.title-block .tb-note{display:none!important}.sheet{inset:calc(var(--header-h) + 4px) 8px calc(96px + env(safe-area-inset-bottom))}.third{width:min(560px,100%)}.beat-third{padding:0 18px calc(150px + env(safe-area-inset-bottom))}.beat-third:before{background:linear-gradient(to top,#0a0b0aeb 14%,#0a0b0a8c 46%,#0a0b0a00 72%)}.film-bar{bottom:calc(92px + env(safe-area-inset-bottom));gap:12px;font-size:.8rem}.film-bar-ch{min-width:0}.film-switch{right:50%;transform:translate(50%);bottom:calc(130px + env(safe-area-inset-bottom))}.film[data-stage="0"] .film-switch{opacity:1;pointer-events:auto}.film:not([data-stage="0"]) .film-switch{opacity:0;pointer-events:none}.hero-inner{max-width:100%}.beat-hero{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.beat-hero:before{background:linear-gradient(to top,#0a0b0af0 22%,#0a0b0a99 50%,#0a0b0a1a 74%)}.hero-gate{right:50%;transform:translate(50%);text-align:center;bottom:calc(96px + env(safe-area-inset-bottom))}}@media (max-width: 820px){.title-block{display:none}}@media (max-width: 640px){.hero-eyebrow{display:block;font-size:.62rem;letter-spacing:.14em;line-height:1.5}.hero-eyebrow:before{display:inline-block;vertical-align:middle;margin-right:10px;width:18px}.hero-wordmark{width:min(300px,76vw)}.hero-mark{font-size:clamp(2.6rem,12.4vw,4rem);margin-top:10px}.hero-line{display:none}.hero-actions{margin-top:16px;gap:12px 18px}.hero-chip{width:100%}.beat-hero{padding-bottom:calc(258px + env(safe-area-inset-bottom))}.film-switch{bottom:calc(196px + env(safe-area-inset-bottom))}.hero-gate{bottom:calc(150px + env(safe-area-inset-bottom));width:100%}.hero-gate .gate-label{font-size:.8rem;margin-top:6px}.beat-finale{justify-content:flex-end;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.finale-text{display:none}.hero-tag{font-size:1.25rem}.hero-line{font-size:.98rem}.hero-actions{gap:14px 20px}.third{transform:none}.third-title{font-size:2rem}.third-text{font-size:.95rem}.finale-title{font-size:clamp(2.1rem,10vw,2.8rem)}.finale-logo{width:150px}.finale-actions{flex-direction:column;gap:14px;margin-top:18px}.film-skip{font-size:.8rem}.film-bar{grid-template-columns:1fr auto}.film-bar-track{position:absolute;left:0;right:0;top:-12px}}.film.is-portrait .beat-hero{justify-content:flex-end}