/* collection-card.desktop.css — grille asymétrique (>=1024px) : la première collection déborde sur deux colonnes/lignes. */
.collection-grid{
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(220px, auto);
  gap: var(--space-4);
}
.collection-card{ aspect-ratio: auto; height: 100%; }
.collection-grid > :first-child{
  grid-column: span 2;
  grid-row: span 2;
}