.hero__landscape {
  /* Oversized vertically so the GSAP scroll-parallax translation (see
     initHeroParallax in js/modules/animations.js) never exposes an edge.
     Each slide sets its own --hero-image inline (see index.html). */
  inset: -10% 0;
}

.novel-feature {
  padding-block: var(--space-2xl);
}

.novel-feature__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: center;
}

.novel-feature__cover-wrap {
  aspect-ratio: 2 / 3;
  max-width: 320px;
}

.novel-feature__title {
  margin-block: var(--space-2xs) var(--space-sm);
}

.novel-feature__status {
  margin-top: var(--space-md);
}

.novel-feature__status-line {
  color: var(--color-text-muted);
  font-family: var(--font-label);
  font-size: var(--fs-sm);
  margin-top: var(--space-3xs);
}

.novel-feature__action {
  margin-top: var(--space-lg);
}

@media (max-width: 900px) {
  .novel-feature__inner {
    grid-template-columns: 1fr;
  }

  .novel-feature__cover-wrap {
    order: -1;
    margin-inline: auto;
  }
}

.collections {
  padding-block: var(--space-2xl);
}

.collections__heading {
  margin-bottom: var(--space-lg);
  text-align: center;
}

.press-close {
  padding-block: var(--space-2xl);
  text-align: center;
}

.press-close__statement {
  max-width: 56ch;
  margin-inline: auto;
  font-size: var(--fs-lg);
  font-style: italic;
}

.press-close__action {
  margin-top: var(--space-lg);
}