.display-page { background: #f4efe5; color: #50312d; }
.display-page main { overflow: hidden; }
.display-hero { min-height: 88vh; }

.series-index {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 4.2vw 14vw;
  border-top: 1px solid rgba(80, 49, 45, .35);
  border-bottom: 1px solid rgba(80, 49, 45, .35);
}
.series-index a {
  display: flex; align-items: baseline; gap: 1.2rem;
  padding: 2rem 1.5rem; color: inherit; text-decoration: none;
  font-size: clamp(1rem, 1.45vw, 1.45rem); letter-spacing: .04em;
}
.series-index a + a { border-left: 1px solid rgba(80, 49, 45, .22); }
.series-index span { font-size: .72em; opacity: .58; }

.display-series { padding: 0 4.2vw 16vw; scroll-margin-top: 2rem; }
.series-heading {
  display: grid; grid-template-columns: 1fr 2fr 1.2fr; align-items: end;
  gap: 3vw; margin-bottom: 5vw; padding-top: 2.2rem;
  border-top: 1px solid rgba(80, 49, 45, .35);
}
.series-heading > p:first-child {
  align-self: start; margin: .5rem 0 0; font-size: .78rem; letter-spacing: .15em;
}
.series-heading h2 {
  margin: 0; font-size: clamp(3rem, 6.4vw, 7rem); font-weight: 300;
  line-height: .95; letter-spacing: -.055em;
}
.series-heading > p:last-child {
  margin: 0; font-size: clamp(.95rem, 1.2vw, 1.2rem); line-height: 1.8;
}

.series-gallery {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6vw 2vw; align-items: start;
}
.series-gallery figure { grid-column: span 6; margin: 0; }
.series-gallery .feature { grid-column: span 8; }
.series-gallery .side { grid-column: span 4; margin-top: 10vw; }
.series-gallery .full { grid-column: 2 / span 10; margin-top: 1vw; }
.series-gallery img { display: block; width: 100%; height: auto; background: #e8dfd2; }
.series-gallery figcaption {
  display: flex; justify-content: space-between; gap: 1rem;
  padding-top: .85rem; border-top: 1px solid rgba(80, 49, 45, .28);
  margin-top: .75rem; font-size: clamp(.82rem, 1vw, 1rem); letter-spacing: .04em;
}
.series-gallery figcaption span { color: rgba(80, 49, 45, .58); text-align: right; }
.display-page .next-link { margin-top: 0; }

@media (max-width: 760px) {
  .display-hero { min-height: 76vh; }
  .series-index { grid-template-columns: 1fr; margin: 0 18px 28vw; }
  .series-index a { padding: 1.2rem .15rem; font-size: 1rem; }
  .series-index a + a { border-left: 0; border-top: 1px solid rgba(80, 49, 45, .22); }
  .display-series { padding: 0 18px 32vw; }
  .series-heading { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 12vw; }
  .series-heading h2 { font-size: clamp(3rem, 16vw, 5rem); }
  .series-heading > p:last-child { max-width: 30em; line-height: 1.7; }
  .series-gallery { display: block; }
  .series-gallery figure,
  .series-gallery .feature,
  .series-gallery .side,
  .series-gallery .full { margin: 0 0 18vw; }
  .series-gallery figcaption { align-items: flex-start; font-size: .78rem; }
}

.series-gallery figure { opacity: 1; }