/* Homepage-only video treatment. Existing site content and shared stylesheet are preserved. */
.hero{min-height:660px;min-height:min(850px,calc(100svh - 80px));display:flex;align-items:center;isolation:isolate}
.hero__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero__scrim{background:linear-gradient(90deg,rgba(6,26,43,.83),rgba(6,26,43,.60) 52%,rgba(6,26,43,.15)),linear-gradient(0deg,rgba(6,26,43,.55),transparent 30%)}
.hero__inner{width:100%;position:relative;padding-top:90px;padding-bottom:115px}
.hero h1{font-size:clamp(42px,5.5vw,76px);line-height:1.07;letter-spacing:-.035em;max-width:15ch}
.hero .lead{max-width:55ch;font-size:clamp(17px,1.5vw,20px);line-height:1.6}
.hero-video-controls{position:absolute;bottom:24px;left:0;right:0;width:100%;display:flex;justify-content:flex-end;z-index:2}
#vrx-video-toggle{font:500 12px 'IBM Plex Sans',sans-serif;color:#fff;background:rgba(6,26,43,.65);border:1px solid rgba(255,255,255,.65);padding:11px 18px;min-width:110px;cursor:pointer;border-radius:3px}
#vrx-video-toggle[hidden]{display:none}
#vrx-video-toggle:hover{background:#0b2740}
#vrx-video-toggle:focus-visible{outline:3px solid #ea580c;outline-offset:5px}
@media(max-width:700px){.hero{min-height:650px;min-height:min(780px,max(650px,calc(100svh - 74px)))}.hero__inner{padding-top:55px;padding-bottom:110px}.hero h1{font-size:clamp(40px,9vw,58px);max-width:15ch}.hero__media video{object-position:60% center}.hero__scrim{background:linear-gradient(90deg,rgba(6,26,43,.84),rgba(6,26,43,.45)),linear-gradient(0deg,rgba(6,26,43,.55),transparent 40%)}.hero .lead{font-size:17px}.hero-video-controls{bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero *{scroll-behavior:auto}}
/* Explicit layers keep the film above the base background in embedded browsers. */
.hero{isolation:auto}
.hero__media{z-index:0;background:url('../img/installation-poster.jpg') center/cover no-repeat}
.hero__media video{position:absolute;inset:0;z-index:0;transform:translateZ(0)}
.hero__scrim{z-index:1;pointer-events:none}
.hero__inner{z-index:2}
.hero-video-controls{z-index:3}

/* The film link remains usable even if JavaScript or embedded playback fails. */
#vrx-video-toggle{display:inline-block;text-decoration:none;text-align:center}
.hero-video-controls{align-items:center;gap:12px;flex-wrap:wrap}
#vrx-video-status{font-size:12px;color:#fff;background:rgba(6,26,43,.75);max-width:260px}
#vrx-video-status:empty{display:none}

/* Keep playback controls alongside the homepage actions on every screen size. */
.hero .hero-video-controls{position:relative;inset:auto;width:auto;justify-content:flex-start;margin-top:22px;padding:0;z-index:3}