/* Journal-only crop geometry. Catalog focal points continue to direct each photograph. */
[data-tamaruva-journal-media] > img {
  transform: none !important;
  animation: none !important;
  will-change: auto !important;
  transition-property: opacity, filter !important;
}

/* A whole bird cannot survive the previous panorama-shaped article header.
   Subject-sensitive fauna and botanical headers have a measured frame of their own. */
[data-tamaruva-journal-role="article-hero"][data-tamaruva-journal-sensitive="true"] {
  height: calc(100vw * 9 / 16);
  min-height: 0;
  aspect-ratio: 16 / 9;
}

[data-tamaruva-journal-role="featured"][data-tamaruva-journal-sensitive="true"] {
  aspect-ratio: 4 / 3;
}

/* This near-square original has a bounded portrait presentation. Symmetrical
   forest-colored side areas are the actual page background, never added scenery. */
[data-tamaruva-journal-role="article-hero"][data-tamaruva-journal-sensitive="true"][data-tamaruva-journal-slug="great-hawks-of-the-canopy"] {
  width: 100%;
  height: min(86svh, 1000px);
  aspect-ratio: auto;
  background: var(--forest-950);
}

[data-tamaruva-journal-role="article-hero"][data-tamaruva-journal-slug="great-hawks-of-the-canopy"] > img {
  object-fit: contain;
  object-position: 50% 50% !important;
}

.tamaruva-journal-illustration-label {
  position: absolute;
  z-index: 12;
  top: 1rem;
  right: 1rem;
  max-width: calc(100% - 2rem);
  padding: .45rem .65rem;
  background: rgba(12, 42, 34, .94);
  color: #f4f3ec;
  border: 1px solid rgba(193, 164, 90, .65);
  font-family: inherit;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .075em;
  text-transform: uppercase;
  pointer-events: none;
}

.tamaruva-journal-illustration-label[hidden] { display: none; }

[data-tamaruva-journal-role="article-hero"] > .tamaruva-journal-illustration-label {
  top: 7rem;
}

[data-tamaruva-journal-role="related"] > .tamaruva-journal-illustration-label {
  top: .25rem;
  right: .25rem;
  max-width: calc(100% - .5rem);
  padding: .2rem .3rem;
  font-size: 8px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  [data-tamaruva-journal-role="article-hero"][data-tamaruva-journal-sensitive="true"] {
    height: calc(100vw * 5 / 4);
    aspect-ratio: 4 / 5;
  }
}