.hero--video { background:#2e1140; }
.hero--video .hero-bg { transform:none; background:#2e1140 url('/public/images/hero-jordan.png') center/cover no-repeat; pointer-events:none; }
.hero-video { display:block; width:100%; height:100%; object-fit:contain; object-position:center; background:#2e1140; }
.hero--video .hero-overlay { pointer-events:none; }
.hero--video .hero-inner { min-height:clamp(380px,30vw,560px); }
.hero-media-controls { position:relative; display:flex; flex-wrap:wrap; gap:10px; padding-bottom:24px; }
.hero-media-controls[hidden] { display:none; }
.hero-media-controls button { display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; padding:0; flex:0 0 46px; border:1px solid rgba(229,198,142,.4); border-radius:50%; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(30,10,45,.72)); color:#f2dfb8; cursor:pointer; backdrop-filter:blur(12px); box-shadow:0 6px 20px #16092340,inset 0 1px 0 #ffffff12; transition:background .2s,border-color .2s,box-shadow .2s; }
.hero-media-controls button[aria-pressed="true"] { background:rgba(229,198,142,.18); border-color:#e5c68e; box-shadow:0 0 0 3px #e5c68e12; }
.hero-media-controls button:hover { background:rgba(69,30,99,.9); border-color:#e5c68e; }
.hero-media-controls button:focus-visible { outline:2px solid #e5c68e; outline-offset:4px; }
.hero-media-controls button:disabled { opacity:.5; cursor:default; }
.hero-media-controls svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hero-media-controls .sound-on { display:none; }
#heroSound[aria-pressed="true"] .sound-off { display:none; }
#heroSound[aria-pressed="true"] .sound-on { display:block; }
@media(max-width:760px) {
  .hero--video .hero-inner { min-height:360px; }
  .hero--video .hero-overlay { background:linear-gradient(180deg,rgba(46,17,64,.78),rgba(46,17,64,.88)); }
  .hero-media-controls { gap:8px; padding-bottom:20px; }
}
@media(prefers-reduced-motion:reduce) { .hero-media-controls button { transition:none; } }
