/* Quiet motion behind the existing editorial composition. No scroll transforms on the video. */
.l1-hero-video-art { pointer-events: none; }
.l1-hero-video-poster,
.l1-hero-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.l1-hero-video { opacity: 0; transition: opacity .45s ease; }
.l1-hero-video.is-ready { opacity: 1; }
.l1-hero-video-art::after { background: linear-gradient(90deg, #080d10ed 0%, #080d10cf 24%, #080d1080 49%, #080d1030 78%), linear-gradient(0deg, #080d10 0%, transparent 35%); }
.l1-hero-video-control { position: absolute; right: max(32px, calc((100% - 1216px) / 2)); bottom: 68px; z-index: 2; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 14px; color: #fff; background: #080d10e6; border: 1px solid #ffffff40; border-radius: 3px; font: 500 .75rem var(--l1-body); cursor: pointer; }
.l1-hero-video-control[hidden] { display: none; }
.l1-hero-video-control:hover { border-color: var(--l1-cyan); color: var(--l1-cyan); }
.l1-hero-video-control:focus-visible { outline: 2px solid var(--l1-cyan); outline-offset: 4px; }
.l1-hero-video-control-icon { width: 12px; text-align: center; }
@media (max-width: 820px) {
    .l1-hero-video-art::after { background: linear-gradient(90deg, #080d10e8, #080d1080), linear-gradient(0deg, #080d10 0%, #080d1080 45%, transparent 100%); }
}
@media (max-width: 580px) {
    .l1-hero-video-control { right: 20px; bottom: 64px; }
    .l1-hero-video-control-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    .l1-hero-video-control { min-width: 44px; justify-content: center; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) { .l1-hero-video { transition: none; } }