.book-feature.film {
  max-width: none;
  min-height: clamp(25rem, 67svh, 46rem);
  margin: 0;
  display: grid;
  align-items: end;
  overflow: hidden;
}
.book-feature .film-media {
  position: absolute;
  height: 100%;
  aspect-ratio: auto;
}
.book-feature .film-media img,
.book-feature .film-media video {
  object-fit: cover;
  object-position: 43% center;
}
.book-feature .film-media::after {
  background: linear-gradient(0deg, #0b0f14 0%, #0b0f14c7 22%, #0b0f1420 64%),
              linear-gradient(90deg, #0b0f1478 0%, transparent 67%);
}
.book-feature-copy {
  padding-block: clamp(2rem, 6vw, 5.5rem);
}
.book-feature h1 {
  max-width: 14ch;
  margin: .32rem 0 1.2rem;
  font-size: clamp(3.25rem, 8.5vw, 8.5rem);
  line-height: .96;
}
.book-reading-order {
  padding-block: clamp(2rem, 5vw, 4.4rem);
}
.book-reading-order h2 {
  margin-bottom: .65rem;
  font-size: clamp(2.25rem, 4vw, 4rem);
}
.book-reading-order > p {
  max-width: 65ch;
}
.book-reading-order .jump-nav {
  margin-top: 1.2rem;
}
@media (max-width: 720px) {
  .book-feature.film {
    min-height: clamp(23rem, 65svh, 35rem);
  }
  .book-feature h1 {
    font-size: clamp(3rem, 11vw, 4.7rem);
  }
}