/* Keep the motto in the scene's clear upper area and retain the full 16:9 frame. */
body[data-revision=warm] .warm-hero.video-hero{display:block;height:auto;min-height:0;max-height:none;overflow:visible}
.video-hero .hero-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;max-height:none;min-height:0;overflow:hidden}
body[data-revision=warm] .warm-hero.video-hero .scene-window{position:absolute;inset:0;aspect-ratio:16/9;max-height:none;height:100%}
.video-hero .scene-image,.video-hero .scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
body[data-revision=warm] .warm-hero.video-hero .scene-content{position:absolute;top:0;bottom:auto;left:0;transform:none;width:100%;max-width:none;padding:28px 5% 32px;background:transparent}
body[data-revision=warm] .warm-hero.video-hero h1.brand-motto{font-size:clamp(40px,4.8vw,72px);font-weight:700;line-height:1.06;letter-spacing:-.035em;max-width:90%;margin:0;color:var(--cfs-paper);text-wrap:balance}
.brand-motto span{display:block}
body[data-revision=warm] .warm-hero.video-hero .scene-shade{background:linear-gradient(180deg,rgb(21 18 28 / 88%) 0%,rgb(21 18 28 / 78%) 24%,rgb(21 18 28 / 18%) 35%,transparent 46%)}
.video-hero .video-toggle{top:20px;right:5%;bottom:auto}
.video-hero .hero-introduction{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding:36px 5% 40px;background:linear-gradient(115deg,#29232f,var(--cfs-ink) 75%)}
body[data-revision=warm] .warm-hero.video-hero .hero-proposition-line{font:600 clamp(23px,2vw,30px)/1.4 var(--cfs-font);max-width:36ch;margin:0 0 12px;color:var(--cfs-paper)}
body[data-revision=warm] .warm-hero.video-hero .scene-intro{font-size:17px;line-height:1.65;max-width:62ch;margin:0;color:var(--cfs-paper)}
.video-hero .hero-next-step{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
body[data-revision=warm] .warm-hero.video-hero .scene-cta{margin:0;white-space:nowrap}
.video-hero .hero-next-step .scroll-cue{display:inline-flex;position:static;gap:12px;font-size:13px;white-space:normal}
@media(max-width:1000px) and (min-width:801px){.video-hero .hero-introduction{gap:28px}.video-hero .hero-next-step{max-width:260px}body[data-revision=warm] .warm-hero.video-hero .scene-cta{white-space:normal}}
@media(max-width:900px){
 .video-hero .hero-scene{display:flex;flex-direction:column;aspect-ratio:auto;max-height:none;min-height:0;overflow:visible}
 .video-hero .hero-scene .scene-anchor{position:relative;inset:auto;order:1;aspect-ratio:16/9}
 body[data-revision=warm] .warm-hero.video-hero .scene-shade{display:none}
 body[data-revision=warm] .warm-hero.video-hero .scene-content{position:relative;inset:auto;order:0;padding:30px 6% 34px;background:var(--cfs-ink)}
 body[data-revision=warm] .warm-hero.video-hero h1.brand-motto{font-size:clamp(26px,8.1vw,64px);line-height:1.12;letter-spacing:-.035em;max-width:none}
 .brand-motto span{display:block}
 .video-hero .hero-introduction{grid-template-columns:1fr;gap:24px;padding:24px 6% 32px;background:linear-gradient(#29232f,var(--cfs-ink))}
 body[data-revision=warm] .warm-hero.video-hero .hero-proposition-line{font-size:22px;line-height:1.4;max-width:34ch}
 body[data-revision=warm] .warm-hero.video-hero .scene-intro{font-size:16px}
 .video-hero .video-toggle{right:12px;top:auto;bottom:12px}
 body[data-revision=warm] .warm-hero.video-hero .scene-cta{white-space:normal}
}
/* The film takes priority over logos. Feedback remains stationary. */
.hero-in-view .logo-track{animation-play-state:paused!important}
.hero-in-view .video-hero ~ section .section-arrived{animation:none;translate:none}