.page-hero[data-background-video]{position:relative;isolation:isolate;overflow:hidden;background:#111;color:#f3f3ef}
.page-hero[data-background-video]::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.30) 60%),linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 75%);pointer-events:none}
.page-hero[data-background-video]>.hero-background{position:absolute;inset:0;z-index:0;overflow:hidden;background:#111}
.hero-background-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-background-layer{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hero-background-layer.is-visible{opacity:1}
video.hero-background-layer{width:100%;height:100%;object-fit:cover;border:0;pointer-events:none}
.page-hero[data-background-video]>:not(.hero-background){position:relative;z-index:2}
.page-hero[data-background-video] .lead{color:#e1e1dd;text-shadow:0 1px 16px rgba(0,0,0,.45)}
.page-hero[data-background-video]>.background-video-toggle{position:absolute;right:4vw;bottom:14px;z-index:3;padding:8px 12px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:rgba(0,0,0,.35);color:#fff;font:500 10px/1.2 var(--sans);letter-spacing:.03em;cursor:pointer;backdrop-filter:blur(6px)}
.background-video-toggle[hidden]{display:none!important}
.background-video-toggle:hover{background:rgba(0,0,0,.65)}
.background-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.page-hero[data-background-video]>.background-video-toggle{right:20px;bottom:12px}.page-hero[data-background-video]::before{background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.24))}}
@media(prefers-reduced-motion:reduce){.hero-background-layer{display:none;transition:none}}