/* Official mascot artwork, alongside the live photography. */
:root{--accent:#ffb511}
.hero{align-items:center}
.hero .hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;padding:72px 0}
.hero-copy{min-width:0}
.hero .hero-copy h1{font-size:clamp(3.5rem,7.2vw,7rem)}
.hero-mascot{width:100%;max-width:540px;height:auto;justify-self:center;filter:drop-shadow(0 18px 32px #0009)}
.hero:after{background:linear-gradient(90deg,#080a0ce8,#080a0c60),linear-gradient(0deg,#101010,transparent 75%)}
.site-footer .mascot-signature img{width:126px;height:auto;max-width:none}
.song-page .site-footer .brand.mascot-signature img{width:126px;height:auto}
.site-footer .footer-top{gap:40px}
@media(max-width:1050px) and (min-width:761px){
  .hero .hero-inner{gap:20px}
  .hero .hero-copy h1{font-size:clamp(3rem,7vw,5rem)}
}
@media(max-width:760px){
  .hero{min-height:0}
  .hero .hero-inner{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}
  .hero-mascot{grid-row:1;width:min(65vw,290px)}
  .hero-copy{text-align:center}
  .hero .hero-copy h1{font-size:clamp(3.2rem,13vw,5.5rem)}
  .hero-copy .eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:16px}
  .hero-copy .intro{margin-left:auto;margin-right:auto}
  .hero-copy .hero-actions{justify-content:center}
  .hero-copy .hero-note{margin-bottom:0}
  .site-footer .footer-top{align-items:center;text-align:center;gap:26px}
  .site-footer .socials{justify-content:center}
}