/** Base */
.page-content {
  display: flex;
  flex-grow: 1;
  margin-block-start: 15vw;
}

.rowgap {
  row-gap: clamp(1.5rem, var(--space-55), 6rem);
}

/** Fullsize */
.layout-fullsize {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: var(--grid-fullsize);
  width: 100%;
}

.layout-fullsize-section {
  width: 100%;
}

/** Narrow */
.layout-narrow {
  display: grid;
  grid-template-columns: var(--grid-fullsize);
  width: 100%;

  & .wrapper {
    grid-column: 2 / -2;
  }
}

@media (--tablet) {
  .layout-narrow .wrapper {
    grid-column: 5 / -5;
  }
}

@media (--desktop) {
  .layout-narrow .wrapper {
    grid-column: 6 / -6;
  }
}
