/* Seventh draft: a stronger headline, shorter reading path, and a playful CELL mark. */
.hero-copy>.hero-invitation{margin-bottom:5px}
.hero-copy>.hero-audience{max-width:none;margin:0 auto 21px;color:#796a68;font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.005em}
.hero h1{font-family:var(--sans);font-weight:700;font-size:clamp(60px,6vw,80px);line-height:1.12;letter-spacing:-.064em;color:#263e32}
.hero h1>span{font-family:inherit;font-weight:inherit;color:#a54d76}
.hero-copy .hero-context{margin-top:23px}
.hero-copy .hero-context .hero-deck{margin-top:0}
.cta{gap:13px}
.cta>span[aria-hidden=true]{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1;transform:none}
.hero .cta{width:min(460px,100%);min-height:79px;font-size:19px;padding:19px 28px}
.story-cta{display:flex;justify-content:center;margin:28px auto 5px}
.story-cta .cta{min-width:min(360px,100%);min-height:70px;font-size:17px}
@media(max-width:760px){
 .hero-grid{padding-top:25px}
 .hero-copy>.hero-invitation{margin-bottom:4px}
 .hero-copy>.hero-audience{font-size:clamp(9px,2.65vw,11px);line-height:1.4;margin-bottom:17px;white-space:nowrap}
 .hero h1{font-size:clamp(37px,9.1vw,50px);line-height:1.13;letter-spacing:-.06em}
 .hero-copy .hero-context{margin-top:19px}
 .hero-copy .hero-context .hero-deck{font-size:15px;line-height:1.72}
 .hero .cta{width:min(350px,100%);min-width:0;min-height:72px;font-size:17px;margin-top:22px}
 .story-cta .cta{width:min(350px,100%);min-width:0;font-size:16px}
}
@media(max-width:340px){.hero-copy>.hero-audience{white-space:normal;max-width:29ch}}