/* ==========================================================================
   News & Insights — hero band only. The list rows and the year filter are
   components (news-row.css, tabs.css).
   ========================================================================== */

@layer pages {

  .news-hero {
    padding-block: 88px;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--line);
  }

  /* 22px under the eyebrow, matching the home page hero. */
  .news-hero__title {
    margin-top: var(--space-5);
    font-size: clamp(38px, 4.4vw, 56px);
    line-height: 1.16;
    letter-spacing: -.01em;
  }

  .news-body { padding-block: var(--space-11); }
}