.grid {
  --grid-gap: clamp(1rem, 6vw, 3rem);
  --standard: min(var(--content-max-width), 100% - var(--grid-gap) * 2);
  --wide-1: minmax(0, var(--content-wide-1-width));
  --wide-2: minmax(0, var(--content-wide-2-width));
  --full: minmax(var(--grid-gap), 1fr);
  display: grid;
  grid-template-columns:
    [full-start] var(--full) [wide-2-start] var(--wide-2) [wide-1-start] var(--wide-1) [standard-start] var(--standard) [standard-end] var(--wide-1) [wide-1-end] var(--wide-2) [wide-2-end] var(--full) [full-end];
}

.grid>* {
  grid-column: standard;
}

.grid .wide-1 {
  grid-column: wide-1;
}

.grid .wide-2 {
  grid-column: wide-2;
}

.grid .full {
  grid-column: full;
}

.hol-wrapping-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(var(--content-max-width) / 3 - 5rem), 1fr));
  gap: var(--space-m);
  justify-content: center;
  justify-items: center;
  align-items: start;
  padding: 0;
  width: 100%;
}

.hol-column {
  display: grid;
  grid-template-columns: minmax(auto, 1fr);
  justify-items: center;
  width: 100%;
  padding: 0;
  gap: var(--space-s);
}

.spaced>*+* {
  margin-block-start: var(--row-space, 1em);
}