/* Volunteer With Us — Mighty Generation Network CIC */
body.mgn-volunteer-body{margin:0;background:#faf9f4}
.mgn-volunteer-page,.mgn-volunteer-page *{box-sizing:border-box}
.mgn-volunteer-page{overflow:hidden;color:#173c2b;background:#faf9f4;font-family:"Nunito Sans",Inter,Arial,sans-serif}
.mgn-volunteer-page :is(h1,h2,h3,p){margin:0}
.mgn-volunteer-page :is(h1,h2,h3){font-family:"Nunito Sans",Inter,Arial,sans-serif!important;letter-spacing:-.04em;font-weight:900}
.mgn-volunteer-page a{text-decoration:none}
.mgn-volunteer-page :is(a,button,input,textarea,select):focus-visible{outline:3px solid #ffbe3b;outline-offset:3px}
.mgn-vol-container{width:min(1210px,calc(100% - 56px));margin:0 auto}
.mgn-vol-hero{background:#0e3d2d;position:relative;isolation:isolate;color:#fff;padding:clamp(72px,8vw,116px) 0}
.mgn-vol-hero:before{content:"";position:absolute;width:410px;height:410px;left:-330px;top:-160px;border:62px solid rgba(255,205,98,.15);border-radius:50%;z-index:-1}
.mgn-vol-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,90px);align-items:center}
.mgn-vol-hero-copy{min-width:0}
.mgn-vol-breadcrumb{display:flex;gap:13px;align-items:center;color:#d3e5d8;font-size:13px;font-weight:700;margin:0 0 49px}
.mgn-vol-breadcrumb a{color:#d3e5d8}
.mgn-vol-breadcrumb a:hover{text-decoration:underline}
.mgn-vol-breadcrumb span{color:#f5c377}
.mgn-vol-eyebrow,.mgn-vol-kicker{display:inline-flex;align-items:center;gap:11px;color:#d7552f;font:900 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.mgn-vol-eyebrow{color:#ffcc7d;margin-bottom:22px}
.mgn-vol-eyebrow span{color:#ffca51;font-size:22px}
.mgn-vol-hero h1{color:#fff!important;font-size:clamp(51px,5.3vw,83px)!important;line-height:1.06!important;max-width:600px;margin:0 0 25px!important}
.mgn-volunteer-page em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}
.mgn-vol-hero h1 em{color:#f7c979;font-weight:400}
.mgn-vol-hero-copy>p{color:#d9e7db!important;font-size:clamp(16px,1.45vw,19px)!important;line-height:1.83!important;max-width:560px}
.mgn-vol-hero-buttons{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:34px 0 36px}
.mgn-vol-button{background:#f14a27;color:#fff!important;min-height:57px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:40px;padding:0 25px;font-size:14px;font-weight:900;box-shadow:0 15px 30px rgba(6,23,14,.13);transition:background .2s,transform .2s}
.mgn-vol-button:hover,.mgn-vol-submit:hover{background:#d63c1e;transform:translateY(-2px)}
.mgn-vol-text-link{color:#fff!important;font-weight:800;font-size:14px;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding:8px 0}
.mgn-vol-text-link span{color:#ffd186}
.mgn-vol-hero-foot{display:flex;gap:13px;align-items:center;color:#b8d3c4;font-size:12px;font-weight:700;line-height:1.6}
.mgn-vol-foot-line{display:inline-block;flex:none;width:24px;height:2px;background:#edba54}
.mgn-vol-photo-shell{position:relative;min-height:520px;height:min(48vw,610px);max-height:620px;border-radius:180px 24px 180px 24px;overflow:visible}
.mgn-vol-photo-shell>img{height:100%;width:100%;display:block;object-fit:cover;border-radius:180px 24px 180px 24px}
.mgn-vol-photo-circle{position:absolute;z-index:-1;left:-35px;top:-40px;width:250px;height:250px;border:18px solid #f0b41d;border-radius:50%}
.mgn-vol-photo-note{position:absolute;right:-18px;bottom:28px;display:flex;align-items:center;gap:14px;background:#fff;color:#15412d;border-radius:17px;padding:17px 22px;box-shadow:0 19px 55px rgba(10,30,21,.22)}
.mgn-vol-photo-note>span{font-size:32px;color:#ee542e}
.mgn-vol-photo-note strong{display:block;font-size:16px;font-weight:900}
.mgn-vol-photo-note small{display:block;font-size:11px;color:#668174;line-height:1.55}
.mgn-vol-intro{padding:clamp(75px,9vw,120px) 0;background:#faf9f4}
.mgn-vol-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,130px);align-items:center}
.mgn-vol-intro h2,.mgn-vol-section-head h2,.mgn-vol-how h2,.mgn-vol-bottom h2{font-size:clamp(36px,4.65vw,62px)!important;line-height:1.14!important;color:#143d2d!important}
.mgn-vol-intro h2{margin-top:16px!important}
.mgn-vol-intro h2 em,.mgn-vol-section-head h2 em,.mgn-vol-how h2 em{color:#e95530}
.mgn-vol-intro-grid>div>p{font-size:18px!important;line-height:1.85!important;color:#5b7466}
.mgn-vol-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.mgn-vol-principles span{padding:10px 15px;border-radius:40px;border:1px solid #dbe6dc;background:#fff;color:#2f6248;font-size:13px;font-weight:800}
.mgn-vol-opportunities{background:#edf4e9;padding:clamp(85px,9vw,120px) 0}
.mgn-vol-section-head{max-width:770px;margin-bottom:46px}
.mgn-vol-section-head h2{margin:16px 0 18px!important}
.mgn-vol-section-head>p{font-size:17px!important;line-height:1.85!important;color:#607468}
.mgn-vol-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mgn-vol-card{min-width:0;position:relative;min-height:320px;padding:29px 26px 50px;background:#fff;border:1px solid #e4ede1;border-radius:19px;transition:transform .23s,box-shadow .23s}
.mgn-vol-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(16,65,39,.11)}
.mgn-vol-card-feature{background:#0f4935;color:#fff;border-color:#0f4935}
.mgn-vol-card-icon{display:grid;place-items:center;width:48px;height:48px;background:#fee8d7;color:#bb4d2e;border-radius:14px;font-size:13px;font-weight:900;letter-spacing:.05em;margin-bottom:42px}
.mgn-vol-card-feature .mgn-vol-card-icon{background:#255f48;color:#f5cf84}
.mgn-vol-card h3{font-size:23px!important;line-height:1.3!important;color:#174330!important;margin-bottom:14px!important}
.mgn-vol-card p{font-size:14px!important;line-height:1.85!important;color:#62796b}
.mgn-vol-card-feature h3{color:#fff!important}
.mgn-vol-card-feature p{color:#d9eadf}
.mgn-vol-card-line{position:absolute;width:35px;height:3px;bottom:24px;left:26px;background:#e9633b;border-radius:5px}
.mgn-vol-card-feature .mgn-vol-card-line{background:#ffd17e}
.mgn-vol-how{padding:clamp(85px,9vw,135px) 0;background:#fffdf8}
.mgn-vol-how-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(44px,8vw,130px);align-items:center}
.mgn-vol-how h2{margin:19px 0 24px!important}
.mgn-vol-how-copy>p{font-size:17px!important;line-height:1.85!important;color:#61746a;max-width:500px}
.mgn-vol-outline-button{display:inline-flex;gap:28px;align-items:center;margin-top:30px;border:2px solid #edaa20;border-radius:40px;padding:15px 23px;font-weight:900;font-size:14px;color:#174935!important}
.mgn-vol-outline-button:hover{background:#fdf1d5}
.mgn-vol-steps{border-top:1px solid #dbe7dc}
.mgn-vol-steps article{display:grid;grid-template-columns:62px 1fr;gap:22px;align-items:start;padding:28px 0;border-bottom:1px solid #dbe7dc}
.mgn-vol-steps article>span{font-size:22px;line-height:1.2;color:#e7522f;font-weight:900}
.mgn-vol-steps h3{color:#194331!important;font-size:23px!important;margin:0 0 9px!important}
.mgn-vol-steps p{color:#6b7b70;font-size:15px!important;line-height:1.7!important}
.mgn-vol-form-section{background:#164734;padding:clamp(85px,10vw,137px) 0}
.mgn-vol-form-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(40px,7vw,100px);align-items:start}
.mgn-vol-kicker.light{color:#f7c77c}
.mgn-vol-form-copy{padding-top:45px}
.mgn-vol-form-copy h2{color:#fff!important;font-size:clamp(42px,5vw,72px)!important;line-height:1.12!important;margin:18px 0 23px!important}
.mgn-vol-form-copy h2 em{color:#ffc77d}
.mgn-vol-form-copy>p{color:#d7e9de;font-size:17px!important;line-height:1.85!important}
.mgn-vol-form-aside{display:flex;gap:16px;align-items:start;border-top:1px solid rgba(255,255,255,.2);margin-top:45px;padding-top:29px}
.mgn-vol-form-aside>span{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;background:#32654f;color:#ffd086;font-size:23px}
.mgn-vol-form-aside strong{display:block;color:#fff;font-size:16px;margin:2px 0 10px}
.mgn-vol-form-aside p{color:#bfd7c8;font-size:13px!important;line-height:1.85!important}
.mgn-vol-form-aside a{color:#ffd28c;text-decoration:underline}
.mgn-vol-form-panel{background:#fff;padding:clamp(24px,4vw,48px);border-radius:25px;box-shadow:0 26px 80px rgba(0,0,0,.16)}
.mgn-vol-form-kicker{font:900 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.15em;color:#d9512c}
.mgn-vol-form-panel h3{color:#124230!important;font-size:clamp(29px,3vw,41px)!important;margin:11px 0!important}
.mgn-vol-form-intro{color:#637b6b!important;font-size:14px!important;line-height:1.7!important;margin:0 0 28px!important}
.mgn-vol-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mgn-vol-form-fields label:not(.mgn-vol-consent){display:flex;flex-direction:column;gap:9px;color:#284935;font-size:13px;font-weight:900}
.mgn-vol-form-fields label>span{color:#e45b3a}
.mgn-vol-form-fields .full{grid-column:1/-1}
.mgn-vol-form :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;max-width:100%;padding:13px 15px;min-height:53px;border:1px solid #d6e5d9;border-radius:10px;background:#fbfdfb;font:500 14px/1.5 Inter,Arial,sans-serif;color:#153d2c;box-shadow:none}
.mgn-vol-form textarea{min-height:110px;resize:vertical}
.mgn-vol-form :is(input,select,textarea):focus{border-color:#2e8454}
.mgn-vol-consent{display:flex;align-items:start;gap:11px;color:#52685b;font-size:12px;line-height:1.8;font-weight:550;cursor:pointer}
.mgn-vol-consent input{width:20px;height:20px;flex:none;accent-color:#2e784d;margin-top:2px}
.mgn-vol-consent strong{color:#e2552b}
.mgn-vol-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mgn-vol-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:57px;margin-top:25px;padding:15px 22px;border:0;border-radius:11px;background:#ee4928;color:#fff;font:900 15px/1.4 "Nunito Sans",Inter,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.mgn-vol-submit span{font-size:21px}
.mgn-vol-form-privacy{color:#7b9182!important;font-size:11px!important;line-height:1.7!important;margin:15px 0 0!important}
.mgn-vol-alert{padding:16px 18px;margin-bottom:20px;border-radius:11px;font-size:14px;font-weight:750;line-height:1.7}
.mgn-vol-alert.success{background:#e5f5e7;color:#235b39;border:1px solid #b9dfbf}
.mgn-vol-alert.error{background:#fff2e7;color:#8e4c30;border:1px solid #ecc8aa}
.mgn-vol-bottom{padding:73px 0;background:#f9f7f0}
.mgn-vol-bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.mgn-vol-bottom h2{font-size:clamp(32px,3.4vw,47px)!important;margin:12px 0!important}
.mgn-vol-bottom p{color:#617468;font-size:15px!important;line-height:1.7}
.mgn-vol-bottom-actions{display:flex;flex-wrap:wrap;gap:12px}
.mgn-vol-bottom-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 18px;border:1px solid #d0e1d4;border-radius:35px;background:#fff;color:#155037;font-size:14px;font-weight:900;white-space:nowrap}
.mgn-vol-bottom-actions a:last-child{background:#f04a28;border-color:#f04a28;color:#fff}
@media(max-width:1050px){.mgn-vol-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgn-vol-photo-shell{height:470px;min-height:470px}.mgn-vol-hero-grid{gap:35px}.mgn-vol-hero h1{font-size:clamp(46px,5.7vw,68px)!important}}
@media(max-width:760px){.mgn-vol-container{width:calc(100% - 36px)}.mgn-vol-hero{padding:45px 0 65px}.mgn-vol-hero-grid,.mgn-vol-intro-grid,.mgn-vol-how-grid,.mgn-vol-form-grid{grid-template-columns:1fr}.mgn-vol-breadcrumb{margin-bottom:32px}.mgn-vol-hero h1{font-size:clamp(42px,10vw,65px)!important}.mgn-vol-photo-shell{height:420px;min-height:0;border-radius:85px 15px 85px 15px}.mgn-vol-photo-shell>img{border-radius:85px 15px 85px 15px}.mgn-vol-photo-circle{width:160px;height:160px;left:-12px;top:-20px;border-width:13px}.mgn-vol-photo-note{right:0;bottom:18px;max-width:93%}.mgn-vol-intro,.mgn-vol-how,.mgn-vol-opportunities{padding:70px 0}.mgn-vol-form-section{padding:75px 0}.mgn-vol-form-copy{padding-top:0}.mgn-vol-form-aside{margin-top:25px}.mgn-vol-bottom-inner{align-items:start;flex-direction:column;gap:22px}.mgn-vol-hero-buttons{margin-bottom:26px}}
@media(max-width:500px){.mgn-vol-container{width:calc(100% - 32px)}.mgn-vol-card-grid,.mgn-vol-form-fields{grid-template-columns:1fr}.mgn-vol-card{min-height:0;padding:25px 25px 55px}.mgn-vol-card-icon{margin-bottom:27px}.mgn-vol-form-fields .full{grid-column:auto}.mgn-vol-hero-buttons{align-items:stretch;gap:12px}.mgn-vol-button{width:100%}.mgn-vol-text-link{justify-content:center}.mgn-vol-photo-shell{height:310px}.mgn-vol-photo-note{padding:11px 15px}.mgn-vol-photo-note strong{font-size:14px}.mgn-vol-bottom-actions{width:100%}.mgn-vol-bottom-actions a{flex:1;font-size:12px}.mgn-vol-hero h1{font-size:43px!important}}
@media(prefers-reduced-motion:reduce){.mgn-vol-card,.mgn-vol-button,.mgn-vol-submit{transition:none!important}}
