#hero.cf-film{height:700vh;min-height:0;padding:0;background:#0d0d0c;position:relative;overflow:visible;text-align:left;display:block}
.cf-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#0d0d0c;color:#f2efe7;z-index:2}
#cf-screen{position:absolute;inset:0;width:100%;height:100%}.cf-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 65%);pointer-events:none}
.cf-grain{position:absolute;inset:-30%;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.cf-beat{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(6rem,10vw,9rem) clamp(1.5rem,6vw,6rem);opacity:0;transform:translateY(22px);pointer-events:none;text-shadow:0 2px 35px rgba(0,0,0,.5)}
.cf-beat small{font:600 .63rem/1.3 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}.cf-beat h1,.cf-beat h2{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.07em;text-transform:uppercase;margin:0;line-height:.82}.cf-beat h1{font-size:clamp(3rem,7.15vw,7.4rem);max-width:9.2ch}.cf-beat h2{font-size:clamp(2.8rem,7vw,7rem)}
.cf-beat-plan{align-items:flex-end;text-align:right}.cf-beat-make{justify-content:flex-end;padding-bottom:clamp(7rem,14vw,12rem)}.cf-beat-scale{justify-content:flex-end;padding-bottom:clamp(7rem,12vw,10rem)}.cf-beat-scale h2{color:#ffcc00}
.cf-chapter{position:absolute;z-index:4;left:clamp(1.5rem,3vw,3rem);right:clamp(1.5rem,3vw,3rem);bottom:2rem;display:grid;grid-template-columns:2rem auto 1fr 2rem;align-items:center;gap:.8rem;font:600 .58rem/1 'Inter',sans-serif;letter-spacing:.12em;opacity:0}.cf-track{height:1px;background:rgba(255,255,255,.32)}.cf-track i{display:block;width:0;height:100%;background:#ffcc00}.cf-total{text-align:right;opacity:.6}
.cf-cue{position:absolute;z-index:4;right:clamp(1.5rem,3vw,3rem);bottom:4.5rem;font:600 .56rem/1 'Inter',sans-serif;letter-spacing:.13em}.cf-cue:before{content:'';display:inline-block;width:1.8rem;height:1px;background:currentColor;vertical-align:middle;margin-right:.7rem}
.cf-loader{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14)}.cf-loader i{display:block;width:0;height:100%;background:#ffcc00}
@media(max-width:720px){#hero.cf-film{height:620vh}.cf-beat{padding-left:1.5rem;padding-right:1.5rem}.cf-beat h1{font-size:clamp(3rem,14.5vw,5.25rem)}.cf-beat h2{font-size:clamp(2.8rem,13vw,5rem)}.cf-beat-plan{align-items:flex-start;text-align:left}.cf-shade{background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 85%)}.cf-cue{bottom:4rem}}
@media(prefers-reduced-motion:reduce){#hero.cf-film{height:300vh}.cf-grain{display:none}.cf-beat{transform:none!important}}