/* website/css/anthem-lightbox.css
   Shared across index.html, get.html, download.html. Self-contained. */

/* Fullscreen theater */
.anthem-lb{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.94);
  padding:clamp(12px,3vw,40px);
  animation:anthem-lb-fade .28s ease both;
}
.anthem-lb__video{
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  border-radius:10px;
  box-shadow:0 30px 120px rgba(0,0,0,.7);
  background:#000;
}
.anthem-lb__close{
  position:absolute; top:18px; right:20px;
  width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(20,20,20,.6); color:#fff;
  font-size:20px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.anthem-lb__close:hover{ background:rgba(40,40,40,.8); }
body.anthem-lb-open{ overflow:hidden; }
@keyframes anthem-lb-fade{ from{opacity:0} to{opacity:1} }

/* Hero TV play affordance (index hero, sits over .tv-bezel) */
.anthem-play{
  position:absolute; left:50%; bottom:14%;
  transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 16px 9px 13px; border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(10,10,10,.42); color:#fff;
  font:600 13px/1 Inter,system-ui,sans-serif; letter-spacing:.01em;
  cursor:pointer; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 6px 24px rgba(0,0,0,.35), 0 0 22px rgba(245,166,35,.20);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.anthem-play:hover{
  transform:translateX(-50%) scale(1.05);
  background:rgba(20,20,20,.6);
  box-shadow:0 8px 28px rgba(0,0,0,.45), 0 0 30px rgba(245,166,35,.35);
}
.anthem-play__icon{ font-size:11px; }

/* Standalone text CTA for get.html / download.html (design-system-independent) */
.anthem-cta{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:12px; padding:11px 20px; border-radius:999px;
  border:1px solid rgba(245,166,35,.45);
  background:rgba(245,166,35,.08); color:#f5a623;
  font:600 14px/1 Inter,system-ui,sans-serif; text-decoration:none;
  cursor:pointer; transition:background .2s ease, transform .2s ease;
}
.anthem-cta:hover{ background:rgba(245,166,35,.16); transform:translateY(-1px); }
.anthem-cta__icon{ font-size:11px; }

@media (prefers-reduced-motion: reduce){
  .anthem-lb{ animation:none; }
  .anthem-play, .anthem-cta{ transition:none; }
}