/* ═══════════════════════════════════════════════════════════

       RESPONSIVE — MOBILE  (≤ 768px)
       All multi-column layouts collapse to single column.
       Sidebar title is hidden; hero title displays normally.
    ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  :root {
    --section-pad-x: 1.25rem;
    --section-pad-y: 3.5rem;
    --diag-h: 35px;
  }

  body {
    font-size: 13px;
  }

  /* ── Nav: hide links, show hamburger ── */
  .nav {
    padding: 0 1.25rem;
  }

  .nav__links,
  .nav__cta {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* ── Mobile menu becomes flex ── */
  .nav__mobile-menu {
    display: flex;
  }



  /* Hero: title takes full width, no band image */
  #hero {
    min-height: 100svh;
  }

  .hero__content {
    padding: calc(var(--nav-height) + 2rem) 1.25rem 2rem;
  }





  .hero__ctas {
    gap: .75rem;
  }

  .btn {
    font-size: .82rem;
    padding: .65rem 1.3rem;
  }

  /* ── About: single column ── */
  .about__grid {
    grid-template-columns: 1fr;
    padding: 0 var(--section-pad-x);
  }

  .about__left {
    padding-right: 0;
    border-right: none;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 3rem;
  }

  .about__right {
    padding-left: 0;
  }

  /* ── Discography: single column ── */
  .disco__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.3rem;
  }

  .album-grid {
    grid-template-columns: 1fr;
  }

  .album-card {
    border-right: none !important;
  }

  .album-card {
    border-bottom: var(--border-dim) !important;
  }

  .album-card:last-child {
    border-bottom: none !important;
  }

  /* ── Tour: layout managed in 11-tour-section.css ── */
  /* Header collapses to single column at 768px */
  .tour__header {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  /* ── Interlude ── */
  .interlude {
    height: auto;
    min-height: 40vh;
    padding: calc(3rem + var(--diag-h)) var(--section-pad-x);
  }



  /* ── Gallery: 2-column mobile grid ── */
  .gallery__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 120px;
    gap: 2px;
  }

  .gi-a,
  .gi-b,
  .gi-c,
  .gi-d,
  .gi-e,
  .gi-f,
  .gi-g,
  .gi-h,
  .gi-i {
    grid-column: span 1;
    grid-row: span 1;
  }

  .gi-a,
  .gi-h {
    grid-column: span 2;
    grid-row: span 2;
  }

  /* ── Listen: single column ── */
  .listen__inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  /* ── Contact: single column ── */
  .contact__inner {
    grid-template-columns: 1fr;
  }

  .contact__left {
    border-right: none;
    border-bottom: var(--border-dim);
    padding: 2.5rem var(--section-pad-x);
  }

  .contact__right {
    padding: 2.5rem var(--section-pad-x);
  }

  /* ── Footer: stacked ── */
  .site-footer {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    text-align: center;
    padding: 2rem var(--section-pad-x);
  }

  .site-footer__logo {
    justify-content: center;
  }

  .site-footer__copy {
    text-align: center;
  }

  .site-footer__social {
    justify-content: center;
  }

  .site-footer__nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}