/* Give the station artwork and the content room in the viewport. */
.site-header{position:relative}
.hero{min-height:0;align-items:start;gap:clamp(22px,3vw,40px);padding:clamp(26px,4vw,48px)}
.hero h1{font-size:clamp(2.9rem,5.3vw,5.4rem);line-height:.94}
.hero-station-copy{font-size:1rem}
.hero .listener-stats{grid-column:1/-1;justify-self:end;margin:0}
.section{padding:clamp(52px,6vw,76px) 0}
.team-intro{padding-top:54px}
.twitch-feed{height:auto;aspect-ratio:16/9}
.social-live-chat{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#0d1118}
.social-live-chat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.social-live-chat-heading strong{color:#fff;font-size:1rem}
.social-live-chat-heading span{color:var(--muted);font-size:.78rem}
.social-live-chat-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.social-chat-link{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:9px 11px;border:1px solid #383e4a;border-radius:11px;background:#151923;color:#fff;text-decoration:none;transition:border-color .2s,background .2s}
.social-chat-link:hover,.social-chat-link:focus-visible{border-color:#abb4c5;background:#1b2330}
.social-chat-link>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}
.social-chat-link strong{font-size:.88rem;line-height:1.2}
.social-chat-link small{overflow:hidden;color:#b7beca;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.social-chat-link b{font-size:1.15rem;font-weight:500}
.social-chat-icon{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:9px;background:#ab437e;color:#fff;font-size:.9rem;font-weight:900}
.social-chat-facebook .social-chat-icon{background:#2854a5;font-size:1.35rem}
.social-chat-twitch .social-chat-icon{background:#7440b4}
.social-chat-youtube .social-chat-icon{background:#d52631;font-size:1rem}
.social-chat-link small{font-size:.76rem}
.hero-sponsor-ad{display:flex;flex-direction:column;justify-content:center;min-height:225px;padding:26px clamp(20px,3vw,34px);overflow:hidden;border:1px solid #78343b;border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(230,46,55,.25),transparent 55%),linear-gradient(120deg,#11131a,#251317 80%,#15171c);color:#fff;text-decoration:none;box-shadow:0 18px 38px rgba(0,0,0,.28)}
.hero-sponsor-ad:hover,.hero-sponsor-ad:focus-visible{border-color:#e34a53}
.hero-sponsor-kicker{color:#f4aeb2;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-sponsor-ad>strong{margin:13px 0 8px;font-size:clamp(2rem,4vw,3.5rem);font-weight:950;line-height:.94;letter-spacing:-.05em}
.hero-sponsor-detail{color:#d5c7ca;font-size:.82rem;line-height:1.5}
.hero-sponsor-detail i{color:#eb515a;font-style:normal}
.hero-sponsor-cta{align-self:flex-start;margin-top:18px;padding:9px 13px;border-radius:8px;background:#d52c36;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.hero-sponsor-cta b{margin-left:8px}
.listener-stats>div{min-width:164px;padding:10px 16px 12px;border-color:#663238;background:linear-gradient(155deg,#140d10,#080b10);box-shadow:inset 0 0 16px rgba(240,49,57,.1),0 0 16px rgba(240,49,57,.08);text-align:right}
.listener-stats span{color:#ff4e56;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.12em;text-shadow:0 0 12px rgba(255,49,62,.72)}
.listener-stats small{color:#f0b0b4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.13em}
.social-chat-link:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.twitch-ad-banner{position:relative;isolation:isolate;display:grid;place-items:center;height:100px;min-height:100px;padding:15px 18px;overflow:hidden;border:1px solid rgba(255,66,72,.7);border-radius:14px;background:radial-gradient(circle at 20% 50%,rgba(220,34,40,.35),transparent 44%),radial-gradient(circle at 85% 50%,rgba(138,170,58,.18),transparent 42%),linear-gradient(105deg,#080b10,#18202a 52%,#080b10);text-align:center;transform:none}
.twitch-ad-banner::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.65;background:repeating-linear-gradient(120deg,transparent 0 35px,rgba(255,255,255,.035) 35px 37px);pointer-events:none}
.twitch-ad-banner::after{content:"";position:absolute;inset:auto 16px 12px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--red2),var(--green),var(--red2));box-shadow:0 0 15px rgba(255,66,72,.35);pointer-events:none}
.twitch-ad-banner strong{display:block;width:max-content;max-width:none;color:#fff;font-size:20px;font-weight:950;line-height:1.15;letter-spacing:-.015em;text-shadow:0 2px 12px #000;white-space:nowrap;text-transform:uppercase}
.twitch-ad-banner:hover{transform:none;border-color:rgba(255,66,72,.7)}
.promo-host img,.promo-social img[src$="youtubead.png"],.promo-social img[src$="facebookad.png"],.promo-instagram img,.promo-twitch img{object-fit:fill}
.rotating-ad-banner img[hidden]{display:none}
.radio-play:focus-visible,.nav-toggle:focus-visible,.main-nav a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .twitch-column{display:contents}
  .twitch-column>.radio-player{grid-row:1;margin:0}
  .hero-copy{grid-row:2}
  .twitch-column>.hero-sponsor-ad{grid-row:3}
  .twitch-column>.social-live-chat{grid-row:4;margin:0}
  .twitch-column>.twitch-ad-banner{grid-row:5;margin:0}
  .hero .listener-stats{grid-row:6}
}
@media(max-width:720px){
  .site-header{min-height:190px}
  .site-header::before{height:190px}
  .brand{width:min(310px,100%);height:122px}
  .main-nav{top:191px}
  .hero{padding:24px 18px;gap:22px}
  .hero h1{font-size:clamp(2.55rem,11vw,3.8rem)}
  .social-live-chat-heading{display:block}
  .social-live-chat-heading span{display:block;margin-top:4px}
  .social-live-chat-links{grid-template-columns:1fr}
  .portal-shell{padding-top:42px}
}