/* The landing page shares the story site's palette and type. */
.showcase-cover {
  min-height: clamp(340px, 63vh, 540px);
  background-position: center, center 56%;
}
.showcase-copy h1 { font-size: clamp(2.4rem, 7vw, 4.8rem); }
.showcase-copy .story-link-button { margin-top: 18px; }

@media (max-width: 600px) {
  .showcase-cover {
    min-height: 430px;
    align-items: end;
    background-image: linear-gradient(0deg, #061424 1%, #061424de 33%, #06142423 100%), url("/images/deep-ocean.webp");
    background-position: center, 65% center;
  }
}