.volunteer-page{--volunteer-navy:#9a948e;--volunteer-blue:#f1efec;--volunteer-yellow:#ddd3bf;--volunteer-gray:#f6f3f0}
.volunteer-hero{background:var(--volunteer-gray);padding:clamp(54px,8vw,88px) 0;position:relative;overflow:hidden}
.volunteer-hero-inner{display:grid;grid-template-columns:1fr;align-items:center;position:relative;z-index:1}
.volunteer-kicker{margin:0 0 12px;color:#9a948e;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.volunteer-hero h1{color:var(--volunteer-navy);font-size:clamp(38px,5.5vw,60px);letter-spacing:-.04em;line-height:1.05;max-width:13ch;margin:0 0 17px}
.volunteer-lede{color:#9a948e;font-size:clamp(17px,1.8vw,20px);line-height:1.6;max-width:56ch;margin:0}
.volunteer-options{padding-top:64px;padding-bottom:70px}
.volunteer-section-heading{max-width:640px;margin-bottom:25px}
.volunteer-section-heading h2,.volunteer-apply h2{color:var(--volunteer-navy);font-size:clamp(26px,3.3vw,36px);letter-spacing:-.025em;margin:0}
.volunteer-intro{color:#9a948e;margin:12px 0 0;max-width:68ch}
.volunteer-plain-text{max-width:760px;color:#9a948e}
.volunteer-role-grid{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.volunteer-role-card{background:#fff;border:1px solid #ddd3bf;border-top:3px solid #9a948e;border-radius:10px;padding:22px;transition:transform .2s ease,border-color .2s ease}
.volunteer-role-card:hover{transform:translateY(-3px);border-color:#9a948e}
.volunteer-plain-text .volunteer-role-card h3{color:#343d43;font-size:18px;line-height:1.35;margin:0}
.volunteer-plain-text .volunteer-role-card p{color:#686d70;line-height:1.65;margin:8px 0 0}
.volunteer-plain-text h3{color:var(--volunteer-navy);font-size:clamp(22px,2.3vw,30px);margin:28px 0 12px}
.volunteer-plain-text p{margin:0 0 18px;color:#9a948e;line-height:1.75}
.volunteer-benefits{margin-top:24px}
.volunteer-benefits h3{color:var(--volunteer-navy);font-size:clamp(22px,2.3vw,30px);margin:0 0 12px}
.volunteer-benefits-list{margin:0;padding-left:1.25rem;color:#9a948e;line-height:1.75;list-style:disc}
.volunteer-benefits-list li + li{margin-top:6px}
.volunteer-benefits + .volunteer-apply-button{margin-top:18px}
.secondary-button{margin-top:4px}
.volunteer-apply p:not(.volunteer-kicker){color:#9a948e;font-size:15px;margin:0;max-width:46ch}
.volunteer-apply-wrap{padding:80px 0 20px}
.volunteer-apply{background:var(--volunteer-blue);border:1px solid #b7cee7;border-radius:10px;padding:clamp(26px,4.5vw,42px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.volunteer-apply .volunteer-kicker{margin-bottom:8px}
.volunteer-apply h2{margin-bottom:8px}
.volunteer-apply-button{background:var(--volunteer-navy);color:#f6f3f0;border-radius:6px;white-space:nowrap}
.volunteer-apply-button:hover{background:#9a948e}
@media(max-width:760px){.volunteer-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.volunteer-options{padding-top:48px;padding-bottom:52px}.volunteer-role-grid{grid-template-columns:1fr}.volunteer-apply{align-items:flex-start;flex-direction:column}.volunteer-apply-button{white-space:normal}}