/* Preserve the existing homepage split; replace only its media area. */
@media (min-width: 701px) and (max-width: 1023px) { #home .hero-content { padding-block: 24px; } }
#home .hero-video { position: relative; min-width: 0; overflow: hidden; background: var(--burgundy-deep); isolation: isolate; }
#home .hero-video video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-video-fallback { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 40%, #814055, var(--burgundy-deep)); }
.hero-video-fallback img { width: 100%; height: 100%; object-fit: cover; }
.hero-video-controls { position: absolute; inset: 0; pointer-events: none; }
.hero-video-controls button { display: grid; place-items: center; width: 46px; height: 46px; padding: 10px; border: 1px solid #fff9; border-radius: 50%; background: #190c12b8; color: white; cursor: pointer; pointer-events: auto; }
.hero-video-controls button:hover { background: #411321e8; }
.hero-video-controls button:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 4px; }
.hero-video-controls svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hero-video-bottom { position: absolute; bottom: max(16px, env(safe-area-inset-bottom)); right: max(16px, env(safe-area-inset-right)); display: flex; gap: 10px; }
[data-video-pip] { position: absolute; top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); }
[data-video-volume][data-state=muted] .icon-audible, [data-video-volume][data-state=audible] .icon-muted,
[data-video-fullscreen][data-state=expanded] .icon-expand, [data-video-fullscreen][data-state=normal] .icon-collapse { display: none; }
#home .hero-video:fullscreen, #home .hero-video:-webkit-full-screen { width: 100%; height: 100%; background: #140b10; }
#home .hero-video:fullscreen video, #home .hero-video:-webkit-full-screen video { object-fit: contain; }