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

       RESPONSIVE — TABLET  (≤ 1024px)
    ═══════════════════════════════════════════════════════════ */
    @media (max-width: 1024px) {
      :root {
        --section-pad-x: 2.5rem;
        --section-pad-y: 4.5rem;
        --diag-h: 45px;
      }

      .album-grid { grid-template-columns: repeat(2, 1fr); }
      /* Reset border rules for 2-col layout */
      .album-card:nth-child(3n)  { border-right: var(--border-dim); }
      .album-card:nth-child(2n)  { border-right: none; }
      .album-card:nth-last-child(-n+3) { border-bottom: var(--border-dim); }
      .album-card:nth-last-child(-n+2) { border-bottom: none; }

      /* Gallery simplifies to 6 columns */
      .gallery__grid { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 70px; }
      .gi-a { grid-column: 1/4; grid-row: 1/6; }
      .gi-b { grid-column: 4/7; grid-row: 1/4; }
      .gi-c { grid-column: 4/7; grid-row: 4/7; }
      .gi-d { grid-column: 1/4; grid-row: 6/9; }
      .gi-e { grid-column: 4/7; grid-row: 7/10; }
      .gi-f { grid-column: 1/3; grid-row: 9/12; }
      .gi-g { grid-column: 3/5; grid-row: 9/12; }
      .gi-h { grid-column: 5/7; grid-row: 10/13; }
      .gi-i { grid-column: 1/5; grid-row: 12/14; }
    }