.journal-card { min-inline-size: 0; }
.journal-card__link { isolation: isolate; display: grid; color: var(--color-light); }
.journal-card__media, .journal-card__shade, .journal-card__content { grid-area: 1 / 1; }
/* A transformed photograph stays below its shade and normal-flow copy. */
.journal-card__media { min-inline-size: 0; overflow: hidden; z-index: 0; }
.journal-card__image--portrait { object-position: 50% 10.323%; }
.journal-card--lead .journal-card__media { aspect-ratio: 690 / 430; }
.journal-card--standard .journal-card__media { aspect-ratio: 335 / 351; }
.journal-card--feature .journal-card__media { aspect-ratio: 690 / 801; }
.journal-card__shade { z-index: 1; background: linear-gradient(180deg, transparent 35%, rgb(0 0 0 / .7)); transition: background-color .2s; }
.journal-card__link:focus-visible { outline-offset: -4px; }
.journal-card__link:focus-visible .journal-card__shade { background-color: rgb(0 0 0 / .2); }
.journal-card__link:focus-visible .journal-card__category { color: var(--color-accent); }
@media (hover: hover) { .journal-card__link:hover .journal-card__shade { background-color: rgb(0 0 0 / .2); } .journal-card__link:hover .journal-card__category { color: var(--color-accent); } }
.journal-card__content { z-index: 2; align-self: end; padding: 30px; }
.journal-card__category { font-family: var(--font-display); font-size: 35px; font-weight: 500; line-height: 1.1; text-transform: uppercase; transition: color .2s; }
.journal-card__description { max-width: 560px; margin-top: 18px; font-size: 16px; font-weight: 500; line-height: 22px; color: var(--color-muted-dark); white-space: pre-line; }
@media (prefers-reduced-motion: reduce) { .journal-card__shade, .journal-card__category { transition: none; } }
@media (max-width: 1359px) {
  .journal-card--lead .journal-card__media, .journal-card--standard .journal-card__media, .journal-card--feature .journal-card__media { aspect-ratio: 370 / 328; }
  .journal-card__image--portrait { object-position: 50% 13.228%; }
  .journal-card__image--swatches { transform: scale(1.070122); transform-origin: center top; }
  .journal-card__content { padding: 20px; }
  .journal-card__category { font-size: 30px; }
}