/* Native reference: TRNRReliefControlButtonStyle, TRNRControl.swift:303.
   Return / Music / Info controls, expanded for a label; exact programme colour, no tint mixing.
   Hero only: view selectors remain unchanged. */
.hero .hero-discovery{--discovery-accent:#c6a052;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:220px;max-width:100%;min-height:56px;padding:17px 30px;border:0;border-radius:14px;background:var(--discovery-accent);color:#171c22;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:15px;font-weight:900;font-style:italic;letter-spacing:-.5px;line-height:1.3;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #00000040,0 4px 4px #0000003d;transition:transform 160ms ease-out;transform:none}
.hero .hero-discovery[data-discovery=alpha]{--discovery-accent:#ede6d6}
.hero .hero-discovery[data-discovery=street]{--discovery-accent:#56ccf2}
@media(hover:hover) and (pointer:fine){.hero .hero-discovery:hover{background:var(--discovery-accent);color:#171c22}}
.hero .hero-discovery:active{transform:scale(.98);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #00000040,0 3px 3px #0000003d}
.hero .hero-discovery:focus-visible{outline:2px solid var(--discovery-accent);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.hero .hero-discovery{transition:none}.hero .hero-discovery:active{transform:none}}

.hero .hero-discovery[data-discovery=pmt]{--discovery-accent:#e05a47}
.hero .hero-discovery[data-discovery=tabata]{--discovery-accent:#9b51e0}
.hero .hero-discovery[data-discovery=circuit]{--discovery-accent:#48d68b}

/* Two independent groups keep long introductions from separating the logo and tagline. */
.hero{min-height:520px}
.hero .hero-copy{align-items:center}
.hero-heading,.hero-details{min-width:0}
.hero-heading>img{display:block}
.hero .hero-details>p{max-width:38ch;margin:0;font-size:clamp(20px,1.75vw,24px);line-height:1.55}
.hero .hero-details>.hero-discovery{margin-top:24px}
.hero:has(.prime-word) .hero-details>p strong{font-weight:400;color:var(--gold)}
@media(max-width:650px){
  .hero{min-height:0}
  .hero .hero-copy{display:block}
  .hero-details{margin-top:26px}
  .hero .hero-details>p{font-size:18px;line-height:1.6;max-width:none}
}