/* =====================================
   LUCUBRARE — RESPONSIVE
===================================== */


/* =====================================
   GALLERY — TABLET
===================================== */

@media (max-width: 900px) {

  .wallpaper-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .wallpaper-placeholder,
  .wallpaper-placeholder:nth-child(n) {
    grid-column: auto;

    min-height: 0;

    aspect-ratio: 16 / 9;
  }

}


/* =====================================
   GALLERY — MOBILE
===================================== */

@media (max-width: 620px) {

  .gallery-heading {
    align-items: flex-start;

    gap: 24px;
  }

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

  .wallpaper-placeholder,
  .wallpaper-placeholder:nth-child(n) {
    grid-column: 1;

    min-height: 0;

    aspect-ratio: 16 / 9;
  }

}