/* Edge-to-edge film, with the editorial headline anchored below its focal area. */
.hero-with-video{background:#000;min-height:760px;height:100svh;max-height:1120px}
.hero-video{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:0;transition:opacity 1s;pointer-events:none;background:#000;border-radius:0}
.hero-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:0;max-width:none}
.hero.video-ready .hero-video{opacity:1}
.hero-with-video #light-canvas,.hero-with-video .hero-fallback{inset:0;width:100%;height:100%;clip-path:none;border-radius:0}
.hero-with-video .hero-vignette{display:block;background:linear-gradient(180deg,#0008 0%,#0001 23%,#0000 42%,#0008 69%,#000d 100%);z-index:-1;pointer-events:none}
.hero-with-video .hero-content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:160px;width:auto;min-height:0;max-width:1200px;text-align:left;margin:0;padding:0;transform:none;opacity:1}
.hero-with-video .hero-kicker{font-size:6px;letter-spacing:1.7px;line-height:1.8;margin-bottom:20px;color:#ece8de}
.hero-with-video h1{font-size:clamp(48px,4.7vw,80px);line-height:1.03;letter-spacing:-1.6px;text-shadow:0 2px 24px #0004;max-width:1100px;text-wrap:balance}
.hero-with-video h1>.gold-dot{display:inline}
.hero-with-video .hero-baseline{display:none}
.hero-with-video .hero-bottom{left:var(--gutter);right:var(--gutter);bottom:98px}
.hero-with-video .hero-side-note{display:none}
@media(min-width:1600px){.hero-with-video .hero-content{bottom:175px}.hero-with-video h1{max-width:1200px;font-size:78px}}
@media(max-width:1000px) and (min-width:601px){.hero-with-video .hero-content{bottom:155px}.hero-with-video h1{font-size:5.6vw;letter-spacing:-1px}.hero-with-video .hero-kicker{font-size:5px;letter-spacing:1.3px}}
@media(max-width:600px){.hero-with-video{height:100svh;min-height:720px;max-height:1000px}.hero-with-video .hero-content{left:25px;right:25px;bottom:158px;padding:0;width:auto;min-height:0}.hero-with-video h1{font-size:10.2vw;line-height:1.06;letter-spacing:-1.1px;max-width:560px}.hero-with-video .hero-kicker{font-size:5px;letter-spacing:1.3px;margin-bottom:18px}.hero-with-video .hero-bottom{bottom:99px;left:25px;right:25px}.hero-with-video .scroll-cue{font-size:5px}.hero-with-video .scroll-cue-icon{width:28px;height:38px}.hero-with-video .scroll-cue b{font-size:4px}.hero-with-video .hero-vignette{background:linear-gradient(180deg,#0007 0%,#0001 24%,#0003 39%,#000b 73%,#000e 100%)}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}}

/* Full-bleed mobile film with the headline over the lower part of the frame. */
@media(max-width:600px){
 .hero-with-video{height:100svh;min-height:640px;max-height:none;padding:0}
 .hero-with-video .hero-video{inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:0}
 .hero-with-video .hero-content{position:absolute;left:25px;right:25px;bottom:150px;width:auto;margin:0;padding:0;z-index:2}
 .hero-with-video .hero-vignette{z-index:1;background:linear-gradient(180deg,#0008 0%,#0001 23%,#0002 44%,#0009 72%,#000d 100%)}
 .hero-with-video h1{text-shadow:0 2px 20px #0006;font-size:10.2vw;line-height:1.06}
 .hero-with-video .hero-bottom{bottom:90px;z-index:2}
}
.hero-film-start{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:3;min-height:44px;padding:12px 20px;border:1px solid #ffffff90;border-radius:3px;background:#000b;color:#fff;font-size:11px}
@media(max-width:600px){.hero-film-start{top:30%}}