/* Mobile spacing only. Preserve the clear portrait and all existing content. */
@media screen and (max-width: 760px) {
  .alex-music-shell header {
    gap: 8px;
    margin: 8px 4% 12px;
    padding: 10px;
    border-radius: 14px;
  }
  .alex-music-shell header .brand { gap: 8px; }
  .alex-music-shell header .brand > span { padding-left: 8px; }
  .alex-music-shell header .menu-toggle,
  .alex-music-shell header .motion-control,
  .alex-music-shell header .music-language button {
    min-height: 44px;
    padding: 8px 10px;
  }
  .alex-music-shell header nav { padding-top: 8px; gap: 4px; }
  .alex-music-shell .hero-content { padding: 20px 7% 24px; }
  .alex-music-shell .hero .eyebrow { margin-bottom: 18px; }
  .alex-music-shell .hero h1 {
    font-size: clamp(46px, 9.5vw, 66px);
    margin-bottom: 20px;
  }
  html[lang=es] .alex-music-shell .hero h1 {
    font-size: clamp(41px, 9vw, 62px);
  }
  .alex-music-shell .hero-name { margin-bottom: 8px; }
  .alex-music-shell .hero-role { margin-bottom: 22px; }
  .alex-music-shell .hero-paths { margin-top: 18px; }
  .alex-music-shell .hero-bottom {
    margin-bottom: 16px;
    padding-top: 14px;
    gap: 10px;
  }
}