/* Preserve the original photographic banner; rotate only its published story. */
.journal-spotlight { height: auto; min-height: 0; }
.journal-spotlight::after { display: none; }
.journal-spotlight-stage { display: grid; touch-action: pan-y pinch-zoom; }
.journal-spotlight-slide { grid-area: 1 / 1; position: relative; isolation: isolate; min-width: 0; min-height: clamp(420px, 56vw, 650px); display: flex; }
.journal-spotlight-slide[hidden] { display: none !important; }
.journal-spotlight-slide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: #131b1480; }
.journal-spotlight .visual-banner-image { z-index: -2; }
.journal-spotlight .visual-banner-copy { height: auto; min-width: 0; padding-block: 80px; }
.journal-spotlight h2 { max-width: 1050px; text-wrap: balance; overflow-wrap: break-word; }
.journal-spotlight .eyebrow { max-width: 100%; line-height: 1.7; }
.journal-spotlight-slide:not([hidden]) { animation: journal-spotlight-appear .6s ease-out; }
.journal-spotlight .text-link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.journal-spotlight .journal-spotlight-toggle:focus-visible { position: absolute; inset: auto 24px 16px auto; width: auto; height: auto; padding: 10px 16px; margin: 0; overflow: visible; clip: auto; white-space: normal; color: #fff; background: #14241f; border: 1px solid #fff; outline: 2px solid #fff; outline-offset: 4px; z-index: 2; font: inherit; }
@keyframes journal-spotlight-appear { from { opacity: .45; } to { opacity: 1; } }
@media (max-width: 700px) {
  .journal-spotlight { height: auto; max-height: none; }
  .journal-spotlight-slide { min-height: min(70svh, 620px); }
  .journal-spotlight .visual-banner-copy { padding-block: 45px; }
}
@media (prefers-reduced-motion: reduce) {
  .journal-spotlight-slide:not([hidden]) { animation: none; }
}

.journal-spotlight-picture { display: block; width: 100%; height: 100%; }
@media (min-width: 701px) {
  .journal-spotlight .visual-banner-image img { object-position: var(--spotlight-desktop-position, 50% 50%); }
  /* If an article only has portraits, keep the complete subjects in an
     editorial split composition instead of enlarging and cutting their faces. */
  .journal-spotlight-slide--portrait { background: #243029; }
  .journal-spotlight-slide--portrait .visual-banner-image { left: auto; width: 48%; }
  .journal-spotlight-slide--portrait .visual-banner-image img { object-fit: contain; object-position: 100% 50%; }
  .journal-spotlight-slide--portrait::after { background: linear-gradient(90deg, #243029 44%, #24302900 66%); }
  .journal-spotlight-slide--portrait .visual-banner-copy { padding-right: 46%; padding-block: clamp(45px, 5vw, 80px); }
  .journal-spotlight-slide--portrait h2 { font-size: clamp(32px, 4.2vw, 64px); }
}