/* ====================== Single News article ====================== */
.news-single__hero {
  position: relative;
  overflow: hidden;
  background: var(--color-ink);
  color: var(--color-white);
}
.news-single__hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.news-single__hero-overlay { position: absolute; inset: 0; background: rgba(var(--color-ink-rgb), 0.7); }
.news-single__hero-inner { position: relative; z-index: 2; padding-block: 72px; }
.news-single__hero .eyebrow { color: var(--color-yellow); }
.news-single__title {
  color: var(--color-white);
  font-size: clamp(30px, 4.4vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.4px;
  margin-top: 16px;
  max-width: 820px;
}

.news-single__body { background: var(--color-warm); padding-block: 64px; }
.news-single__content {
  max-width: 760px;
}
.news-single__content,
.news-single__content p { font-size: 17px; line-height: 29px; color: var(--color-body); }
.news-single__content p { margin-bottom: 1.2em; }
.news-single__content h2,
.news-single__content h3 { color: var(--color-ink); margin: 1.4em 0 0.5em; }
.news-single__content h2 { font-size: 26px; }
.news-single__content h3 { font-size: 21px; }
.news-single__content a { color: var(--color-link); text-decoration: underline; }
.news-single__content img { margin: 1.5em 0; border-bottom: 4px solid var(--color-yellow); }
.news-single__content ul,
.news-single__content ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.news-single__content li { margin-bottom: 0.4em; }
.news-single__content blockquote {
  margin: 1.5em 0;
  padding: 16px 24px;
  border-left: 3px solid var(--color-yellow);
  background: var(--color-cream);
  font-size: 19px;
  line-height: 30px;
  color: var(--color-quote);
}

.news-single__back { margin-top: 40px; }

@media (min-width: 768px) {
  .news-single__body { padding-block: 88px; }
}