/* artist.partners — the twelve-column grid and its named spans
   Load order is tokens -> base -> layout -> components -> responsive;
   the media queries come last so they can override component rules.
   See README.md for the rules this system holds to. */

/* ============================ GRID ============================ */
.page { max-width: 1680px; margin: 0 auto; }

.grid {
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: var(--atom);
  padding-inline: var(--margin);
}

.c-full { grid-column: 1 / -1; }
.c-1-6  { grid-column: 1 / 7; }
.c-1-7  { grid-column: 1 / 8; }
.c-1-8  { grid-column: 1 / 9; }
.c-7-12 { grid-column: 7 / -1; }
.c-9-12 { grid-column: 9 / -1; }