:root {
  --lux-line: rgba(255, 255, 255, .14);
  --lux-shadow: 0 24px 80px rgba(7, 8, 6, .18);
}

.site-header {
  position: sticky;
  top: 0;
  background: rgba(201, 201, 199, .96);
  box-shadow: 0 1px 0 rgba(23, 25, 19, .1);
}
.admin-bar .site-header { top: 32px; }
.brand-logo { width: auto !important; height: 46px !important; max-width: min(240px, 38vw) !important; object-fit: contain; }
.primary-nav a { font-size: 12px; letter-spacing: .13em; }
.listen-button, .pill-button { border-radius: 7px; letter-spacing: .02em; }

.wam-video-hero {
  min-height: clamp(500px, calc(100svh - 84px), 920px);
  max-height: 920px;
  aspect-ratio: 16 / 9;
  border-bottom: 1px solid rgba(255,255,255,.12);
  box-shadow: var(--lux-shadow);
}
.wam-video-hero:after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, transparent, #000 42%, #000);
}
.wam-video-hero__shade { background: linear-gradient(90deg, rgba(7,8,6,.88) 0%, rgba(7,8,6,.62) 42%, rgba(7,8,6,.16) 78%, rgba(7,8,6,.32) 100%); }
.wam-video-hero__content { bottom: clamp(38px, 6vw, 96px); }
.wam-video-hero__content .eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.wam-video-hero__content .eyebrow:before { content: ""; width: 30px; height: 2px; background: var(--accent); }
.wam-video-hero__content h1 { font-weight: 700; letter-spacing: -.075em; text-shadow: 0 12px 40px rgba(0,0,0,.25); }
.wam-video-hero__content p { color: rgba(255,255,255,.78); }
.wam-hero-edit { position: absolute; z-index: 4; right: var(--pad); bottom: 28px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 7px; color: #fff; background: rgba(8,9,7,.5); font-size: 11px; font-weight: 700; text-decoration: none; backdrop-filter: blur(12px); }

.broadcast-band { border-top: 1px solid rgba(255,255,255,.12); }
.broadcast-band > div { padding-top: 17px; padding-bottom: 17px; }
.homepage-section .section-title { font-weight: 650; letter-spacing: -.055em; }
.latest-grid .story-card { border-top: 1px solid var(--line); padding-top: 10px; }
.latest-grid .story-media { box-shadow: 0 18px 45px rgba(23,25,19,.1); }
.latest-grid .story-card:nth-child(3n+2) { transform: translateY(24px); }
.watch-section { background: radial-gradient(circle at 100% 0, rgba(199,255,61,.08), transparent 28%), var(--ink); }
.radio-dock { border-top: 1px solid rgba(199,255,61,.24); box-shadow: 0 -16px 50px rgba(0,0,0,.24); }

.wam-logo-preview { display: grid; place-items: center; min-height: 120px; margin-top: 14px; padding: 18px; border-radius: 10px; background: #171913; }
.wam-logo-preview img { max-width: min(320px, 100%); max-height: 78px; object-fit: contain; }

@media (max-width: 980px) {
  .admin-bar .site-header { top: 46px; }
  .brand-logo { height: 40px !important; max-width: 180px !important; }
  .wam-video-hero { min-height: clamp(460px, 72svh, 720px); }
}

@media (max-width: 767px) {
  .wam-video-hero { min-height: 460px; aspect-ratio: auto; }
  .wam-video-hero__content { left: 20px; bottom: 28px; width: calc(100% - 40px); }
  .wam-video-hero__content .eyebrow { display: inline-flex; }
  .wam-video-hero__content p { display: block; max-width: 32ch; font-size: 14px; }
  .wam-video-hero__content h1 { font-size: clamp(44px, 13vw, 72px); }
  .wam-hero-edit { right: 12px; top: 12px; bottom: auto; }
  .latest-grid .story-card:nth-child(3n+2) { transform: none; }
}

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .latest-grid .story-card:nth-child(3n+2) { transform: none; }
}