/* Mobile-only refinements. Desktop rules and artwork remain untouched. */
@media (max-width: 740px) {
  .hero { height: auto; min-height: 0; overflow: hidden; background: #000; }
  .hero .stage { height: calc(210px + min(84.5vw, 442px)); min-height: 0; max-height: none; padding: 0; aspect-ratio: auto; overflow: hidden; }
  /* Use the approved N pixels with a silhouette clip, excluding the smoke
     baked into the full scene as well as the animated smoke overlay. */
  .hero .ambient {
    inset: auto; left: 50%; top: 110px; width: min(210vw, 1100px);
    height: auto; aspect-ratio: 1611 / 976; transform: translateX(-50%);
    background-size: 100% 100%; background-position: center; opacity: 1; filter: none;
    mask-image: none; -webkit-mask-image: none;
    clip-path: polygon(35.05% 20.2%,49.85% 20.2%,58.25% 47.5%,58.25% 30.5%,55.15% 30.5%,55.15% 20.2%,64.6% 20.2%,64.6% 66.4%,50.75% 66.4%,41.8% 37.8%,41.8% 56.1%,45.2% 56.1%,45.2% 66.4%,35.05% 66.4%);
  }
  .hero .hero-smoke { display: none; }
  .hero .hero-actions { top: auto; bottom: 30px; }
  .hero .hero-actions .button { height: 32px; }
  .sound { padding-top: 56px; background: #000; }
  .sound::before { display: none; }
  .story .agenda-title, .sound-collection h3 {
    font-family: Arial, Helvetica, sans-serif; font-size: clamp(34px, 10.5vw, 70px);
    font-weight: 900; line-height: 1.06; letter-spacing: .01em; text-transform: uppercase;
  }
  .sound-collection summary, .sound-collection[open] summary, .sound-collection summary:hover { color: var(--paper); }
  .social-section .social-group, .social-section .social-link, .social-section .social-link:hover {
    background: transparent; background-image: none; box-shadow: none; border-radius: 0;
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
  .social-section .social-group { padding-inline: 0; }
}