/* Main LP: from an accessible starting point to concrete activity support. */
.main-story .hero-editorial{min-height:1000px}
.main-story .hero-heading-wrap{width:70%;margin-top:52px}
.main-story .hero-heading-wrap h1>span{display:flex;width:max-content;max-width:100%;padding-bottom:7px}
.main-story .hero-heading-wrap h1>span>span{white-space:nowrap;line-height:1.2;padding:4px 16px 10px 3px}
.main-story .hero-line-small>span{font-size:38px}
.main-story .hero-line-middle>span{font-size:clamp(38px,3.9vw,56px);background:#fff;animation:headlineWipe 1.15s .1s cubic-bezier(.22,1,.36,1) both}
.main-story .hero-line-large>span{font-size:clamp(58px,5.8vw,84px);animation-delay:.2s}
.main-story .hero-bottom-v2{width:55%;max-width:680px;gap:28px;margin-top:50px;align-items:flex-end}
.hero-message{flex:1;min-width:0}
.hero-concerns{list-style:none;margin:0 0 18px;padding:0}
.hero-concerns li{position:relative;padding-left:15px;font-size:15px;font-weight:700;line-height:1.9}
.hero-concerns li:before{content:'';position:absolute;left:0;top:.85em;width:5px;height:5px;background:var(--blue)}
.main-story .hero-lead-v2{font-size:16px;min-width:0;margin:0;line-height:1.8}
.main-story .hero-lead-v2 strong{font-size:27px;color:var(--blue);font-weight:900}
.hero-promise{font-size:14px;font-weight:700;line-height:1.8;margin:14px 0 0}
.main-story .hero-cta-group{width:300px}
.main-story .hero-cta-group .text-link{font-size:14px}
.hero-eligibility{font-size:12px;color:#495b71;line-height:1.8;margin:14px 0 0}
.main-story .intro-bottom-copy .intro-timing{font-size:14px;border-left:3px solid var(--blue);padding-left:16px}
@media(min-width:801px) and (max-width:1150px){
  .main-story .hero-editorial{min-height:1100px}
  .main-story .hero-bottom-v2{width:49%;margin-top:45px}
  .main-story .hero-cta-group{width:100%;max-width:330px;margin-top:24px}
  .main-story .hero-heading-wrap{width:85%}
  .main-story .hero-line-middle>span{font-size:43px}
  .main-story .hero-line-large>span{font-size:68px}
}
@media(max-width:800px){
  .main-story .hero-editorial{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'category category' 'headline headline' 'concerns photo' 'lead lead' 'promise promise' 'actions actions' 'scroll scroll';min-height:0;padding-bottom:24px}
  .main-story .hero-content-v2,.main-story .hero-bottom-v2,.main-story .hero-message{display:contents}
  .main-story .hero-category{grid-area:category;margin:112px 20px 0;max-width:none;position:relative;z-index:3;font-size:12px}
  .main-story .hero-heading-wrap{grid-area:headline;width:calc(100% - 40px);max-width:none;margin:28px 20px 12px;z-index:3;transform:rotate(-6deg)}
  .main-story .hero-line-small>span{font-size:clamp(23px,6vw,34px)}
  .main-story .hero-line-middle>span{font-size:clamp(25px,7.1vw,46px)}
  .main-story .hero-line-large>span{font-size:clamp(39px,11vw,68px)}
  .main-story .hero-heading-wrap h1>span>span{padding:2px 10px 7px 2px}
  .main-story .hero-english{font-size:12px}
  .main-story .hero-concerns{grid-area:concerns;margin:18px 0 14px 20px;align-self:center;position:relative;z-index:3}
  .main-story .hero-concerns li{font-size:13px;padding-left:11px;line-height:1.9}
  .main-story .hero-photo-main{grid-area:photo;position:relative;top:auto;right:auto;width:100%;height:170px;margin:12px 0;clip-path:polygon(10% 0,100% 0,100% 94%,0 100%)}
  .main-story .hero-photo-main img{object-position:50% 35%}
  .main-story .hero-photo-main .photo-caption{bottom:14px;right:8px;font-size:12px;padding:2px 5px}
  .main-story .hero-sash{top:258px;height:170px;opacity:.45}
  .main-story .hero-lead-v2{grid-area:lead;margin:10px 20px 0;font-size:16px;position:relative;z-index:3;text-wrap:pretty}
  .main-story .hero-lead-v2 br{display:none}
  .main-story .hero-lead-v2 strong{font-size:25px;display:block}
  .main-story .hero-promise{grid-area:promise;margin:10px 20px 0;font-size:14px}
  .main-story .hero-cta-group{grid-area:actions;width:calc(100% - 40px);max-width:none;margin:16px 20px 0;position:relative;z-index:3}
  .main-story .hero-cta-group .button-large{min-height:76px}
  .main-story .hero-cta-group .text-link{margin-top:16px}
  .main-story .hero-scroll{grid-area:scroll;margin:22px auto 0}
  .main-story .hero-eligibility{font-size:12px}
}
@media(max-width:365px){
  .main-story .hero-concerns li{font-size:12px}
  .main-story .hero-photo-main{height:175px}
  .main-story .hero-line-middle>span{font-size:25px}
  .main-story .hero-lead-v2 strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.main-story .hero-line-middle>span{animation:none!important}}
