article > section {
  padding: var(--default-padding) max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
  margin: auto;
}

article > section:first-child {
  background-color: var(--sand-100);
  padding: var(--default-padding) max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
}

.prev, .next {
  display: none;
}

h2 {
  padding: 0px var(--default-padding);
}

/* h3 */
article footer * {
  font-family: "Libre Baskerville", serif;
  font-size: 16px;
  letter-spacing: 0.96px;
  font-weight: 500;
  line-height: 145%;
  text-transform: uppercase;
  margin: var(--half-padding) 0px var(--default-padding) 0px;
}

.list figure {
  text-align: center;
}

.list [itemprop="description"], .list .dimensions {
  display: none;
}

@media (min-width: 600px) {
  article > section:nth-child(2) {
    position: relative;
  }

  .list {
    --padding: max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
    padding: var(--double-padding) calc(var(--padding) + var(--double-padding));
    column-count: 2;
    column-gap: var(--double-padding);
  }
  .list article {
    break-inside: avoid;
  }
  
  .prev {
    left: calc(50% + var(--half-padding));
  }
  .next {
    left: calc(100% - 50px + var(--half-padding));
  }

  /* h3 */
  article footer * {
    font-size: 18px;
    letter-spacing: 1.08px;
  }
}

@media (min-width: 1000px) {
  .list {
    column-count: 4;
  }
}