/* Theme-independent article masthead. Keep titles off photographs at every width. */
.archive-reader-modal .global-article-hero {
  height: auto; min-height: 0; background: #091321;
}
.archive-reader-modal .global-article-hero > img {
  display: block; width: 100%; height: clamp(210px, 30vw, 400px);
  object-fit: cover; opacity: 1;
}
.archive-reader-modal .global-article-hero > div.absolute.inset-0 { display: none; }
.archive-reader-modal .global-article-hero .global-article-title-panel {
  position: relative; inset: auto; padding: clamp(24px, 4vw, 48px);
  background: #091321; color: #ffffff;
}
.global-article-title-panel .eyebrow { color: #ffbc86; }
.archive-reader-modal #archive-reader-modal-title {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4.7vw, 3.8rem); font-weight: 600;
  font-style: normal; line-height: 1.13; letter-spacing: -0.025em;
  color: #ffffff; -webkit-text-fill-color: #ffffff;
  background: none; opacity: 1; filter: none; text-shadow: none;
  max-width: 100%; margin: 16px 0 0; overflow-wrap: anywhere;
}
@media (max-width: 540px) {
  .archive-reader-modal .global-article-hero .global-article-title-panel { padding: 24px 22px 30px; }
}