.financial-cinema{position:fixed;z-index:4;pointer-events:none;overflow:hidden;background:#000}
.financial-cinema video{display:block;width:100%;height:100%;object-fit:contain}
.financial-cinema[hidden],.financial-cinema-skip[hidden]{display:none}
#h2 .dna-copy{left:50%;top:50%;width:min(80vw,1000px);transform:translate(-50%,-50%);text-align:center;font-size:clamp(26px,2.6vw,46px);line-height:1.22;letter-spacing:-.025em;transition:opacity 240ms ease-out}
#h2 .dna-copy p+p{font-size:.6em;margin-top:30px}
html[data-financial-film="true"] #h2 .dna-copy{opacity:0;visibility:hidden}
html[data-financial-intro="true"] #h2 .dna-art{visibility:hidden}
html[data-financial-film="true"] #h2 .entry-ui{visibility:hidden!important}
.financial-cinema-skip{padding:0;border:0;background:transparent;cursor:pointer;position:fixed;left:50%;bottom:max(5.8svh,24px);transform:translateX(-50%);z-index:6;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-width:88px;min-height:44px;color:#cfd4d8;font:400 14px Inter,Arial,sans-serif;text-decoration:none}
.financial-cinema-skip:focus-visible{outline:1px solid #cfd4d8;outline-offset:5px}
@media(max-width:700px){#h2 .dna-copy{width:calc(100vw - 48px);font-size:28px}#h2 .dna-copy p+p{font-size:19px;line-height:1.4}.financial-cinema-skip{bottom:max(44px,env(safe-area-inset-bottom))}}
@media(max-height:500px){#h2 .dna-copy{top:57%;font-size:28px;width:76vw}#h2 .dna-copy p+p{margin-top:14px}.financial-cinema-skip{bottom:16px}}
.static-mode .financial-cinema,.static-mode .financial-cinema-skip{display:none}
@media(prefers-reduced-motion:reduce){#h2 .dna-copy{transition:none}}


.financial-cinema{border-radius:clamp(40px,6vw,104px);clip-path:inset(0 round clamp(40px,6vw,104px));isolation:isolate}
.financial-cinema canvas{display:block;width:100%;height:100%}
.financial-cinema video{display:none}
.financial-cinema::after{content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 clamp(18px,2.2vw,36px) clamp(5px,.65vw,11px) #000}
html[data-financial-intro="true"] #h2 .entry-ui .gauge{display:none!important}
html[data-financial-intro="true"] #h2 .entry-ui .scroll-cue{left:50%;transform:translateX(-50%);opacity:1;animation:intro-reading-cue 1.8s ease-in-out infinite}
html[data-financial-film="true"] #h2 .entry-ui .scroll-cue{visibility:hidden!important}
html[data-financial-intro="true"] .hero-watermark{opacity:0!important;visibility:hidden}
@keyframes intro-reading-cue{0%,100%{opacity:1}50%{opacity:.32}}
@media(prefers-reduced-motion:reduce){html[data-financial-intro="true"] #h2 .entry-ui .scroll-cue{animation:none}}

/* The visitor's native scroll owns the fade into black. */
#h2 .dna-copy{opacity:var(--intro-copy-opacity,1);transition:none}
html[data-financial-intro="true"] #h2 .entry-ui .scroll-cue{animation:intro-reading-cue 1.8s ease-in-out infinite;visibility:visible}
html[data-intro-black-breath="true"] #h2 .entry-ui .scroll-cue,html[data-financial-film="true"] #h2 .entry-ui .scroll-cue{visibility:hidden!important}

/* Move film and Skip down together without changing their geometry. */
.financial-cinema,.financial-cinema-skip{translate:0 clamp(8px,1.4svh,16px)}

/* Director trial: immersive sizing belongs only to the introductory movie. */
.financial-cinema{border-radius:var(--film-radius,clamp(40px,6vw,104px));clip-path:inset(0 round var(--film-radius,clamp(40px,6vw,104px)));translate:0 var(--film-shift,clamp(8px,1.4svh,16px))}
.financial-cinema canvas{object-fit:cover}
html[data-financial-film="true"] #h2 .brand,html[data-financial-film="true"] #h2 .h1-reference-tagline{opacity:var(--film-brand-opacity,1)!important}
.financial-cinema-skip:not([hidden]){animation:film-skip-breathe 1.8s ease-in-out infinite;text-shadow:0 1px 5px #000,0 0 12px #000}
.financial-cinema-skip:hover,.financial-cinema-skip:focus-visible{animation:none;opacity:1}
@keyframes film-skip-breathe{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:700px){.financial-cinema canvas{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.financial-cinema-skip:not([hidden]){animation:none}}

.financial-cinema-skip{background:rgba(0,0,0,var(--film-skip-bg,0));border-radius:24px}

/* Quiet time remaining, independent of the film's zoom and branding. */
.financial-cinema-countdown{position:fixed;z-index:6;top:max(5.4svh,calc(env(safe-area-inset-top) + 16px));right:var(--margin,5vw);display:flex;gap:4px;align-items:center;padding:5px 7px;border-radius:5px;color:#a6afb7;background:rgba(0,0,0,var(--film-skip-bg,0));font:400 11px/1.2 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 1px 4px #000;pointer-events:none;user-select:none}
.financial-cinema-countdown[hidden],.static-mode .financial-cinema-countdown{display:none!important}
@media(max-width:700px){.financial-cinema-countdown{right:24px;font-size:10px}}