/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  height: 100%;
  background: black;
  color: white;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Grille archives renommée pour éviter conflit */
.archives-grid {
  display: grid;
  gap: 12px;
  padding: 20px 10px 60px;
  grid-template-columns: repeat(2, 1fr);
}

.archives-grid .card {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.archives-grid img,
.archives-grid video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (min-width: 1024px) {
  .archives-grid { grid-template-columns: repeat(4, 1fr); }
}