/* Custard for a Cause: existing palette, editorial type and framed panels. */
.community-hero {display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;padding-bottom:52px}
.community-hero h1 {font:400 clamp(48px,5vw,72px)/1.06 'Times New Roman',Times,serif;letter-spacing:-1.8px;margin:22px 0 28px}
.community-hero p:not(.eyebrow) {font-size:20px;line-height:1.5;max-width:55ch}
.community-hero .community-lead {font-size:25px}
.community-hero .button {margin-top:10px}
.community-giveback {background:var(--cream);color:var(--navy);padding:30px;border:2px solid var(--cherry);outline:1px solid var(--navy);outline-offset:-9px;border-radius:18px;box-shadow:16px 16px 0 var(--navy);margin-right:16px}
.community-giveback h2 {margin:18px 0 24px;font:400 23px/1.25 'Times New Roman',Times,serif}
.community-percent {display:block;font-size:clamp(88px,10vw,140px);line-height:1;color:var(--cherry);letter-spacing:-4px;margin-bottom:12px}
.community-giveback h2>span:last-child {display:block}
.community-giveback .community-fee {border-top:1px solid var(--navy);padding-top:20px;margin-bottom:0}
.community-program {background:var(--sky);color:var(--vanilla)}
.community-program>.section-wrap {padding-block:44px}
.community-program .eyebrow {color:var(--vanilla)}
.community-program .eyebrow::before {background:var(--vanilla)}
.community-program h2,.community-invitation h2 {font:400 clamp(36px,4vw,52px)/1.1 'Times New Roman',Times,serif;letter-spacing:-1px;margin:0}
.community-program .section-heading {align-items:center}
.community-program .section-heading>.button {flex-shrink:0}
.community-steps {list-style:none;margin:28px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.community-steps li {background:var(--vanilla);color:var(--navy);padding:26px;border:2px solid var(--cherry);outline:1px solid var(--navy);outline-offset:-7px;border-radius:12px;min-width:0}
.community-steps h3,.community-terms h3,.community-inquiry h3 {font:400 28px/1.15 'Times New Roman',Times,serif;margin:20px 0 14px}
.community-steps p,.community-terms p,.community-invitation p {font-size:19px;line-height:1.5;margin:0 0 16px}
.community-steps .button {margin-top:8px;width:100%;min-width:0}
.community-terms {border-top:1px solid var(--vanilla);padding-top:4px}
.community-terms p:last-child {margin-bottom:0}
.community-invitation {display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding-block:44px}
.community-invitation h2 {margin-bottom:22px}
.community-inquiry {padding:28px;background:var(--cream);border:2px solid var(--cherry);outline:1px solid var(--navy);outline-offset:-9px;border-radius:12px}
.community-inquiry h3 {margin-top:0}
.community-inquiry .community-form-note {font-size:15px;margin:20px 0 0}
@media(max-width:900px){
 .community-hero {grid-template-columns:1fr;gap:30px}
 .community-hero h1 {font-size:58px}
 .community-giveback {max-width:680px}
 .community-steps {grid-template-columns:1fr}
 .community-invitation {grid-template-columns:1fr;gap:24px}
}
@media(max-width:760px){
 .community-hero {padding-bottom:40px}
 .community-hero h1 {font-size:46px;letter-spacing:-1.3px}
 .community-hero p:not(.eyebrow) {font-size:19px}
 .community-hero .community-lead {font-size:23px}
 .community-giveback {padding:26px;box-shadow:12px 12px 0 var(--navy);margin-right:12px}
 .community-program>.section-wrap,.community-invitation {padding-block:32px}
 .community-program .section-heading {align-items:flex-start;gap:24px;flex-direction:column}
 .community-steps {gap:18px;margin-block:24px}
 .community-steps li,.community-inquiry {padding:24px}
 .community-hero .button,.community-program .section-heading>.button,.community-inquiry .button {width:100%}
}