/* Full-bleed awards-night hero. Original site.css tokens remain unchanged. */
.awards-top,.hero-vibrant{--awards-night:#121A33;--awards-light:#F6F7FA;--awards-gold:#C9A54A}
.awards-top{background:var(--awards-night);border-bottom:1px solid color-mix(in srgb,var(--awards-gold) 35%,transparent);color:var(--awards-light);backdrop-filter:none}
.awards-top .brand small{color:var(--awards-gold)}
.awards-top .nav a{color:color-mix(in srgb,var(--awards-light) 85%,transparent)}
.awards-top .nav a:hover{color:var(--awards-gold)}
.awards-top .nav a:last-child{color:var(--awards-gold);border-bottom:1px solid var(--awards-gold);padding-bottom:.2rem}
.hero.hero-vibrant{isolation:isolate;overflow:hidden;position:relative;background:var(--awards-night);color:var(--awards-light);padding-block:clamp(4rem,7vw,6rem) 2.6rem;border-bottom:2px solid var(--awards-gold)}
.hero-vibrant .grid{display:block}
.hero-vibrant .copy{position:relative;z-index:2;max-width:42rem;gap:1.3rem}
.hero-vibrant .hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;padding:0;margin:0;border:0;background:var(--awards-night)}
.hero-vibrant .hero-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero-vibrant::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--awards-night) 82%,transparent) 0%,color-mix(in srgb,var(--awards-night) 50%,transparent) 38%,transparent 73%),linear-gradient(0deg,color-mix(in srgb,var(--awards-night) 85%,transparent),transparent 40%)}
.hero-vibrant .mark{justify-self:start;color:var(--awards-gold);border-color:var(--awards-gold);font-size:.7rem;background:color-mix(in srgb,var(--awards-night) 25%,transparent)}
.hero-vibrant .mark span{border-color:var(--awards-gold);padding:.5rem .7rem}
.hero-vibrant .hero-kicker{font:500 .75rem/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--awards-gold);margin-top:.5rem}
.hero-vibrant h1{font-size:clamp(3.5rem,7.1vw,6rem);font-weight:500;line-height:1.02;letter-spacing:-.025em;text-wrap:initial;text-shadow:0 2px 25px color-mix(in srgb,var(--awards-night) 30%,transparent)}
.hero-vibrant h1 em{color:var(--awards-gold);font-weight:500}
.hero-vibrant .lede{font-size:1.08rem;line-height:1.8;max-width:31rem;color:color-mix(in srgb,var(--awards-light) 90%,transparent)}
.hero-vibrant .ctas{margin-top:.5rem;gap:1rem}
.hero-vibrant .btn{background:linear-gradient(125deg,var(--awards-gold),var(--gilt));color:var(--awards-night);border-color:var(--awards-gold);padding:1.05rem 1.45rem;font-size:.83rem;min-height:3rem;justify-content:center;gap:1rem}
.hero-vibrant .btn:hover{background:var(--awards-light);border-color:var(--awards-light)}
.hero-vibrant .btn.ghost{background:color-mix(in srgb,var(--awards-night) 30%,transparent);border-color:color-mix(in srgb,var(--awards-light) 60%,transparent);color:var(--awards-light)}
.hero-vibrant .btn.ghost:hover{background:var(--awards-light);color:var(--awards-night)}
.hero-vibrant .facts{border-color:color-mix(in srgb,var(--awards-gold) 45%,transparent);margin-top:2.5rem;gap:.5rem 2.4rem;max-width:39rem}
.hero-vibrant .facts dt{color:var(--awards-gold)}
.hero-vibrant .facts dd{font-size:1.2rem;color:var(--awards-light)}
.hero-vibrant .hero-art figcaption{position:absolute;right:1.5rem;bottom:1rem;padding:0;color:color-mix(in srgb,var(--awards-light) 75%,transparent);font:400 .625rem/1.5 var(--mono);letter-spacing:.06em;text-transform:none}
@media(max-width:900px){
  .hero-vibrant .copy{max-width:36rem}
  .hero-vibrant .hero-art img{object-position:64% center}
  .hero-vibrant::after{background:linear-gradient(90deg,color-mix(in srgb,var(--awards-night) 88%,transparent),color-mix(in srgb,var(--awards-night) 50%,transparent) 65%,color-mix(in srgb,var(--awards-night) 18%,transparent)),linear-gradient(0deg,var(--awards-night),transparent 60%)}
}
@media(max-width:560px){
  .hero.hero-vibrant{padding-top:3rem;padding-bottom:2.6rem}
  .hero-vibrant h1{font-size:clamp(2.7rem,10vw,3.9rem)}
  .hero-vibrant .copy{gap:1.1rem}
  .hero-vibrant .hero-kicker{font-size:.65rem;letter-spacing:.13em}
  .hero-vibrant .lede{font-size:1rem;line-height:1.7}
  .hero-vibrant .ctas{gap:.7rem}
  .hero-vibrant .btn{font-size:.76rem;padding:.9rem 1rem}
  .hero-vibrant .facts{grid-template-columns:1fr 1fr;gap:.8rem 1.1rem;margin-top:1.5rem}
  .hero-vibrant .facts dd{font-size:1.08rem}
  .hero-vibrant .hero-art figcaption{right:1rem;bottom:.6rem;font-size:.58rem}
}
