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

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

.prev,
.next {
  display: none;
}

h2 {
  padding: 0
    max(var(--default-padding), calc(calc(100vw - var(--max-width)) / 2));
}

/* 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) var(--padding);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--double-padding);
  }

  /* even rows: the thumbnails are centered in a band of equal height */
  .list figure {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .list figure img {
    max-height: 100%;
    width: auto;
  }

  article .carousel figure img {
    aspect-ratio: 3/2;
    max-height: 70vh;
  }

  .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 {
    grid-template-columns: repeat(4, 1fr);
  }
}