.hero__art{animation:none;background-image:url('../img/landing/ark-hero-v4-loop-poster.jpg')}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:0;pointer-events:none;transition:opacity .5s ease}
.hero__video.is-ready{opacity:1}
.preview-card__footer{display:flex;align-items:center;justify-content:center;gap:7px}
.preview-card__broadcast{flex:none;color:var(--green);font-size:18px;line-height:1}
@media(min-width:1151px){.hero__preview{width:440px;padding:22px}.preview-card__track img{width:72px;height:72px}.preview-card__footer{white-space:nowrap}}
@media(min-width:851px) and (max-width:1150px){.hero__preview{width:330px}}
@media(min-width:851px){.hero__shade{background:linear-gradient(270deg,rgba(10,7,23,.46) 0%,rgba(10,7,23,.3) 23%,rgba(10,7,23,.08) 42%,transparent 56%),linear-gradient(90deg,rgba(7,6,19,.98) 0%,rgba(7,6,19,.93) 23%,rgba(7,6,19,.72) 46%,rgba(7,6,19,.26) 65%,rgba(7,6,19,.05) 80%,rgba(7,6,19,.16) 100%),linear-gradient(0deg,rgba(11,9,20,.96) 0%,rgba(11,9,20,.35) 23%,transparent 45%,transparent 77%,rgba(7,5,17,.24) 100%)}}
.hero__verse{text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 32px rgba(0,0,0,.65)}
.kids-section__art{inset:0 auto auto 0;width:auto;height:135%;aspect-ratio:71/40;background:#0b0914 url('../img/landing/kids-static-v8.jpg?v=20261023') left center/cover no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.85) 77%,rgba(0,0,0,.35) 90%,transparent 100%)}
.kids-section__shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 26%,rgba(11,9,20,.12) 38%,rgba(11,9,20,.58) 49%,rgba(11,9,20,.94) 58%,#0b0914 68%),linear-gradient(0deg,rgba(11,9,20,.56),transparent 22%)}
.kids-section__inner{z-index:2}

@media(prefers-reduced-motion:no-preference){
  .motion-ready .hero__copy>*{animation:hero-enter .85s both;animation-timing-function:cubic-bezier(.18,.7,.2,1)}
  .motion-ready .hero__copy>*:nth-child(2){animation-delay:.1s}
  .motion-ready .hero__copy>*:nth-child(3){animation-delay:.2s}
  .motion-ready .hero__copy>*:nth-child(4){animation-delay:.28s}
  .motion-ready .hero__copy>*:nth-child(5){animation-delay:.36s}
  .motion-ready .hero__copy>*:nth-child(6){animation-delay:.45s}
  .motion-ready .hero__preview{animation:hero-enter .9s .48s both;animation-timing-function:cubic-bezier(.18,.7,.2,1)}
  .motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
  .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
  .motion-ready .station-card.reveal.is-visible:hover,.motion-ready .station-card.reveal.is-visible:focus-visible{transform:translateY(-8px)}
  .venue-art:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 22% 24% at 73% 26%,rgba(154,91,255,.12),transparent 85%);pointer-events:none;animation:venue-glow 4s ease-in-out infinite}
}
@keyframes hero-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes venue-glow{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:850px){.kids-section__shade{background:linear-gradient(90deg,rgba(11,9,20,.18),rgba(11,9,20,.76) 42%,#0b0914 100%),linear-gradient(0deg,rgba(11,9,20,.6),transparent 28%)}}
@media(max-width:600px){.kids-section__art{inset:0 0 auto;width:100%;height:72%;aspect-ratio:auto;mask-image:linear-gradient(0deg,transparent 0%,rgba(0,0,0,.65) 26%,#000 58%);background-position:45% center;background-size:cover}.kids-section__shade{background:linear-gradient(0deg,#0b0914 0%,rgba(11,9,20,.94) 29%,rgba(11,9,20,.08) 73%),linear-gradient(90deg,rgba(11,9,20,.2),transparent)}}
@media(max-width:850px){.hero__video{object-position:59% center}}
@media(max-width:600px){.hero__video{object-position:61% center}.hero__shade{background:linear-gradient(180deg,rgba(8,6,20,.76),rgba(8,6,20,.86) 46%,#0b0914 100%),linear-gradient(90deg,rgba(8,6,20,.55),transparent)}}
@media(prefers-reduced-motion:reduce){.hero__video{display:none}.motion-ready .reveal{opacity:1!important;transform:none!important}.venue-art:before{display:none}}

/* Let the mobile hero grow with its copy so the player has its own space. */
@media(max-width:850px){
  .hero,.hero__inner{min-height:0}
  .hero__inner{display:block;padding-top:150px;padding-bottom:78px}
  .hero__preview{position:relative;inset:auto;width:min(100%,380px);max-width:none;margin:38px auto 0}
}
@media(max-width:600px){
  .hero__inner{padding-top:122px;padding-bottom:72px}
  .hero__preview{margin-top:36px}
  .guide-cta__inner{display:block;padding:64px 0;text-align:center}
  .guide-cta .button{margin-top:24px}

  /* Keep the scene visible, with the copy on its own dark surface. */
  .mission-section{display:block;min-height:0;padding:0;background:#0b0914}
  .mission-section__art{position:relative;inset:auto;height:290px;background-image:url('../img/landing/mission-valley.jpg');background-position:85% center;background-size:cover}
  .mission-section__art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#0b0914,transparent)}
  .mission-section__inner{padding-top:8px;padding-bottom:72px}
  .mission-section__actions{gap:12px}

  .scripture-display{display:block;min-height:0;max-width:none}
  .scripture-display__art{display:none}
  .scripture-display__verse{min-height:0;margin:0;padding:27px 25px}
  .scripture-display__verse .eyebrow{font-size:.68rem}
  .scripture-display__verse blockquote{font-size:1rem;line-height:1.6}
  .scripture-display__verse .inline-link{margin-top:22px}
}

/* The whole stack opens on scroll; every card responds to desktop hover. */
.discover-art__card--one{--rest:translateY(-50%) rotate(-13deg) scale(.8)}
.discover-art__card--two{--rest:translateY(-50%) rotate(-7deg) scale(.91)}
.discover-art__card--three{--rest:translateY(-50%)}
.discover-art__card--four{--rest:translateY(-50%) rotate(9deg) scale(.89)}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .discover-art.reveal.is-visible .discover-art__card{animation:discover-fan-in .85s cubic-bezier(.2,.7,.2,1) backwards}
  .motion-ready .discover-art.reveal.is-visible .discover-art__card--two{animation-delay:.12s}
  .motion-ready .discover-art.reveal.is-visible .discover-art__card--three{animation-delay:.24s}
  .motion-ready .discover-art.reveal.is-visible .discover-art__card--four{animation-delay:.36s}
}
@keyframes discover-fan-in{from{opacity:0;transform:translateY(-45%) rotate(0deg) scale(.72)}to{opacity:1;transform:var(--rest)}}
@media(hover:hover){
  .discover-art:hover .discover-art__card--two{transform:translate(-5px,-50%) rotate(-10deg) scale(.93)}
  .discover-art:hover .discover-art__card--three{transform:translateY(calc(-50% - 12px)) scale(1.04)}
}
@media(max-width:360px){
  .site-header__inner{gap:8px}
  .site-header .brand img{height:25px}
  .header-actions{gap:6px}
  .header-actions .button{padding:0 8px;font-size:.7rem}
  .header-actions .button span{display:none}
}