.volunteer-page{background:#fbfaf6;color:var(--ink)}.site-header nav .active{color:var(--orange)}
.volunteer-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--cream)}.volunteer-hero>div:first-child{padding:100px clamp(30px,7vw,115px);display:flex;flex-direction:column;justify-content:center}.volunteer-hero h1{font-family:Georgia,serif;font-size:clamp(62px,7vw,108px);font-weight:500;line-height:.9;letter-spacing:-.06em;margin:17px 0 30px}.volunteer-hero h1 em{font-weight:500;color:var(--orange)}.volunteer-hero>div>p:not(.section-kicker){font-size:18px;line-height:1.7;max-width:580px;color:#58646c}.volunteer-hero>div>a{display:flex;justify-content:space-between;align-items:center;width:min(100%,320px);padding:17px 20px;background:var(--navy);color:#fff;font-size:13px;font-weight:800;margin-top:22px}.volunteer-hero-image{position:relative;overflow:hidden}.volunteer-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.volunteer-hero-image:hover img{transform:scale(1.04)}.volunteer-hero-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(4,24,48,.85))}.volunteer-hero-image>div{position:absolute;z-index:2;left:45px;bottom:42px;color:#fff;display:flex;flex-direction:column}.volunteer-hero-image strong{font-family:Georgia,serif;font-size:42px;font-weight:500}.volunteer-hero-image span{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#f9ae8e;margin-top:8px}
.volunteer-values{min-height:95px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,48px);overflow:hidden;background:var(--orange);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:900}.volunteer-values i{color:var(--navy);font-style:normal;font-size:18px}
.opportunities{padding:110px clamp(24px,7vw,110px) 130px}.opportunities-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:end;margin-bottom:50px}.opportunities-heading h2{font-family:Georgia,serif;font-size:clamp(50px,6vw,86px);font-weight:500;letter-spacing:-.045em;line-height:.95;margin:12px 0 0}.opportunities-heading>p{line-height:1.7;color:#647178}.volunteer-tools{border-top:1px solid #d5d9d5;padding:24px 0 42px}.volunteer-tools label{height:58px;background:#fff;border:1px solid #ccd3d0;display:flex;align-items:center;gap:12px;padding:0 20px;max-width:560px}.volunteer-tools label span{font-size:27px;color:var(--orange)}.volunteer-tools input{border:0;outline:0;width:100%;font:inherit;font-size:15px;background:transparent}.volunteer-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.volunteer-filters button{padding:10px 17px;border:1px solid #c3cbc8;border-radius:99px;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.25s}.volunteer-filters button:hover,.volunteer-filters button.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}.opportunity-summary{display:flex;align-items:baseline;gap:12px;margin-bottom:25px}.opportunity-summary strong{font-family:Georgia,serif;font-size:40px;color:var(--orange)}.opportunity-summary span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#657279}
.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.opportunity-card{background:#fff;border:1px solid #e0e2dd;cursor:pointer;outline:none;transition:transform .35s,box-shadow .35s}.opportunity-card:hover,.opportunity-card:focus{transform:translateY(-8px);box-shadow:0 25px 65px rgba(9,42,61,.12)}.opportunity-image{height:245px;position:relative;overflow:hidden}.opportunity-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.opportunity-card:hover img{transform:scale(1.055)}.opportunity-image b{position:absolute;left:16px;top:16px;background:var(--orange);color:#fff;padding:8px 10px;font-size:9px;letter-spacing:.12em}.opportunity-image>span{position:absolute;right:16px;bottom:13px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;font-family:Georgia,serif;font-size:16px}.opportunity-copy{padding:27px}.opportunity-copy small{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:9px}.opportunity-copy h2{font-family:Georgia,serif;font-size:31px;line-height:1.05;font-weight:500;margin:12px 0}.opportunity-copy>p{color:#66737a;line-height:1.6;min-height:105px}.opportunity-copy>div{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.opportunity-copy>div span{background:#edf2f5;color:var(--navy);padding:7px 9px;font-size:9px;font-weight:800;text-transform:uppercase}.opportunity-copy>button{border:0;background:none;padding:15px 0 0;border-top:1px solid #e0e4e2;width:100%;display:flex;justify-content:space-between;color:var(--navy);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.opportunity-copy>button b{color:var(--orange);font-size:19px}.no-opportunities{text-align:center;padding:70px;background:var(--cream)}.no-opportunities h2{font-family:Georgia,serif;font-size:40px;margin:0}.no-opportunities button{border:0;background:var(--navy);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer}
.volunteer-steps{background:var(--navy);color:#fff;padding:105px clamp(24px,7vw,110px)}.volunteer-steps>h2{font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:500;margin:15px 0 55px}.volunteer-steps>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25)}.volunteer-steps article{padding:35px 45px 15px 0;border-right:1px solid rgba(255,255,255,.25);margin-right:45px}.volunteer-steps article:last-child{border:0;margin:0}.volunteer-steps article b{color:var(--orange);font-size:11px;letter-spacing:.15em}.volunteer-steps h3{font-family:Georgia,serif;font-size:32px;font-weight:500}.volunteer-steps article p{line-height:1.7;color:#c8d5e4}.volunteer-cta{padding:85px clamp(24px,7vw,110px);background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.volunteer-cta span{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:#682711}.volunteer-cta h2{font-family:Georgia,serif;font-size:clamp(46px,6vw,78px);font-weight:500;line-height:1;margin:15px 0 0}.volunteer-cta>a{background:#fff;color:var(--navy);padding:18px 22px;min-width:220px;display:flex;justify-content:space-between;font-weight:900;font-size:13px}.volunteer-cta>a b{font-size:20px}
.volunteer-modal{position:fixed;inset:0;z-index:1000;background:rgba(5,27,45,.82);display:flex;justify-content:flex-end;padding:32px}.volunteer-modal article{height:100%;overflow-y:auto;overscroll-behavior:contain;width:min(100%,720px);background:#fff;padding:70px clamp(28px,6vw,75px);position:relative;animation:volunteer-in .4s ease}.volunteer-close{position:absolute;right:24px;top:20px;width:48px;height:48px;border:1px solid #ccd3d0;border-radius:50%;background:#fff;font-size:29px;cursor:pointer}@keyframes volunteer-in{from{opacity:0;transform:translateX(50px)}}.volunteer-modal article>small{color:var(--orange);text-transform:uppercase;letter-spacing:.15em;font-weight:900}.volunteer-modal h2{font-family:Georgia,serif;font-size:clamp(48px,6vw,75px);font-weight:500;line-height:.95;margin:18px 0 35px}.volunteer-modal img{width:100%;height:310px;object-fit:cover}.volunteer-modal h3{font-family:Georgia,serif;font-size:31px;font-weight:500;margin-bottom:8px}.volunteer-modal p{line-height:1.8;color:#5c696f}.role-detail{display:flex;justify-content:space-between;border-block:1px solid #d8ddda;padding:18px 0;margin:28px 0}.role-detail span{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#69767c}.volunteer-modal article>a{display:flex;justify-content:space-between;background:var(--orange);color:#fff;padding:17px 20px;font-weight:900}
@media(max-width:950px){.volunteer-hero{grid-template-columns:1fr}.volunteer-hero-image{min-height:520px}.opportunity-grid{grid-template-columns:1fr 1fr}.opportunities-heading{grid-template-columns:1fr}.volunteer-steps>div{grid-template-columns:1fr}.volunteer-steps article{border-right:0;border-bottom:1px solid rgba(255,255,255,.25);margin:0}.volunteer-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.volunteer-hero>div:first-child{padding:75px 24px}.volunteer-hero-image{min-height:420px}.volunteer-values{justify-content:flex-start;padding:0 24px}.opportunities{padding:80px 24px}.opportunity-grid{grid-template-columns:1fr}.opportunity-copy>p{min-height:0}.volunteer-modal{padding:0}.volunteer-modal article{padding-top:80px}.volunteer-modal img{height:230px}}