/* Full-width journal media in a page-width parent. */
.journal-hero, .journal-cinematic {
  width: 100%;
  height: calc(100vh - var(--header));
  height: calc(100svh - var(--header));
  margin-inline: 0;
  overflow: hidden;
}
:is(.journal-hero, .journal-cinematic) > picture,
:is(.journal-hero, .journal-cinematic) > picture > img {
  display: block;
  width: 100%;
  height: 100%;
}
:is(.journal-hero, .journal-cinematic) > picture > img {
  object-fit: cover;
}

.journal-hero { position: relative; }
.journal-hero > .journal-hero-label { position: absolute; left: var(--wide-gutter); bottom: clamp(20px, 3vw, 36px); color: white; font: 400 17px/1.4 "mk_font", sans-serif; text-shadow: 0 1px 3px rgb(0 0 0 / 55%); }

@media (max-width: 768px) {
  .journal-hero > .journal-hero-label { font-size: 16px; }
}