/* Approved cool stadium-light hero. Typography remains in site.css. */
.hero{background:#070c12;color:#fbfaf6}
.hero-shell{min-height:clamp(660px,56.25vw,920px)}
.hero-copy{width:54%;max-width:660px}
.hero h1 em{color:#e3c485}
.hero .eyebrow{color:#e3c485;margin-bottom:24px}
.hero-lede{color:#c9ced6}
.hero-note{color:#aeb7c4}
.hero-art::after{background:linear-gradient(90deg,#070c1238 0%,#070c1218 38%,transparent 57%)}
.hero .button{background:#e8b24c;color:#0b1220;border-color:#e8b24c}
.hero .button:hover{background:#f2c36a;border-color:#f2c36a}
.hero .text-link{color:#f4f0e6}
.hero .text-link:hover{color:#e3c485}
.hero a:focus-visible{outline-color:#f2c36a}
@media(max-width:1050px){.hero-copy{width:52%}}
@media(max-width:1000px){
  .hero-shell{min-height:0;padding-block:40px 0}
  .hero-copy{width:100%;max-width:660px}
  .hero-art{margin-top:12px;height:clamp(460px,72vw,640px)}
  .hero-art::after{background:linear-gradient(to bottom,#070c12,transparent 64px)}
  .hero-scene{object-position:right center}
}
@media(max-width:540px){
  .hero-shell{padding-top:32px}
  .hero .eyebrow{font-size:.75rem;letter-spacing:.1em;margin-bottom:20px}
  .hero-art{height:125vw;min-height:430px;margin-top:4px}
  .hero-scene{object-position:84% center}
  .hero-art::after{background:linear-gradient(to bottom,#070c12,transparent 48px)}
}