:root{--v-green:#00382b;--v-dark:#00271e;--v-gold:#dbaa4d;--v-paper:#faf1dd;--v-ink:#153b2e}
.volunteer-page{font-family:Georgia,'Times New Roman',serif;background:var(--v-paper);color:#39453c}.volunteer-hero{min-height:410px;position:relative;isolation:isolate;background:url('../images/hero-osmanli.jpg') center/cover no-repeat;border-bottom:2px solid var(--v-gold)}.volunteer-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,43,32,.98) 0%,rgba(0,45,34,.88) 31%,rgba(0,32,22,.2) 67%,rgba(0,25,19,.4))}.volunteer-hero-content{padding:62px 6.5% 54px;color:#fff5dd;max-width:1200px}.volunteer-kicker{display:block;color:#e1b65b;font:700 12px 'Marcellus',serif;letter-spacing:2px}.volunteer-hero h1,.application-copy h2,.volunteer-title h2{font-family:'Cormorant Garamond',Georgia,serif}.volunteer-hero h1{font-size:clamp(44px,5.1vw,70px);line-height:.88;margin:9px 0 16px}.volunteer-hero p{max-width:455px;font-size:15px;line-height:1.56;margin:0}.volunteer-hero-actions{display:flex;gap:12px;margin-top:23px}.volunteer-hero-actions a,.volunteer-form button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 19px;background:#e0af51;color:#153124;font:bold 14px 'Roboto Condensed',Arial,sans-serif;text-transform:none;border:0;transition:.2s}.volunteer-hero-actions a:hover,.volunteer-form button:hover{background:#f1ca79;color:#08291e}.volunteer-section{padding:44px 0 20px;background:radial-gradient(circle at center,#fffaf0,transparent 70%),var(--v-paper)}.volunteer-title{text-align:center;max-width:730px;margin:0 auto 26px}.volunteer-title h2{color:var(--v-ink);font-size:clamp(31px,3.3vw,45px);margin:0 0 4px}.volunteer-title p{font-size:14px;line-height:1.45;margin:0}.volunteer-people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.volunteer-person-card{min-height:188px;border:1px solid #e1c486;padding:16px 19px;background:rgba(255,255,255,.18)}.volunteer-person-card i{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--v-gold);border-radius:50%;color:#c99738;font-size:18px;margin-bottom:26px}.volunteer-person-card h3,.volunteer-area-grid h3{color:#173d30;font:600 19px/1 'Cormorant Garamond',Georgia,serif;margin:0 0 9px}.volunteer-person-card p,.volunteer-area-grid p{font-size:13px;line-height:1.35;margin:0}.volunteer-areas{padding:43px 0 25px;border-top:1px solid #e3c989}.volunteer-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.volunteer-area-grid article{min-height:118px;border:1px solid #e5c98e;padding:28px 20px 17px;background:rgba(255,255,255,.1)}.volunteer-application{padding:36px 0 40px;color:#fff4d9;background:linear-gradient(90deg,rgba(0,52,39,.96),rgba(0,40,30,.93)),url('../images/hero-osmanli.jpg') center bottom/cover no-repeat;border-top:2px solid var(--v-gold)}.volunteer-application-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:50px;align-items:center}.application-copy h2{font-size:clamp(43px,4.4vw,62px);line-height:.85;margin:15px 0 24px}.application-copy p{font-size:16px;line-height:1.45;max-width:330px}.volunteer-form{border:1px solid #d3ad60;padding:18px 22px;display:grid;gap:13px}.volunteer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.volunteer-form label{display:grid;gap:5px;color:#f4ddaa;font:700 11px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase}.volunteer-form input,.volunteer-form select,.volunteer-form textarea{width:100%;border:1px solid #4f806b;background:#003126;color:white;padding:8px;font:14px Georgia,serif;outline:none}.volunteer-form input:focus,.volunteer-form select:focus,.volunteer-form textarea:focus{border-color:#e8bd63}.volunteer-form button{margin-top:15px;width:100%;padding:14px;text-transform:uppercase;cursor:pointer}.volunteer-form button span{font-size:19px}@media(max-width:767px){.volunteer-hero{min-height:365px}.volunteer-hero-content{padding:48px 28px}.volunteer-people-grid{grid-template-columns:repeat(2,1fr)}.volunteer-area-grid{grid-template-columns:1fr}.volunteer-area-grid article{min-height:0;padding:20px}.volunteer-application-grid{grid-template-columns:1fr;gap:26px}.volunteer-application{padding:38px 15px}.volunteer-form-row{grid-template-columns:1fr}.volunteer-person-card{min-height:174px;padding:14px}.volunteer-person-card i{margin-bottom:16px}}@media(max-width:390px){.volunteer-people-grid{grid-template-columns:1fr}.volunteer-hero-actions{flex-direction:column;align-items:flex-start}}
