/* =========================
   BASE RESET + FONT SYSTEM
========================= */

body {
  margin: 0;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  background: #000;
  color: #fff;
}

/* =========================
   GENERIC GRID (optional lama)
========================= */

.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 12px;
}

@media (min-width: 600px) {
  .gallery {
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  }
}

/* ITEM */
.item {
  text-align: center;
}

/* ICON GENERIC */
.icon {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
}

.icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* LABEL GENERIC */
.label {
  font-size: 11px;
  margin-top: 6px;
}