/* Responsive overrides */

/* Medium screens */
@media (max-width: 768px) {
  .artist-grid, .release-grid {
    gap: 24px;
  }
  .carousel {
    width: 300px !important;
    height: 300px !important;
  }
  .carousel__cell {
    width: 250px !important;
    height: 250px !important;
    margin-left: -125px !important;
    margin-top: -125px !important;
  }
}

/* Small screens */
@media (max-width: 480px) {
  .artist-grid, .release-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .hero-socials {
    display: none;
  }
}