.film-scroll{background:#000;height:850vh;position:relative}.film-stage{height:100vh;background:#000;height:100svh;position:sticky;top:0;overflow:clip}.film-canvas,.film-embers{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.film-poster{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.film-grain{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite film-grain-jitter;position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%}@keyframes film-grain-jitter{0%{transform:translate(0)}25%{transform:translate(-2.2%,1.6%)}50%{transform:translate(1.8%,-2.4%)}75%{transform:translate(-1.2%,-1.1%)}to{transform:translate(0)}}.film-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,#0000 52%,#0000008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}.film-fade{pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent, var(--film-seam,#0b0908));height:38vh;position:absolute;top:auto;bottom:0;left:0;right:0}.film-beats{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.beat{text-align:center;opacity:0;will-change:opacity, transform;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:0 clamp(1.4rem,5vw,4rem);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.beat>*{pointer-events:none}.beat.live a,.beat.live .btn{pointer-events:auto}.beat .beat-line{font-family:var(--f-display,"Bodoni Moda", serif);letter-spacing:.005em;color:var(--paper,#f2ede3);text-wrap:balance;text-shadow:0 2px 34px #000000a6;max-width:21ch;font-size:clamp(1.9rem,4.6vw,4rem);font-weight:500;line-height:1.12}.beat .beat-line em{color:var(--gold,#c9a227);font-style:italic}.beat .beat-sub{font-family:var(--f-mono,"IBM Plex Mono", monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--paper-2,#cfc8ba);text-shadow:0 1px 18px #000c;font-size:clamp(.6rem,1vw,.72rem)}.beat-hero .hero-title{text-shadow:0 2px 40px #0009}.beat-hero .hero-sub{text-shadow:0 1px 20px #000000bf}.beat-finale{text-align:left;justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(5rem,14vh,9rem)}.beat-finale .beat-line{text-wrap:balance;max-width:15ch}.beat-finale .film-ctas{flex-wrap:wrap;gap:.9rem;display:flex}.film-chapter{font-family:var(--f-mono,"IBM Plex Mono", monospace);letter-spacing:.26em;text-transform:uppercase;color:var(--paper-2,#cfc8ba);opacity:0;align-items:center;gap:.85rem;font-size:.58rem;transition:opacity .8s .4s;display:flex;position:absolute;bottom:clamp(1.3rem,4vh,2.6rem);left:clamp(1.4rem,4vw,3.4rem)}.film-ready .film-chapter{opacity:1}.film-chapter .fc-num{color:var(--gold,#c9a227)}.film-chapter .fc-bar{background:#f2ede338;width:clamp(64px,10vw,130px);height:1px;position:relative;overflow:hidden}.film-chapter .fc-bar i{transform-origin:0;background:var(--gold,#c9a227);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.film-cue{font-family:var(--f-mono,"IBM Plex Mono", monospace);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-2,#cfc8ba);flex-direction:column;align-items:center;gap:.55rem;font-size:.52rem;display:flex;position:absolute;bottom:clamp(1.3rem,4vh,2.6rem);right:clamp(1.4rem,4vw,3.4rem)}.film-cue .stem{background:linear-gradient(var(--gold,#c9a227), transparent);width:1px;height:44px;animation:2.2s ease-in-out infinite film-cue-drop}@keyframes film-cue-drop{0%{transform-origin:top;transform:scaleY(0)}55%{transform-origin:top;transform:scaleY(1)}56%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.film-loader{z-index:5;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;transition:opacity .9s,visibility .9s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.film-ready .film-loader{opacity:0;visibility:hidden}.film-loader .fl-mark{font-family:var(--f-display,"Bodoni Moda", serif);letter-spacing:.42em;text-indent:.42em;color:var(--gold,#c9a227);font-size:clamp(1rem,2.4vw,1.4rem)}.film-loader .fl-bar{background:#f2ede329;width:min(220px,40vw);height:1px;position:relative;overflow:hidden}.film-loader .fl-bar i{transform-origin:0;background:var(--gold,#c9a227);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.film-static .film-scroll{height:100vh;height:100svh}.film-static .film-stage{position:relative}.film-static .film-loader,.film-static .film-cue .stem{display:none}.film-static .beat{opacity:0}.film-static .beat-hero{opacity:1}html[lang=ar] .beat-line{font-family:var(--arabic);line-height:1.55}html[lang=ar] .beat-sub,html[lang=ar] .film-chapter,html[lang=ar] .film-cue{font-family:var(--arabic);letter-spacing:0}html[dir=rtl] .beat-finale{text-align:right;align-items:flex-end}html[dir=rtl] .film-chapter .fc-bar i{transform-origin:100%}@media (max-width:720px){.beat .beat-line{font-size:clamp(1.7rem,8vw,2.4rem)}.beat-finale{padding-bottom:7rem}.film-chapter .fc-bar{width:54px}}