@import url('section-page-v33.css?v=35');
.desk-lead .lead-visual{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.28)}
.desk-lead .lead-visual small{color:#ff5a49;text-shadow:none}
.desk-lead .lead-visual h2{max-width:900px;font-weight:680}
.desk-lead .lead-visual p{color:rgba(255,255,255,.88);text-shadow:0 1px 12px rgba(0,0,0,.45)}
.desk-lead .lead-visual b{color:#fff;border-bottom:2px solid #ff4b3b;padding-bottom:7px;text-shadow:none}
@media(max-width:720px){.desk-lead .lead-visual{background-image:linear-gradient(0deg,rgba(4,6,7,.94) 0%,rgba(4,6,7,.65) 56%,rgba(4,6,7,.16) 100%),var(--mobile-bg)!important}.desk-lead .lead-visual h2{font-size:46px;line-height:.92}.desk-lead .lead-visual p{color:rgba(255,255,255,.9)}}

/* Category article headlines = homepage headline scale */
@media (min-width:721px){
  .rubric-grid .card-copy h2,
  .archive-card .card-copy h2{
    font-size:clamp(36px,3.9vw,54px)!important;
    line-height:.93!important;
    letter-spacing:-.05em!important;
  }
}

@media (max-width:720px){
  .rubric-grid .card-copy h2,
  .archive-card .card-copy h2{
    font-size:clamp(36px,10.2vw,50px)!important;
    line-height:.93!important;
    letter-spacing:-.05em!important;
  }
}

/* Section main lead headline = homepage cover headline size */
@media (min-width:721px){
  .desk-lead .lead-visual h2{
    font-size:clamp(36px,3.9vw,54px)!important;
    line-height:.93!important;
    letter-spacing:-.05em!important;
    max-width:680px!important;
  }
}

@media (max-width:720px){
  .desk-lead .lead-visual h2{
    font-size:clamp(36px,10.2vw,50px)!important;
    line-height:.93!important;
    letter-spacing:-.05em!important;
    max-width:100%!important;
  }
}

/* Mobile archive/card headlines: more compact */
@media (max-width:720px){
  .archive-card .card-copy h2,
  .rubric-grid .card-copy h2{
    font-size:clamp(30px,8vw,40px)!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
  }
}

/* FINAL: smaller main headline on mobile section pages */
@media (max-width:720px){
  .desk-lead .lead-visual h2{
    font-size:clamp(30px,8.2vw,44px)!important;
    line-height:.95!important;
    letter-spacing:-.045em!important;
    max-width:94%!important;
  }
}

/* MOBILE ONLY: smaller section/article headline */
@media (max-width:720px){
  .desk-lead .lead-visual h2,
  .headline h1,
  .story h1,
  article.story h1{
    font-size:36px!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
  }
}