/* Compact, typography-led public mastheads. Body photography remains intact. */
#main[data-page] .hero.hero-typographic{background:var(--white);overflow:hidden}
#main[data-page] .hero.hero-typographic>.hero-inner.typographic-masthead{display:block;padding-block:var(--s4)}
#main[data-page] .hero.hero-typographic .hero-copy{max-width:none!important;min-width:0;text-align:left}
#main[data-page] .hero.hero-typographic .hero-copy h1{color:var(--ink-neutral);max-width:25ch}
#main[data-page] .hero.hero-typographic .lede{color:var(--text-soft);max-width:65ch}
#main[data-page] .hero.hero-typographic .hero-sub{color:var(--text-soft)}
#main[data-page] .hero.hero-typographic .hero-actions{margin-top:var(--s3)}
#main[data-page=home] .hero.hero-typographic h1 em{color:var(--crimson)}
@media(max-width:700px){
 #main[data-page] .hero.hero-typographic>.hero-inner.typographic-masthead{padding-block:var(--s3)}
}
@media print{
 #main[data-page] .hero.hero-typographic>.hero-inner.typographic-masthead{padding-block:var(--s3)}
}
/* News is the sitewide text reference. Keep masthead type here, not in page overrides. */
#main[data-page]:not([data-page=login]) .hero .hero-copy h1{
  font-family:var(--body)!important;
  font-size:var(--fs-2xl)!important;
  font-weight:600!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  margin:0 0 var(--s3)!important;
  max-width:25ch!important;
}
#main[data-page]:not([data-page=login]) .hero .hero-copy>.lede{
  font-size:var(--fs-md)!important;
  font-weight:400!important;
  line-height:1.6!important;
  max-width:65ch!important;
  margin:0 0 var(--s4)!important;
}
#main[data-page]:not([data-page=login]) .hero .hero-copy .eyebrow{
  font-size:var(--fs-2xs)!important;
  line-height:1.6!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}

/* One consistent hand-off from the masthead into the page content. */
#main[data-page]:not([data-page=login]) .hero>.hero-inner{border-bottom:1px solid var(--crimson)}
#main[data-page]:not([data-page=login]) .hero .hero-copy>:last-child{margin-bottom:0!important}
#main[data-page]:not([data-page=login]) .hero+.section>.container{border-top:0!important;padding-top:var(--s3)!important}