.film{--p:0;aspect-ratio:4/5;border:1px solid var(--ink-rule-2);background:radial-gradient(120% 90% at 78% 40%, #c8834a1a, transparent 60%), var(--ink);color:var(--fg);isolation:isolate;border-radius:10px;outline:none;position:relative;overflow:hidden;container-type:inline-size}.film:focus-visible{border-color:var(--amber)}@media (min-width:640px){.film{aspect-ratio:16/9}}.film-canvas{width:100%;height:100%;font-family:var(--sans);z-index:0;position:absolute;inset:0}.film-bars{z-index:4;gap:4px;padding:3.2cqw 4.5cqw 0;display:flex;position:absolute;top:0;left:0;right:0}.film-bars button{cursor:pointer;background:0 0;border:0;flex:1;padding:8px 0}.film-bars span{background:#f2ede329;border-radius:2px;height:2px;display:block;position:relative;overflow:hidden}.film-bars span:after{content:"";background:var(--amber);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.film-bars .is-past span:after{transform:scaleX(1)}.film-bars .is-now span:after{transform:scaleX(var(--p))}.film-scenes{z-index:2;pointer-events:none;position:absolute;inset:0}.film-scene{opacity:0;visibility:hidden;flex-direction:column;align-items:flex-start;padding:15cqw 7cqw 0;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:absolute;inset:0}.film-scene.is-on{opacity:1;visibility:visible;transition:opacity .35s}.film-scene a{pointer-events:auto}.film-kicker{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:3.4cqw;font-size:clamp(10px,2.9cqw,12px);font-weight:600;font-stretch:112%}.film-title{font-family:var(--sans);letter-spacing:-.03em;color:var(--fg);text-wrap:balance;font-size:7.4cqw;font-weight:600;line-height:1.08}.film-accent{color:var(--amber)}.film-body{color:var(--fg-muted);max-width:34em;margin-top:3.6cqw;font-size:clamp(13px,3.9cqw,16px);line-height:1.5}.film-word{white-space:nowrap;display:inline-block}.film-word,.film-in{opacity:0}.film-scene.is-on .film-word{animation:.75s cubic-bezier(.2,.7,.2,1) both film-rise;animation-delay:calc(var(--i) * 55ms + .22s)}.film-scene.is-on .film-in{animation:.7s cubic-bezier(.2,.7,.2,1) both film-rise;animation-delay:calc(var(--i) * 70ms + .26s)}@keyframes film-rise{0%{opacity:0;filter:blur(6px);transform:translateY(.6em)}to{opacity:1;filter:none;transform:none}}.film-list{gap:1.6cqw;width:100%;margin-top:3.4cqw;display:grid}.film-list-roll,.film-list-steps,.film-list-stack{background:#1a1815e6;border-radius:4px;box-shadow:0 0 2.5cqw 3cqw #1a1815e6}.film-list li{color:var(--fg-muted);font-size:clamp(13px,3.9cqw,17px);line-height:1.35}.film-list-stack li{padding-left:1.1em;position:relative}.film-list-stack li:before{content:"";background:var(--amber);border-radius:50%;width:.38em;height:.38em;position:absolute;top:.62em;left:0}.film-list-roll li,.film-list-steps li{color:var(--fg-faint);transition:color .4s,transform .4s}.film-list-roll li.is-lit,.film-list-steps li.is-lit{color:var(--fg);transform:translate(.5em)}.film-list-roll li.is-lit:before,.film-list-steps li.is-lit:before{content:"";vertical-align:.28em;background:var(--amber);width:.9em;height:2px;margin-right:.5em;display:inline-block}.film-list-steps li.is-done{color:var(--fg-muted)}.film-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6cqw 4cqw;margin-top:5cqw}.film-list-grid li{font-family:var(--sans);letter-spacing:-.01em;color:var(--fg);border-top:1px solid var(--ink-rule-2);padding-top:2.2cqw;font-size:clamp(13px,4.2cqw,20px);font-weight:600;font-stretch:112%}.film-logos{grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:6cqw 5cqw;width:100%;margin-top:6cqw;display:grid}.film-logos li{justify-content:center;align-items:center;width:100%;display:flex}.film-logos img{height:calc(var(--h) * 5.6cqw);object-fit:contain;filter:grayscale()brightness(0)invert();opacity:.86;width:auto;max-width:100%}.film-note{color:var(--amber);align-self:flex-end;margin-top:5cqw;font-size:clamp(13px,3.9cqw,17px)}.film-stats{gap:5cqw;width:100%;margin-top:6cqw;display:grid}.film-stats dt{font-family:var(--sans);letter-spacing:-.04em;color:var(--amber);font-variant-numeric:tabular-nums;font-size:15cqw;font-weight:700;font-stretch:118%;line-height:.95}.film-stats dd{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:1.2cqw;font-size:clamp(10px,2.9cqw,12px);font-weight:600;font-stretch:112%}.film-cta{flex-wrap:wrap;gap:10px;margin-top:5.5cqw;display:flex}.film-edge{z-index:1;cursor:pointer;background:0 0;border:0;width:22%;position:absolute;top:0;bottom:0}.film-edge-prev{left:0}.film-edge-next{right:0}.film-controls{z-index:4;gap:6px;display:flex;position:absolute;bottom:3.2cqw;right:3.5cqw}.film-controls button{border:1px solid var(--ink-rule-2);width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:#1a181599;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.film-controls button:hover,.film-controls button:focus-visible{color:var(--fg);border-color:var(--amber);outline:none}@container (min-width:640px){.film-bars{padding:2.2cqw 3.6cqw 0}.film-scene{justify-content:center;width:52%;padding:0 0 0 5.4cqw}.film-scene.is-wide{width:100%;padding-right:5.4cqw}.film-kicker{margin-bottom:1.5cqw;font-size:clamp(10px,1.25cqw,12.5px)}.film-title{font-size:4.5cqw}.film-scene.is-wide .film-title{font-size:3.8cqw}.film-body{margin-top:1.8cqw;font-size:clamp(13px,1.95cqw,19px)}.film-list{gap:.75cqw;margin-top:1.8cqw}.film-list-roll,.film-list-steps,.film-list-stack{box-shadow:none;background:0 0}.film-list li{font-size:clamp(13px,1.95cqw,19px)}.film-list-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6cqw 2.4cqw;margin-top:3cqw}.film-list-grid li{padding-top:1.2cqw;font-size:clamp(13px,1.95cqw,20px)}.film-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:4.2cqw 5cqw;margin-top:4.4cqw;padding-right:1cqw}.film-logos img{height:calc(var(--h) * 3cqw)}.film-note{margin-top:3cqw;margin-right:6cqw;font-size:clamp(13px,1.95cqw,19px)}.film-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw;margin-top:3.4cqw}.film-stats dt{font-size:8.6cqw}.film-stats dd{margin-top:.8cqw;font-size:clamp(10px,1.25cqw,12.5px)}.film-cta{margin-top:2.6cqw}.film-controls{bottom:2.2cqw;right:2.4cqw}}@media (prefers-reduced-motion:reduce){.film-word,.film-in{opacity:1}.film-scene.is-on .film-word,.film-scene.is-on .film-in{animation:none}.film-scene,.film-scene.is-on{transition:none}}