.alp-live-hero{ position:relative; overflow:hidden; }
.alp-live-hero__eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; margin-bottom:var(--space-4); }
.alp-live-hero__eyebrow.state-live{ color:var(--state-error); }
.alp-live-hero__eyebrow.state-countdown{ color:var(--accent-interactive); }
.alp-live-hero__eyebrow.state-replay{ color:var(--text-secondary); }
.alp-live-hero__eyebrow .dot{ width:8px; height:8px; border-radius:50%; }
.alp-live-hero__eyebrow.state-live .dot{ background:var(--state-error); animation:alp-pulse 1.4s ease-in-out infinite; }
.alp-live-hero__eyebrow.state-countdown .dot{ background:var(--accent-interactive); }

.alp-live-hero__title{ font-family:var(--font-display); font-weight:600; font-size:clamp(28px,4vw,48px); line-height:1.1; margin-bottom:var(--space-3); }
.alp-live-hero__subtitle{ color:var(--text-secondary); font-size:16px; margin-bottom:var(--space-5); max-width:480px; }

.alp-countdown{ display:flex; gap:var(--space-4); margin-bottom:var(--space-6); }
.alp-countdown__unit{ text-align:center; background:var(--surface-card); border-radius:8px; padding:var(--space-3) var(--space-4); min-width:64px; box-shadow:var(--elevation-1); }
.alp-countdown__value{ font-family:var(--font-display); font-size:28px; font-weight:600; color:var(--accent-interactive); }
.alp-countdown__label{ font-size:11px; color:var(--text-secondary); text-transform:uppercase; letter-spacing:0.04em; }

.alp-replay-card{ display:flex; gap:var(--space-5); align-items:center; background:var(--surface-card); border-radius:12px; padding:var(--space-5); box-shadow:var(--elevation-1); }
.alp-replay-card__thumb{ width:160px; aspect-ratio:16/9; border-radius:8px; flex-shrink:0; background:linear-gradient(150deg,var(--media-gradient-a),var(--media-gradient-b)); position:relative; }
.alp-replay-card__thumb::after{ content:'▶'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--accent-interactive); font-size:20px; }
.alp-replay-card__meta{ font-size:13px; color:var(--text-secondary); display:flex; gap:var(--space-3); margin-top:6px; }

/* Live/highlight video embed + mute toggle */
.alp-live-hero__grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--space-7); align-items:center; }
@media (max-width:900px){ .alp-live-hero__grid{ grid-template-columns:1fr; } }
.alp-live-hero__video{
  position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden;
  background:var(--surface-elevated); box-shadow:var(--elevation-2);
}
.alp-live-hero__video iframe{ width:100%; height:100%; border:none; display:block; }
.alp-live-hero__mute-toggle{
  position:absolute; bottom:14px; right:14px; width:40px; height:40px; border-radius:50%;
  background:rgba(10,10,10,0.7); backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.2);
  color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:transform var(--duration-fast) ease-out;
}
.alp-live-hero__mute-toggle:hover{ transform:scale(1.08); }
.alp-live-hero__mute-toggle svg{ width:18px; height:18px; }