/* Comparison option 2: the ALT film belongs to the page, with no entry overlay. */
.seamless-hero{padding:6px 0 64px;background:var(--ink);text-align:center;overflow:hidden}
.hero-film{--film-height:clamp(300px,43vw,440px);position:relative;width:min(100%,1120px);height:var(--film-height);margin:0 auto;isolation:isolate}
/* Feather the actual 16:9 image, not the larger container around it. */
.hero-film-poster,.hero-film-video{--film-edge-x:linear-gradient(to right,transparent 0%,rgb(0 0 0 / .18) 4%,rgb(0 0 0 / .65) 9%,#000 16%,#000 84%,rgb(0 0 0 / .65) 91%,rgb(0 0 0 / .18) 96%,transparent 100%);--film-edge-y:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .25) 4%,rgb(0 0 0 / .75) 9%,#000 14%,#000 84%,rgb(0 0 0 / .75) 90%,rgb(0 0 0 / .25) 96%,transparent 100%);position:absolute;left:50%;top:50%;width:min(100%,calc(var(--film-height) * 16 / 9));height:auto;aspect-ratio:16/9;transform:translate(-50%,-50%);object-fit:contain;-webkit-mask-image:var(--film-edge-x),var(--film-edge-y);mask-image:var(--film-edge-x),var(--film-edge-y);-webkit-mask-composite:source-in;mask-composite:intersect;mask-repeat:no-repeat}
.hero-film-video{opacity:0;transition:opacity .25s ease}
.hero-film-video.has-frame{opacity:1}
.seamless-copy{position:relative;margin-top:10px}
.seamless-copy .eyebrow{font-size:9px;letter-spacing:1.8px}
.seamless-copy .eyebrow span{color:var(--orange);margin-inline:10px}
.seamless-copy h1{font-size:clamp(52px,6.7vw,92px);letter-spacing:-.02em;margin-top:18px;line-height:1.04}
.seamless-copy h1 span{color:var(--gold)}
.seamless-copy #hero-title{font-size:clamp(30px,6.5vw,80px)}
.seamless-copy .hero-description{font-size:14px;margin-top:18px;color:var(--muted)}
.seamless-copy .hero-actions{margin-top:24px}
.button-brand{background:var(--orange);color:var(--ink)}
.button-brand:hover{background:var(--gold)}
.seamless-copy .replay-intro{min-width:152px;justify-content:flex-start}
.seamless-copy .hero-motion-label{font-size:12px;line-height:1.4;color:inherit}
.seamless-copy .hero-footnote{margin-top:13px}
@media(min-width:1500px){.hero-film{--film-height:480px}}
@media(min-width:801px) and (max-height:760px){.hero-film{--film-height:clamp(220px,calc(100svh - 420px),340px)}.seamless-copy h1{font-size:clamp(52px,5.7vw,78px)}.seamless-hero{padding-bottom:40px}.seamless-copy .hero-description{margin-top:12px}.seamless-copy .hero-actions{margin-top:18px}}
@media(max-width:800px){.hero-film{--film-height:clamp(230px,53vw,380px)}.seamless-hero{padding-bottom:48px}.seamless-copy h1{font-size:clamp(48px,8vw,68px)}}
@media(max-width:560px){.seamless-hero{padding-top:20px;padding-bottom:42px}.hero-film{--film-height:62.5vw;height:auto;aspect-ratio:16/10;width:100%}.seamless-copy{margin-top:12px}.seamless-copy h1{font-size:clamp(46px,12.8vw,68px)}.seamless-copy h1 span{display:block}.seamless-copy .eyebrow{font-size:8px;letter-spacing:1px}.seamless-copy .eyebrow span{margin-inline:5px}.seamless-copy .hero-description{max-width:300px;margin:16px auto 0}.seamless-copy .hero-actions{margin-top:23px}.seamless-copy .replay-intro{justify-content:center}.seamless-copy .hero-footnote{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.hero-film-video{display:none}.seamless-copy .replay-intro{display:none}}