/* ==========================================================================
   Discography Section
   ========================================================================== */

.discography {
  padding-block: var(--space-3xl);
  overflow: clip; /* prevent vinyl discs from causing horizontal scrollbar */
}

.album-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 6rem; /* room for vinyl slide-out on hover — disc must fit within gap */
  row-gap: var(--space-xl);
}

@media (max-width: 1024px) {
  .album-grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem;
  }
}

@media (max-width: 768px) {
  .album-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-xl); /* 3rem */
  }
}

@media (max-width: 480px) {
  .album-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--space-lg);
    row-gap: var(--space-lg);
  }
}