:root{
  --blue:#003f9e;
  --blue2:#0057d8;
  --blue-dark:#001f5c;
  --red:#e0001b;
  --text:#061b49;
  --muted:#4f5d75;
  --line:#d8e0ed;
  --soft:#f3f8ff;
  --white:#fff;
  --shadow:0 18px 45px rgba(0,31,92,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:#fff;
}
a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,91%);margin:auto}

.sticky-shell{
  position:sticky;
  top:0;
  z-index:1000;
}

.topbar{
  background:linear-gradient(90deg,var(--blue-dark),var(--blue));
  color:#fff;
  font-size:14px;
}
.topbar-inner{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.top-links{
  display:flex;
  align-items:center;
  gap:18px;
}
.top-links a{color:#fff}

.navbar{
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.nav-inner{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--blue);
}
.brand-icon{
  width:42px;
  min-width:42px;
  height:58px;
  display:grid;
  place-items:center;
  font-size:34px;
}

.brand strong{
    display:block;
    font-size:32px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
    white-space:nowrap;
}


.brand small{
    display:block;
    margin-top:6px;
    color:#E30613;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:15px;
  font-weight:800;
}
.nav-links a{
  padding:13px 0;
  white-space:nowrap;
}
.nav-links a.active{
  color:var(--blue);
  border-bottom:3px solid var(--blue);
}
.donate-btn{
  background:var(--blue);
  color:#fff!important;
  padding:16px 24px!important;
  border-radius:6px;
  box-shadow:0 10px 25px rgba(0,63,158,.22);
}
.menu-toggle{
  display:none;
  border:0;
  background:transparent;
  color:var(--blue-dark);
  font-size:28px;
}

.hero{
  position:relative;
  height:640px;
  overflow:hidden;
  background:var(--blue-dark);
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .7s ease;
}
.hero-slide.active{
  opacity:1;
  visibility:visible;
}
.hero-photo,
.hero-slide iframe{
  width:100%;
  height:100%;
  border:0;
  background-size:cover;
  background-position:center right;
}
.hero-photo:empty{
  background:
    radial-gradient(circle at 78% 30%,rgba(255,255,255,.2),transparent 28%),
    linear-gradient(135deg,#001f5c,#003f9e);
}
.hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,31,92,.96) 0%,rgba(0,31,92,.84) 39%,rgba(0,31,92,.25) 100%);
}
.hero-content{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
}
.hero-copy{
  max-width:640px;
  color:#fff;
  padding-top:20px;
}
.hero-copy h1{
  margin:0 0 26px;
  font-size:clamp(46px,6vw,72px);
  line-height:1.08;
  letter-spacing:-2px;
  color:#fff;
}
.hero-copy p{
  margin:0 0 42px;
  max-width:590px;
  font-size:22px;
  line-height:1.55;
  color:#fff;
}
.hero-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.primary-btn,
.outline-btn,
.light-btn,
.outline-light-btn{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 28px;
  border-radius:6px;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}
.primary-btn{
  background:var(--blue2);
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,63,158,.25);
}
.outline-btn{
  border:2px solid rgba(255,255,255,.76);
  color:#fff!important;
}
.slider-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(0,31,92,.35);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.slider-arrow.left{left:28px}
.slider-arrow.right{right:28px}
.slider-dots{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:76px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
}
.slider-dots button{
  width:13px;
  height:13px;
  border:0;
  border-radius:50%;
  background:#fff;
  opacity:.75;
  cursor:pointer;
}
.slider-dots button.active{
  width:30px;
  border-radius:20px;
  background:#0067ff;
  opacity:1;
}

.quick-panel{
  position:relative;
  z-index:20;
  margin-top:-58px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  background:#fff;
  border-radius:10px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.quick-panel a{
  min-height:166px;
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-right:1px solid var(--line);
}
.quick-panel a:last-child{border-right:0}
.quick-panel i{
  color:var(--blue);
  font-size:39px;
  margin-bottom:18px;
}
.quick-panel strong{
  font-size:16px;
  margin-bottom:11px;
  color:var(--blue-dark);
}
.quick-panel span{
  font-size:14px;
  line-height:1.45;
  color:#34435c;
}

.commitment{
  padding:70px 0 55px;
  text-align:center;
}
.commitment h2,
.story-text h2,
.cta h2{
  margin:0;
  color:var(--blue-dark);
  font-size:34px;
  line-height:1.15;
}
.section-line{
  width:54px;
  height:4px;
  margin:20px auto 46px;
  background:var(--blue2);
}
.agenda-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
}
.agenda-grid div{
  padding:15px 28px;
  border-right:1px solid var(--line);
}
.agenda-grid div:last-child{border-right:0}
.agenda-grid i{
  color:var(--blue);
  font-size:52px;
}
.agenda-grid h3{
  margin:23px 0 12px;
  color:var(--blue-dark);
  font-size:18px;
}
.agenda-grid p{
  margin:0;
  color:#35445d;
  font-size:15px;
  line-height:1.55;
}

.story-section{
  background:linear-gradient(100deg,#eef6ff,#fff);
  padding:70px 0;
}
.story-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.story-photo-card{
  position:relative;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 15px 35px rgba(0,31,92,.12);
}
.story-photo{
  height:360px;
  background-size:cover;
  background-position:center;
  background-color:#dce8f6;
}
.play-btn{
  position:absolute;
  left:28px;
  bottom:28px;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  border:2px solid #fff;
  background:rgba(0,31,92,.35);
  font-size:18px;
}
.story-text span{
  display:block;
  margin-bottom:16px;
  color:var(--blue);
  font-weight:900;
  font-size:14px;
  letter-spacing:.08em;
}
.story-text p{
  max-width:540px;
  margin:20px 0 30px;
  color:#26364f;
  font-size:17px;
  line-height:1.7;
}

.stats{
  background:linear-gradient(90deg,var(--blue-dark),var(--blue2));
  color:#fff;
  padding:36px 0;
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.stats-grid div{
  min-height:68px;
  display:flex;
  align-items:center;
  gap:18px;
  border-right:1px solid rgba(255,255,255,.25);
}
.stats-grid div:last-child{border-right:0}
.stats-grid i{
  font-size:38px;
}
.stats-grid strong{
  display:block;
  font-size:30px;
  line-height:1;
}
.stats-grid span{
  display:block;
  margin-top:4px;
  font-size:13px;
}

.cta{
  background:
    linear-gradient(90deg,rgba(0,31,92,.95),rgba(0,63,158,.88)),
    linear-gradient(135deg,#001f5c,#003f9e);
  color:#fff;
  padding:70px 0;
}
.cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.cta h2{
  color:#fff;
  font-size:42px;
}
.cta p{
  margin:10px 0 0;
  color:#fff;
  font-size:23px;
}
.cta-actions{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.light-btn{
  background:#fff;
  color:var(--blue)!important;
  min-width:210px;
}
.outline-light-btn{
  color:#fff!important;
  border:2px solid rgba(255,255,255,.82);
  min-width:210px;
}

.footer{
  background:#061b49;
  color:#fff;
  text-align:center;
  padding:28px 0;
}
.footer p{
  margin:8px 0 0;
  color:#dbe7ff;
}

@media(max-width:1100px){
  .nav-links{gap:18px;font-size:14px}
  .quick-panel{grid-template-columns:repeat(3,1fr)}
  .quick-panel a{border-bottom:1px solid var(--line)}
}

@media(max-width:900px){
  .topbar{display:none}
  .nav-inner{height:78px}
  .menu-toggle{display:block}
  .nav-links{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:18px 5%;
    background:#fff;
    box-shadow:0 18px 30px rgba(0,0,0,.13);
  }
  .nav-links.open{display:flex}
  .nav-links a{width:100%}
  .donate-btn{text-align:center}

  .hero{height:620px}
  .hero-photo{background-position:center}
  .hero-shade{
    background:linear-gradient(90deg,rgba(0,31,92,.96),rgba(0,31,92,.72));
  }
  .hero-content{
    align-items:flex-end;
    padding-bottom:125px;
  }
  .hero-copy h1{font-size:42px}
  .hero-copy p{font-size:18px}
  .slider-arrow{display:none}

  .quick-panel{
    grid-template-columns:repeat(2,1fr);
    margin-top:-70px;
  }
  .quick-panel a{
    min-height:136px;
    border-right:1px solid var(--line);
  }

  .agenda-grid{grid-template-columns:1fr}
  .agenda-grid div{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .story-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-grid div{border-right:0}
  .cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:560px){
  .wrap{width:92%}
  
.brand strong{
    display:block;
    font-size:32px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
    white-space:nowrap;
}

  
.brand small{
    display:block;
    margin-top:6px;
    color:#E30613;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

  .hero{height:590px}
  .hero-copy h1{
    font-size:36px;
    letter-spacing:-1px;
  }
  .hero-copy p{font-size:17px}
  .hero-actions a{width:100%}
  .quick-panel{grid-template-columns:1fr 1fr}
  .quick-panel i{font-size:30px}
  .quick-panel strong{font-size:14px}
  .quick-panel span{font-size:12px}
  .commitment h2,
  .story-text h2{font-size:28px}
  .story-photo{height:300px}
  .stats-grid{grid-template-columns:1fr}
  .cta h2{font-size:32px}
  .cta p{font-size:18px}
  .light-btn,
  .outline-light-btn{width:100%}
}


.hero-slide video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* ==========================================================
   PROFESSIONAL MY STORY SECTION
   ========================================================== */

.story-pro{
  background:linear-gradient(100deg,#eef6ff 0%,#ffffff 70%);
  padding:76px 0;
  overflow:hidden;
}

.story-pro-grid{
  display:grid;
  grid-template-columns:0.95fr 1.05fr;
  gap:58px;
  align-items:center;
}

.story-pro-card{
  position:relative;
  min-height:420px;
  border-radius:16px;
  overflow:hidden;
  background:#dfeaf8;
  box-shadow:0 22px 55px rgba(0,31,92,.16);
}

.story-pro-photo{
  width:100%;
  height:100%;
  min-height:420px;
}

.story-pro-photo img{
  width:100%;
  height:100%;
  min-height:420px;
  display:block;
  object-fit:cover;
  object-position:center top;
}

.story-pro-play{
  position:absolute;
  left:34px;
  bottom:34px;
  width:68px;
  height:68px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(0,63,158,.38);
  border:2px solid #fff;
  font-size:20px;
  box-shadow:0 14px 35px rgba(0,31,92,.22);
}

.story-pro-content{
  position:relative;
  z-index:1;
}

.story-pro-kicker{
  display:block;
  color:#003f9e;
  font-size:16px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:18px;
}

.story-pro-content h2{
  margin:0;
  color:#001f5c;
  font-size:clamp(36px,4vw,54px);
  line-height:1.08;
  letter-spacing:-1.5px;
  white-space:nowrap;
}

.story-pro-redline{
  width:70px;
  height:5px;
  background:#e0001b;
  margin:28px 0;
  border-radius:999px;
}

.story-pro-content p{
  max-width:720px;
  margin:0 0 34px;
  color:#102847;
  font-size:20px;
  line-height:1.65;
}

.story-pro-values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin:10px 0 34px;
}

.story-pro-values div{
  padding:0 22px;
  text-align:center;
  border-right:1px solid #d7e1ef;
}

.story-pro-values div:first-child{
  padding-left:0;
}

.story-pro-values div:last-child{
  border-right:0;
  padding-right:0;
}

.story-pro-values i{
  width:58px;
  height:58px;
  margin:0 auto 14px;
  border:2px solid #003f9e;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#003f9e;
  font-size:25px;
}

.story-pro-values strong{
  display:block;
  color:#001f5c;
  font-size:16px;
  margin-bottom:8px;
}

.story-pro-values span{
  display:block;
  color:#34435c;
  font-size:14px;
  line-height:1.5;
}

.story-pro-btn{
  min-width:230px;
}

@media(max-width:980px){
  .story-pro-grid{
    grid-template-columns:1fr;
    gap:36px;
  }

  .story-pro-content h2{
    white-space:normal;
    font-size:38px;
  }

  .story-pro-values{
    grid-template-columns:1fr;
    gap:18px;
  }

  .story-pro-values div{
    border-right:0;
    border-bottom:1px solid #d7e1ef;
    padding:0 0 18px;
  }

  .story-pro-values div:last-child{
    border-bottom:0;
  }
}

@media(max-width:560px){
  .story-pro{
    padding:52px 0;
  }

  .story-pro-card,
  .story-pro-photo,
  .story-pro-photo img{
    min-height:340px;
  }

  .story-pro-photo img{
    object-position:center top;
  }

  .story-pro-content h2{
    font-size:32px;
  }

  .story-pro-content p{
    font-size:17px;
  }

  .story-pro-play{
    width:58px;
    height:58px;
    left:22px;
    bottom:22px;
  }
}


/* ==========================================================
   NATIONAL ASSEMBLY BLUE STRIP
   ========================================================== */

.nav-blue-strip{
    width:100%;
    height:8px;
    background:linear-gradient(
        90deg,
        #001F5C 0%,
        #003F9E 30%,
        #0057D8 60%,
        #003F9E 100%
    );
    box-shadow:
        inset 0 -1px rgba(255,255,255,.12),
        0 2px 8px rgba(0,31,92,.18);
    position:relative;
    z-index:998;
}

@media(max-width:768px){
    .nav-blue-strip{
        height:6px;
    }
}


/* ==========================================================
   RESPONSIVE HERO SLIDER IMAGE FIX
   ========================================================== */

.hero,
.hero-slide{
  width:100%;
}

.hero-photo,
.hero-slide video,
.hero-slide iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

@media(min-width:981px){
  .hero{
    height:min(640px, calc(100vh - 136px));
    min-height:560px;
  }

  .hero-photo{
    background-position:center right;
  }
}

@media(max-width:980px){
  .hero{
    height:640px;
    min-height:640px;
  }

  .hero-photo{
    background-position:center center;
  }

  .hero-shade{
    background:linear-gradient(
      90deg,
      rgba(0,31,92,.96) 0%,
      rgba(0,31,92,.78) 55%,
      rgba(0,31,92,.35) 100%
    );
  }
}

@media(max-width:640px){
  .hero{
    height:620px;
    min-height:620px;
  }

  .hero-photo{
    background-size:cover;
    background-position:center top;
  }

  .hero-shade{
    background:linear-gradient(
      180deg,
      rgba(0,31,92,.55) 0%,
      rgba(0,31,92,.72) 35%,
      rgba(0,31,92,.96) 100%
    );
  }

  .hero-content{
    align-items:flex-end;
    padding-bottom:118px;
  }

  .hero-copy{
    max-width:100%;
  }

  .hero-copy h1{
    font-size:34px;
    line-height:1.12;
  }

  .hero-copy p{
    font-size:16px;
    line-height:1.5;
    margin-bottom:26px;
  }
}

@media(max-width:420px){
  .hero{
    height:600px;
    min-height:600px;
  }

  .hero-copy h1{
    font-size:31px;
  }
}


/* ======================================================
   CAMPAIGN BRANDING
   ====================================================== */

.brand{
    display:flex;
    align-items:center;
    gap:14px;
}

.brand span:last-child{
    display:flex;
    flex-direction:column;
}

.brand strong{
    font-size:30px;
    font-weight:900;
    color:#003F9E;
    line-height:1.05;
    white-space:nowrap;
    letter-spacing:-0.5px;
}

.brand small{
    margin-top:6px;
    color:#D71920;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

@media (max-width:991px){

    .brand strong{
        font-size:22px;
        white-space:normal;
        line-height:1.15;
    }

    .brand small{
        font-size:10px;
    }

}

@media (max-width:576px){

    .brand strong{
        font-size:19px;
    }

    .brand small{
        font-size:9px;
    }

}


/* ==========================================================
   CAMPAIGN HEADER V2
   ========================================================== */

.campaign-header-v2{
  position:sticky;
  top:0;
  z-index:2000;
  background:#fff;
}

.campaign-info-bar{
  background:linear-gradient(90deg,#001f5c,#003f9e);
  color:#fff;
  font-size:15px;
}

.campaign-info-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:34px;
}

.campaign-info-inner a,
.campaign-info-inner span{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.campaign-info-socials{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:20px;
}

.campaign-brand-row{
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.campaign-brand-inner{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.campaign-main-brand{
  display:flex;
  align-items:center;
  gap:24px;
}

.campaign-main-brand img{
  width:138px;
  height:96px;
  object-fit:contain;
  display:block;
}

.campaign-main-brand span{
  display:flex;
  flex-direction:column;
}

.campaign-main-brand strong{
  color:#001f5c;
  font-size:42px;
  line-height:1;
  font-weight:950;
  letter-spacing:.03em;
}

.campaign-main-brand b{
  color:#d71920;
  font-size:34px;
  line-height:1.05;
  letter-spacing:.16em;
  font-weight:950;
}

.campaign-main-brand small{
  color:#d71920;
  margin-top:14px;
  font-size:17px;
  font-weight:850;
  letter-spacing:.22em;
}

.campaign-volunteer-btn{
  background:#d71920;
  color:#fff!important;
  min-height:64px;
  padding:0 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:8px;
  font-weight:900;
  font-size:18px;
  box-shadow:0 14px 32px rgba(215,25,32,.22);
}

.campaign-menu-toggle-v2{
  display:none;
  border:0;
  background:#003f9e;
  color:#fff;
  width:48px;
  height:48px;
  border-radius:8px;
  font-size:24px;
}

.campaign-nav-bar{
  background:linear-gradient(90deg,#001f5c,#003f9e);
}

.campaign-nav-inner-v2{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.campaign-nav-bar .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:76px;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}

.campaign-nav-bar .nav-links a{
  color:#fff;
  padding:24px 0 20px;
  border-bottom:5px solid transparent;
}

.campaign-nav-bar .nav-links a.active{
  color:#fff;
  border-bottom-color:#d71920;
}

.nav-blue-strip{
  height:8px;
  width:100%;
  background:#0057d8;
}

@media(max-width:980px){
  .campaign-info-bar{
    display:none;
  }

  .campaign-brand-inner{
    min-height:92px;
  }

  .campaign-main-brand img{
    width:84px;
    height:66px;
  }

  .campaign-main-brand{
    gap:12px;
  }

  .campaign-main-brand strong{
    font-size:23px;
  }

  .campaign-main-brand b{
    font-size:18px;
    letter-spacing:.12em;
  }

  .campaign-main-brand small{
    font-size:10px;
    margin-top:6px;
    letter-spacing:.12em;
  }

  .campaign-volunteer-btn{
    display:none;
  }

  .campaign-menu-toggle-v2{
    display:inline-grid;
    place-items:center;
  }

  .campaign-nav-inner-v2{
    min-height:0;
  }

  .campaign-nav-bar .nav-links{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:14px 0;
  }

  .campaign-nav-bar .nav-links.open{
    display:flex;
  }

  .campaign-nav-bar .nav-links a{
    width:100%;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.16);
  }

  .nav-blue-strip{
    height:6px;
  }
}

@media(max-width:560px){
  .campaign-main-brand img{
    width:70px;
    height:56px;
  }

  .campaign-main-brand strong{
    font-size:19px;
  }

  .campaign-main-brand b{
    font-size:15px;
  }

  .campaign-main-brand small{
    font-size:8px;
  }
}

/* ==========================================================
   CM LOGO FINAL FIX
   ========================================================== */

.brand-logo,
.brand-icon,
.brand-mark,
.campaign-brand-icon{
  width:96px !important;
  min-width:96px !important;
  height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

@media(max-width:768px){
  .brand-logo,
  .brand-icon,
  .brand-mark,
  .campaign-brand-icon{
    width:66px !important;
    min-width:66px !important;
    height:54px !important;
  }
}

@media(max-width:480px){
  .brand-logo,
  .brand-icon,
  .brand-mark,
  .campaign-brand-icon{
    width:56px !important;
    min-width:56px !important;
    height:48px !important;
  }
}

/* HEADER V2 EXACT APPROVED LOOK */
.campaign-header-v2{position:sticky;top:0;z-index:3000;background:#fff}
.campaign-info-bar{background:linear-gradient(90deg,#001f5c,#003f9e);color:#fff;font-size:15px}
.campaign-info-inner{min-height:42px;display:flex;align-items:center;gap:32px}
.campaign-info-inner a,.campaign-info-inner span{color:#fff;display:inline-flex;align-items:center;gap:9px}
.campaign-info-socials{margin-left:auto;display:flex;gap:18px}

.campaign-brand-row{background:#fff}
.campaign-brand-inner{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.campaign-main-brand{display:flex;align-items:center;gap:24px}
.campaign-main-brand img{width:150px;height:100px;object-fit:contain}
.campaign-main-brand span{display:flex;flex-direction:column}
.campaign-main-brand strong{color:#001f5c;font-size:43px;line-height:1;font-weight:950;letter-spacing:.03em}
.campaign-main-brand b{color:#d71920;font-size:34px;line-height:1.05;font-weight:950;letter-spacing:.16em}
.campaign-main-brand small{color:#d71920;margin-top:14px;font-size:17px;font-weight:850;letter-spacing:.22em}

.campaign-volunteer-btn{background:#d71920;color:#fff!important;min-height:64px;padding:0 34px;border-radius:8px;display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:900;box-shadow:0 14px 32px rgba(215,25,32,.22)}
.campaign-menu-toggle-v2{display:none;border:0;background:#003f9e;color:#fff;width:48px;height:48px;border-radius:8px;font-size:24px}

.campaign-nav-bar{background:linear-gradient(90deg,#001f5c,#003f9e)}
.campaign-nav-inner-v2{min-height:70px;display:flex;align-items:center;justify-content:center}
.campaign-nav-bar .nav-links{display:flex;align-items:center;justify-content:center;gap:76px;font-size:18px;font-weight:900;text-transform:uppercase}
.campaign-nav-bar .nav-links a{color:#fff;padding:24px 0 20px;border-bottom:5px solid transparent}
.campaign-nav-bar .nav-links a.active{border-bottom-color:#d71920}
.nav-blue-strip{height:8px;background:#0057d8}

@media(max-width:980px){
  .campaign-info-bar{display:none}
  .campaign-brand-inner{min-height:92px}
  .campaign-main-brand{gap:12px}
  .campaign-main-brand img{width:82px;height:62px}
  .campaign-main-brand strong{font-size:23px}
  .campaign-main-brand b{font-size:18px;letter-spacing:.12em}
  .campaign-main-brand small{font-size:10px;margin-top:6px;letter-spacing:.12em}
  .campaign-volunteer-btn{display:none}
  .campaign-menu-toggle-v2{display:grid;place-items:center}
  .campaign-nav-inner-v2{min-height:0}
  .campaign-nav-bar .nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:0;padding:14px 0}
  .campaign-nav-bar .nav-links.open{display:flex}
  .campaign-nav-bar .nav-links a{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}
}

@media(max-width:560px){
  .campaign-main-brand img{width:66px;height:52px}
  .campaign-main-brand strong{font-size:18px}
  .campaign-main-brand b{font-size:14px}
  .campaign-main-brand small{font-size:8px}
}


/* ==========================================================
   FINAL APPROVED HEADER V2
   ========================================================== */

.campaign-header-v2{
  position:sticky;
  top:0;
  z-index:3000;
  background:#fff;
}

.campaign-info-bar{
  background:linear-gradient(90deg,#001f5c,#003f9e);
  color:#fff;
  font-size:15px;
}

.campaign-info-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:32px;
}

.campaign-info-inner a,
.campaign-info-inner span{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.campaign-info-socials{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px;
}

.campaign-brand-row{
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.campaign-brand-inner{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.campaign-main-brand{
  display:flex;
  align-items:center;
  gap:24px;
}

.campaign-main-brand img{
  width:150px;
  height:100px;
  object-fit:contain;
  display:block;
}

.campaign-main-brand span{
  display:flex;
  flex-direction:column;
}

.campaign-main-brand strong{
  color:#001f5c;
  font-size:43px;
  line-height:1;
  font-weight:950;
  letter-spacing:.03em;
}

.campaign-main-brand b{
  color:#d71920;
  font-size:34px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.16em;
}

.campaign-main-brand small{
  color:#d71920;
  margin-top:14px;
  font-size:17px;
  font-weight:850;
  letter-spacing:.22em;
}

.campaign-volunteer-btn{
  background:#d71920;
  color:#fff!important;
  min-height:64px;
  padding:0 34px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:900;
  box-shadow:0 14px 32px rgba(215,25,32,.22);
}

.campaign-menu-toggle-v2{
  display:none;
  border:0;
  background:#003f9e;
  color:#fff;
  width:48px;
  height:48px;
  border-radius:8px;
  font-size:24px;
}

.campaign-nav-bar{
  background:linear-gradient(90deg,#001f5c,#003f9e);
}

.campaign-nav-inner-v2{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.campaign-nav-bar .nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:76px;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}

.campaign-nav-bar .nav-links a{
  color:#fff;
  padding:24px 0 20px;
  border-bottom:5px solid transparent;
}

.campaign-nav-bar .nav-links a.active{
  border-bottom-color:#d71920;
}

.nav-blue-strip{
  height:8px;
  background:#0057d8;
}

@media(max-width:980px){
  .campaign-info-bar{display:none}
  .campaign-brand-inner{min-height:92px}
  .campaign-main-brand{gap:12px}
  .campaign-main-brand img{width:82px;height:62px}
  .campaign-main-brand strong{font-size:23px}
  .campaign-main-brand b{font-size:18px;letter-spacing:.12em}
  .campaign-main-brand small{font-size:10px;margin-top:6px;letter-spacing:.12em}
  .campaign-volunteer-btn{display:none}
  .campaign-menu-toggle-v2{display:grid;place-items:center}
  .campaign-nav-inner-v2{min-height:0}
  .campaign-nav-bar .nav-links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:0;padding:14px 0}
  .campaign-nav-bar .nav-links.open{display:flex}
  .campaign-nav-bar .nav-links a{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}
}

@media(max-width:560px){
  .campaign-main-brand img{width:66px;height:52px}
  .campaign-main-brand strong{font-size:18px}
  .campaign-main-brand b{font-size:14px}
  .campaign-main-brand small{font-size:8px}
}

/* ==========================================================
   HEADER V2 VOLUNTEER BUTTON POSITION FIX
   Keeps Volunteer button on the right side of logo section.
   ========================================================== */

.campaign-brand-row .campaign-brand-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.campaign-brand-row .campaign-main-brand{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.campaign-brand-row .campaign-volunteer-btn{
  margin-left:auto !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

/* Keep hamburger after volunteer, only on mobile */
.campaign-brand-row .campaign-menu-toggle-v2{
  flex:0 0 auto !important;
}

/* Hide old menu-row volunteer/donate buttons if any remain */
.campaign-nav-bar .donate-btn,
.campaign-nav-bar .campaign-volunteer-btn,
.nav-links .donate-btn{
  display:none !important;
}

@media(max-width:980px){
  .campaign-brand-row .campaign-volunteer-btn{
    display:none !important;
  }
}

/* FORCE VOLUNTEER BUTTON VISIBLE ON LOGO ROW */
.campaign-brand-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.campaign-volunteer-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  background:#d71920 !important;
  color:#fff !important;
  min-height:58px !important;
  padding:0 30px !important;
  border-radius:8px !important;
  font-weight:900 !important;
  font-size:16px !important;
  white-space:nowrap !important;
  box-shadow:0 14px 32px rgba(215,25,32,.22) !important;
}

@media(max-width:980px){
  .campaign-volunteer-btn{
    display:none !important;
  }
}

/* ==========================================================
   COMPACT CAMPAIGN BRANDING
   ========================================================== */

.campaign-brand-row{
    padding:8px 0 !important;
}

.campaign-brand-inner{
    min-height:82px !important;
    gap:18px !important;
}

.campaign-main-brand{
    gap:14px !important;
}

.campaign-main-brand img{
    width:88px !important;
    height:68px !important;
    object-fit:contain !important;
}

.campaign-main-brand span{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:2px !important;
}

/* CHEGE MWAURA */
.campaign-main-brand strong{
    font-size:30px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
    letter-spacing:0 !important;
}

/* FOR MP 2027 */
.campaign-main-brand b{
    font-size:20px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
    letter-spacing:.08em !important;
}

/* FROM STAREHE... */
.campaign-main-brand small{
    font-size:11px !important;
    line-height:1.05 !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    letter-spacing:.10em !important;
}

/* Volunteer */
.campaign-volunteer-btn{
    min-height:50px !important;
    padding:0 22px !important;
    font-size:15px !important;
}

/* Desktop */
@media(min-width:1200px){

    .campaign-main-brand strong{
        font-size:32px !important;
    }

    .campaign-main-brand b{
        font-size:22px !important;
    }

}

/* Tablet */

@media(max-width:991px){

    .campaign-brand-inner{
        min-height:70px !important;
    }

    .campaign-main-brand img{
        width:66px !important;
        height:52px !important;
    }

    .campaign-main-brand strong{
        font-size:22px !important;
    }

    .campaign-main-brand b{
        font-size:16px !important;
    }

    .campaign-main-brand small{
        font-size:9px !important;
    }

}


/* ==========================================================
   COMPACT NAVIGATION BAR
   ========================================================== */

.campaign-nav-bar{
    min-height:54px !important;
}

.campaign-nav-inner-v2{
    min-height:54px !important;
}

.campaign-nav-bar .nav-links{
    gap:42px !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
}

.campaign-nav-bar .nav-links a{
    padding:16px 0 14px !important;
    border-bottom-width:3px !important;
    transition:all .25s ease;
}

.campaign-nav-bar .nav-links a:hover{
    color:#FFD54A !important;
}

.campaign-nav-bar .nav-links a.active{
    border-bottom-width:4px !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:991px){

    .campaign-nav-bar{
        min-height:auto !important;
    }

    .campaign-nav-inner-v2{
        min-height:0 !important;
    }

    .campaign-nav-bar .nav-links{
        gap:0 !important;
        font-size:15px !important;
    }

    .campaign-nav-bar .nav-links a{
        padding:14px 18px !important;
    }

}


/* ==========================================================
   FINAL DARK GREEN CAMPAIGN THEME
   Approved green/white/red identity
   ========================================================== */

:root{
  --blue:#003b1f !important;
  --blue2:#064f2a !important;
  --blue-dark:#001f12 !important;
  --red:#d71920 !important;
  --text:#062414 !important;
  --muted:#405346 !important;
  --soft:#f2f8f4 !important;
}

/* Top information bar */
.topbar,
.campaign-info-bar{
  background:linear-gradient(90deg,#001f12,#003b1f,#064f2a) !important;
}

/* Brand row text */
.brand,
.campaign-main-brand strong{
  color:#002b18 !important;
}

.brand small,
.campaign-main-brand b,
.campaign-main-brand small{
  color:#d71920 !important;
}

/* Main navigation */
.navbar,
.campaign-nav-bar{
  background:linear-gradient(90deg,#001f12,#003b1f,#064f2a) !important;
}

.nav-links a,
.campaign-nav-bar .nav-links a{
  color:#ffffff !important;
}

.nav-links a.active,
.campaign-nav-bar .nav-links a.active{
  color:#ffffff !important;
  border-bottom-color:#d71920 !important;
}

.nav-links a:hover,
.campaign-nav-bar .nav-links a:hover{
  color:#ffffff !important;
  opacity:.86;
}

/* Blue strip converted to green strip */
.nav-blue-strip{
  background:#14823b !important;
}

/* Hero */
.hero,
.campaign-hero{
  background:#001f12 !important;
}

.hero-shade,
.campaign-overlay{
  background:linear-gradient(
    90deg,
    rgba(0,31,18,.96) 0%,
    rgba(0,45,25,.86) 42%,
    rgba(0,45,25,.32) 100%
  ) !important;
}

.hero-copy h1,
.campaign-hero-content h1{
  color:#ffffff !important;
}

.hero-copy p,
.campaign-hero-content p{
  color:#ffffff !important;
}

/* Main buttons */
.primary-btn,
.campaign-primary{
  background:#d71920 !important;
  color:#ffffff !important;
  box-shadow:0 14px 30px rgba(215,25,32,.25) !important;
}

.outline-btn,
.campaign-secondary{
  border-color:rgba(255,255,255,.8) !important;
  color:#ffffff !important;
}

.donate-btn,
.campaign-volunteer-btn{
  background:#d71920 !important;
  color:#ffffff !important;
}

/* Slider controls */
.slider-dots button.active,
.campaign-dots button.active{
  background:#d71920 !important;
}

.slider-arrow,
.campaign-arrow{
  background:rgba(0,31,18,.35) !important;
}

/* Quick panel and icons */
.quick-panel i,
.campaign-quick i,
.agenda-grid i,
.campaign-agenda i,
.story-pro-values i{
  color:#064f2a !important;
  border-color:#064f2a !important;
}

.quick-panel strong,
.campaign-quick strong,
.agenda-grid h3,
.campaign-agenda h3,
.commitment h2,
.campaign-section h2,
.story-text h2,
.story-pro-content h2,
.campaign-story-text h2{
  color:#002b18 !important;
}

.quick-panel a:hover,
.campaign-quick a:hover{
  background:#f2f8f4 !important;
}

/* Section accents */
.section-line,
.campaign-line{
  background:#14823b !important;
}

.story-pro-redline{
  background:#d71920 !important;
}

/* Story section */
.story-section,
.story-pro,
.campaign-story{
  background:linear-gradient(100deg,#eef8f1 0%,#ffffff 72%) !important;
}

.story-pro-kicker,
.story-text span,
.campaign-story-text span{
  color:#064f2a !important;
}

/* Stats section */
.stats,
.campaign-stats{
  background:linear-gradient(90deg,#001f12,#003b1f,#064f2a) !important;
  color:#ffffff !important;
}

/* CTA */
.cta,
.campaign-cta{
  background:
    linear-gradient(90deg,rgba(0,31,18,.96),rgba(0,59,31,.9)),
    linear-gradient(135deg,#001f12,#064f2a) !important;
  color:#ffffff !important;
}

.cta h2,
.campaign-cta h2{
  color:#ffffff !important;
}

.light-btn,
.campaign-light{
  background:#ffffff !important;
  color:#003b1f !important;
}

.outline-light-btn{
  color:#ffffff !important;
  border-color:#ffffff !important;
}

/* Footer */
.footer,
.campaign-footer{
  background:#001f12 !important;
  color:#ffffff !important;
}

/* Mobile menu */
@media(max-width:980px){
  .campaign-menu-toggle-v2,
  .menu-toggle{
    background:#003b1f !important;
    color:#ffffff !important;
  }

  .nav-links,
  .campaign-nav-bar .nav-links{
    background:linear-gradient(180deg,#001f12,#003b1f) !important;
  }
}

/* FORCE WHATSAPP GREEN CTA */
a.campaign-volunteer-btn,
.campaign-volunteer-btn,
.campaign-brand-row .campaign-volunteer-btn,
.campaign-brand-inner .campaign-volunteer-btn,
a[href*="register"].campaign-volunteer-btn{
  background:#25D366 !important;
  background-color:#25D366 !important;
  border:2px solid #25D366 !important;
  color:#ffffff !important;
  box-shadow:0 14px 30px rgba(37,211,102,.38) !important;
}

a.campaign-volunteer-btn:hover,
.campaign-volunteer-btn:hover{
  background:#20BA5A !important;
  background-color:#20BA5A !important;
  border-color:#20BA5A !important;
  color:#ffffff !important;
}

/* ==========================================================
   STAREHE FIRST MANIFESTO 2027
   ========================================================== */

.manifesto-home{
  background:#f4faf6;
  padding:72px 0;
}

.manifesto-hero{
  text-align:center;
  background:linear-gradient(135deg,#001f12,#003b1f,#064f2a);
  color:#fff;
  padding:54px 28px;
  border-radius:18px;
  box-shadow:0 22px 55px rgba(0,31,18,.18);
}

.manifesto-hero span{
  display:block;
  color:#25D366;
  font-size:15px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:14px;
}

.manifesto-hero h2{
  margin:0;
  color:#fff;
  font-size:clamp(34px,5vw,56px);
  line-height:1.05;
}

.manifesto-hero p{
  max-width:760px;
  margin:18px auto 0;
  color:#eefaf1;
  font-size:20px;
  line-height:1.55;
}

.manifesto-vm-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
  margin-top:34px;
}

.manifesto-vm-card{
  background:#fff;
  border:1px solid #d8eadf;
  border-left:6px solid #064f2a;
  border-radius:16px;
  padding:32px;
  box-shadow:0 14px 34px rgba(0,31,18,.08);
}

.manifesto-vm-card i{
  color:#064f2a;
  font-size:34px;
  margin-bottom:16px;
}

.manifesto-vm-card h3{
  margin:0 0 12px;
  color:#002b18;
  font-size:25px;
}

.manifesto-vm-card p{
  margin:0;
  color:#263b2e;
  font-size:17px;
  line-height:1.7;
}

.manifesto-heading{
  text-align:center;
  margin:62px 0 34px;
}

.manifesto-heading span{
  color:#064f2a;
  font-weight:900;
  letter-spacing:.14em;
}

.manifesto-heading h2{
  margin:10px 0 0;
  color:#002b18;
  font-size:38px;
}

.manifesto-pillar{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:28px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 20px 48px rgba(0,31,18,.1);
  border:1px solid #d8eadf;
}

.pillar-main{
  padding:36px;
}

.pillar-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#e8f7ed;
  color:#064f2a;
  font-size:32px;
  margin-bottom:20px;
}

.pillar-main h3,
.manifesto-card h3{
  margin:0 0 14px;
  color:#002b18;
  font-size:27px;
}

.pillar-main p,
.manifesto-card p{
  color:#31483a;
  font-size:17px;
  line-height:1.65;
}

.pillar-main ul,
.manifesto-card ul{
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.pillar-main li,
.manifesto-card li{
  position:relative;
  padding-left:30px;
  margin-bottom:12px;
  color:#25382d;
  line-height:1.5;
}

.pillar-main li::before,
.manifesto-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#25D366;
  font-weight:900;
}

.pillar-proof{
  background:linear-gradient(135deg,#001f12,#064f2a);
  color:#fff;
  padding:38px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.pillar-proof span{
  color:#25D366;
  font-weight:900;
  letter-spacing:.12em;
}

.pillar-proof strong{
  display:block;
  font-size:58px;
  line-height:1;
  margin:18px 0;
}

.pillar-proof p{
  color:#eefaf1;
  margin:0;
  font-size:17px;
  line-height:1.55;
}

.manifesto-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  margin-top:28px;
}

.manifesto-card{
  background:#fff;
  border:1px solid #d8eadf;
  border-radius:18px;
  padding:32px;
  box-shadow:0 14px 34px rgba(0,31,18,.08);
}

.manifesto-card > i{
  width:62px;
  height:62px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#e8f7ed;
  color:#064f2a;
  font-size:30px;
  margin-bottom:20px;
}

.manifesto-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:34px;
}

.manifesto-kpis div{
  background:#003b1f;
  color:#fff;
  border-radius:16px;
  padding:26px 18px;
  text-align:center;
}

.manifesto-kpis strong{
  display:block;
  font-size:27px;
  line-height:1.1;
}

.manifesto-kpis span{
  display:block;
  margin-top:8px;
  color:#dff8e7;
  font-size:14px;
}

@media(max-width:980px){
  .manifesto-vm-grid,
  .manifesto-pillar,
  .manifesto-card-grid{
    grid-template-columns:1fr;
  }

  .manifesto-kpis{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .manifesto-home{
    padding:48px 0;
  }

  .manifesto-hero{
    padding:38px 20px;
  }

  .manifesto-hero h2{
    font-size:32px;
  }

  .manifesto-hero p{
    font-size:17px;
  }

  .manifesto-vm-card,
  .pillar-main,
  .manifesto-card{
    padding:24px;
  }

  .manifesto-heading h2{
    font-size:30px;
  }

  .pillar-proof strong{
    font-size:44px;
  }

  .manifesto-kpis{
    grid-template-columns:1fr;
  }
}

.record-section{background:#f4faf6;padding:74px 0}
.record-head{text-align:center;max-width:850px;margin:0 auto 38px}
.record-head span{color:#064f2a;font-weight:900;letter-spacing:.14em}
.record-head h2{margin:12px 0;color:#002b18;font-size:clamp(32px,5vw,52px)}
.record-head p{color:#31483a;font-size:18px;line-height:1.65}

.record-feature{background:linear-gradient(135deg,#001f12,#064f2a);color:#fff;border-radius:18px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.record-feature span{color:#25D366;font-weight:900;letter-spacing:.12em}
.record-feature h3{font-size:32px;margin:10px 0}
.record-feature p{font-size:17px;line-height:1.6;margin:0;color:#eefaf1}
.record-feature strong{font-size:54px;line-height:1;text-align:center}
.record-feature small{display:block;font-size:14px;margin-top:8px;color:#dff8e7}

.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.record-grid article{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(0,31,18,.10);border:1px solid #d8eadf}
.record-grid img{width:100%;height:220px;object-fit:cover;display:block}
.record-grid article div{padding:24px}
.record-grid i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e8f7ed;color:#064f2a;font-size:26px;margin-bottom:16px}
.record-grid h3{margin:0 0 10px;color:#002b18;font-size:22px}
.record-grid p{margin:0;color:#344b3d;line-height:1.6}

@media(max-width:980px){
  .record-grid{grid-template-columns:1fr 1fr}
  .record-feature{flex-direction:column;text-align:center}
}

@media(max-width:560px){
  .record-section{padding:50px 0}
  .record-grid{grid-template-columns:1fr}
  .record-grid img{height:210px}
}

/* VOLUNTEER SIGNUP PAGE */
.volunteer-page{min-height:100vh;background:linear-gradient(135deg,#001f12,#064f2a);padding:50px 16px;display:flex;align-items:center;justify-content:center}
.volunteer-card{width:min(960px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.25)}
.volunteer-back{color:#064f2a;font-weight:900;display:inline-flex;margin-bottom:24px}
.volunteer-head span{color:#25D366;font-weight:900;letter-spacing:.14em}
.volunteer-head h1{margin:10px 0;color:#002b18;font-size:clamp(30px,5vw,48px)}
.volunteer-head p{color:#344b3d;font-size:18px;line-height:1.6}
.volunteer-success{background:#e8f7ed;border:1px solid #25D366;color:#064f2a;padding:16px;border-radius:12px;margin:24px 0;font-weight:800}
.volunteer-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.volunteer-form .full{grid-column:1/-1}
.volunteer-form label{display:block;font-weight:900;color:#002b18;margin-bottom:8px}
.volunteer-form input{width:100%;height:52px;border:1px solid #cfe2d5;border-radius:10px;padding:0 14px;font-size:16px}
.volunteer-form input:focus{outline:3px solid rgba(37,211,102,.18);border-color:#25D366}
.volunteer-form button{grid-column:1/-1;height:56px;border:0;border-radius:10px;background:#25D366;color:#fff;font-weight:900;font-size:16px;cursor:pointer}
@media(max-width:700px){.volunteer-card{padding:24px}.volunteer-form{grid-template-columns:1fr}}

/* ==========================================================
   PROFESSIONAL VOLUNTEER FORM PAGE
   ========================================================== */

.volunteer-pro-page{
  min-height:100vh;
  background:
    linear-gradient(135deg,rgba(0,31,18,.96),rgba(6,79,42,.92)),
    radial-gradient(circle at top right,rgba(37,211,102,.22),transparent 34%);
  padding:42px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.volunteer-pro-shell{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:30px;
  align-items:stretch;
}

.volunteer-pro-left{
  color:#fff;
  border-radius:24px;
  padding:38px;
  background:linear-gradient(145deg,rgba(0,31,18,.82),rgba(0,59,31,.62));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.volunteer-pro-back{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  margin-bottom:42px;
}

.volunteer-pro-brand span{
  color:#25D366;
  font-weight:900;
  letter-spacing:.16em;
}

.volunteer-pro-brand h1{
  margin:14px 0;
  color:#fff;
  font-size:clamp(36px,5vw,58px);
  line-height:1.05;
}

.volunteer-pro-brand p{
  color:#e9fff0;
  font-size:19px;
  line-height:1.65;
}

.volunteer-pro-points{
  display:grid;
  gap:16px;
  margin-top:38px;
}

.volunteer-pro-points div{
  display:grid;
  grid-template-columns:54px 1fr;
  column-gap:16px;
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
}

.volunteer-pro-points i{
  grid-row:1/3;
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#003b1f;
  background:#25D366;
  font-size:22px;
}

.volunteer-pro-points strong{
  color:#fff;
  font-size:18px;
}

.volunteer-pro-points span{
  color:#dff8e7;
}

.volunteer-pro-card{
  background:#fff;
  border-radius:24px;
  padding:38px;
  box-shadow:0 25px 70px rgba(0,0,0,.24);
}

.volunteer-pro-head span{
  color:#064f2a;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.volunteer-pro-head h2{
  margin:10px 0 24px;
  color:#002b18;
  font-size:38px;
}

.volunteer-pro-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.volunteer-pro-form .full{
  grid-column:1/-1;
}

.volunteer-pro-form label{
  display:block;
  color:#002b18;
  font-weight:900;
  margin-bottom:8px;
}

.volunteer-pro-form input{
  width:100%;
  height:54px;
  border:1px solid #cfe2d5;
  border-radius:12px;
  padding:0 15px;
  font-size:16px;
  color:#102418;
  background:#fbfffc;
}

.volunteer-pro-form input:focus{
  outline:4px solid rgba(37,211,102,.18);
  border-color:#25D366;
}

.volunteer-pro-form button{
  grid-column:1/-1;
  min-height:58px;
  border:0;
  border-radius:12px;
  background:#25D366;
  color:#fff;
  font-weight:900;
  font-size:17px;
  cursor:pointer;
  box-shadow:0 16px 35px rgba(37,211,102,.32);
}

.volunteer-success{
  background:#e8f7ed;
  border:1px solid #25D366;
  color:#064f2a;
  padding:16px;
  border-radius:12px;
  margin:0 0 22px;
  font-weight:900;
}

@media(max-width:900px){
  .volunteer-pro-shell{
    grid-template-columns:1fr;
  }

  .volunteer-pro-left,
  .volunteer-pro-card{
    padding:26px;
  }
}

@media(max-width:600px){
  .volunteer-pro-page{
    padding:18px 12px;
  }

  .volunteer-pro-form{
    grid-template-columns:1fr;
  }

  .volunteer-pro-brand h1{
    font-size:34px;
  }

  .volunteer-pro-head h2{
    font-size:30px;
  }
}

/* ==========================================================
   PROFESSIONAL CONTACT PAGE
   ========================================================== */

.contact-pro-page{
  min-height:100vh;
  background:
    linear-gradient(135deg,rgba(0,31,18,.96),rgba(6,79,42,.92)),
    radial-gradient(circle at top right,rgba(37,211,102,.22),transparent 34%);
  padding:42px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.contact-pro-shell{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:30px;
  align-items:stretch;
}

.contact-pro-left{
  color:#fff;
  border-radius:24px;
  padding:38px;
  background:linear-gradient(145deg,rgba(0,31,18,.82),rgba(0,59,31,.62));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.contact-pro-back{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  margin-bottom:42px;
}

.contact-pro-left > span,
.contact-pro-head span{
  color:#25D366;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.contact-pro-left h1{
  margin:14px 0;
  color:#fff;
  font-size:clamp(36px,5vw,58px);
  line-height:1.05;
}

.contact-pro-left p{
  color:#e9fff0;
  font-size:19px;
  line-height:1.65;
}

.contact-info-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:34px;
}

.contact-info-grid a,
.contact-info-grid div{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  padding:18px;
  color:#fff;
}

.contact-info-grid i{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#003b1f;
  font-size:22px;
  margin-bottom:14px;
}

.contact-info-grid strong{
  display:block;
  font-size:17px;
  margin-bottom:6px;
}

.contact-info-grid small{
  color:#dff8e7;
  line-height:1.45;
}

.contact-pro-card{
  background:#fff;
  border-radius:24px;
  padding:38px;
  box-shadow:0 25px 70px rgba(0,0,0,.24);
}

.contact-pro-head h2{
  margin:10px 0 24px;
  color:#002b18;
  font-size:38px;
}

.contact-pro-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.contact-pro-form .full{
  grid-column:1/-1;
}

.contact-pro-form label{
  display:block;
  color:#002b18;
  font-weight:900;
  margin-bottom:8px;
}

.contact-pro-form input,
.contact-pro-form textarea{
  width:100%;
  border:1px solid #cfe2d5;
  border-radius:12px;
  padding:0 15px;
  font-size:16px;
  color:#102418;
  background:#fbfffc;
}

.contact-pro-form input{
  height:54px;
}

.contact-pro-form textarea{
  height:150px;
  padding-top:14px;
  resize:vertical;
}

.contact-pro-form input:focus,
.contact-pro-form textarea:focus{
  outline:4px solid rgba(37,211,102,.18);
  border-color:#25D366;
}

.contact-pro-form button{
  grid-column:1/-1;
  min-height:58px;
  border:0;
  border-radius:12px;
  background:#25D366;
  color:#fff;
  font-weight:900;
  font-size:17px;
  cursor:pointer;
  box-shadow:0 16px 35px rgba(37,211,102,.32);
}

.contact-success{
  background:#e8f7ed;
  border:1px solid #25D366;
  color:#064f2a;
  padding:16px;
  border-radius:12px;
  margin:0 0 22px;
  font-weight:900;
}

@media(max-width:900px){
  .contact-pro-shell{
    grid-template-columns:1fr;
  }

  .contact-pro-left,
  .contact-pro-card{
    padding:26px;
  }
}

@media(max-width:600px){
  .contact-pro-page{
    padding:18px 12px;
  }

  .contact-info-grid,
  .contact-pro-form{
    grid-template-columns:1fr;
  }

  .contact-pro-left h1{
    font-size:34px;
  }

  .contact-pro-head h2{
    font-size:30px;
  }
}

/* MY STORY PAGE */
.story-top-nav{background:#fff;position:sticky;top:0;z-index:2000;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.story-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.story-brand{font-weight:950;color:#003b1f;font-size:22px}.story-brand span{display:block;color:#d71920;font-size:13px}
.story-nav-inner nav{display:flex;gap:28px;font-weight:900;text-transform:uppercase;font-size:13px}
.story-nav-inner nav a.active{color:#064f2a;border-bottom:3px solid #25D366}

.my-story-hero{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff}
.my-story-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px}
.my-story-hero-text span,.story-intro span{color:#25D366;font-weight:900;letter-spacing:.14em}
.my-story-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:18px 0;color:#fff}
.story-redline{width:90px;height:5px;background:#d71920;margin:20px 0}.story-tags{font-weight:900}
.my-story-hero blockquote{font-size:20px;line-height:1.6;color:#eaffef}
.my-story-hero-photo img{width:100%;max-height:390px;object-fit:contain}

.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:70px 0}
.story-intro h2,.story-timeline h2,.story-record h2,.story-values h2{font-size:38px;color:#002b18;margin:10px 0 18px}
.story-intro p{font-size:17px;line-height:1.7;color:#30483a}
.story-green-btn{display:inline-flex;background:#25D366;color:#fff!important;padding:16px 24px;border-radius:8px;font-weight:900;margin-top:15px}
.story-intro-image img{width:100%;height:360px;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px rgba(0,31,18,.14)}

.story-timeline{padding:30px 0 60px;text-align:center}
.timeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.timeline-grid div{background:#fff;border:1px solid #d8eadf;border-radius:16px;padding:22px;box-shadow:0 10px 25px rgba(0,31,18,.06)}
.timeline-grid i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#064f2a;color:#fff;margin:0 auto 14px}
.timeline-grid strong{display:block;color:#002b18}.timeline-grid span{display:block;font-size:13px;color:#405346;margin-top:8px}

.story-record{padding:30px 0 70px;text-align:center}
.story-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story-record-grid article{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #d8eadf;box-shadow:0 12px 30px rgba(0,31,18,.08);text-align:left}
.story-record-grid img{width:100%;height:210px;object-fit:cover}.story-record-grid h3{color:#002b18;padding:18px 18px 0;margin:0}.story-record-grid p{padding:8px 18px 20px;margin:0;color:#405346}

.story-impact{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;padding:50px 0}
.story-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.story-impact strong{display:block;font-size:42px}.story-impact span{color:#dff8e7}

.story-values{padding:70px 0;text-align:center}
.story-values-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.story-values-grid div{background:#fff;border:1px solid #d8eadf;border-radius:16px;padding:22px}
.story-values-grid i{color:#064f2a;font-size:30px}.story-values-grid strong{display:block;margin:12px 0 6px;color:#002b18}.story-values-grid span{font-size:13px;color:#405346}

.story-cta{background:#064f2a;color:#fff;padding:46px 0}
.story-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.story-cta span{color:#25D366;font-weight:900}.story-cta h2{font-size:34px;margin:8px 0;color:#fff}.story-cta p{margin:0;color:#eaffef}
.story-cta a{display:inline-flex;margin-left:14px;padding:15px 28px;border-radius:8px;border:1px solid #fff;color:#fff!important;font-weight:900}
.story-cta a:first-child{background:#25D366;border-color:#25D366}

@media(max-width:980px){
  .story-nav-inner nav{display:none}
  .my-story-hero-grid,.story-intro{grid-template-columns:1fr}
  .timeline-grid,.story-values-grid{grid-template-columns:repeat(2,1fr)}
  .story-record-grid{grid-template-columns:1fr 1fr}
  .story-impact-grid{grid-template-columns:1fr 1fr;gap:25px}
  .story-cta-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .story-nav-inner{height:66px}.story-brand{font-size:18px}
  .story-intro{padding:45px 0}.timeline-grid,.story-record-grid,.story-values-grid,.story-impact-grid{grid-template-columns:1fr}
  .story-cta a{margin:10px 10px 0 0}
}

/* MY AGENDA PAGE */
.agenda-top-nav{background:#fff;position:sticky;top:0;z-index:2000;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.agenda-nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}
.agenda-brand{font-weight:950;color:#003b1f;font-size:22px}.agenda-brand span{display:block;color:#d71920;font-size:13px}
.agenda-nav-inner nav{display:flex;gap:28px;font-weight:900;text-transform:uppercase;font-size:13px}
.agenda-nav-inner nav a.active{color:#064f2a;border-bottom:3px solid #25D366}

.agenda-hero{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff}
.agenda-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px}
.agenda-hero-text span{color:#25D366;font-weight:900;letter-spacing:.14em}
.agenda-hero h1{font-size:clamp(52px,7vw,86px);line-height:.95;margin:18px 0;color:#fff;text-transform:uppercase}
.agenda-hero h3{color:#25D366;font-size:28px;text-transform:uppercase;margin:0}
.agenda-redline{width:90px;height:5px;background:#d71920;margin:22px 0}
.agenda-hero p{font-size:18px;line-height:1.65;max-width:560px;color:#eaffef}
.agenda-hero-photo{height:430px;display:flex;align-items:flex-end;justify-content:center}
.agenda-hero-photo img{max-width:100%;max-height:420px;object-fit:contain}
.agenda-photo-fallback{width:80%;height:300px;border-radius:20px;background:#fff;color:#003b1f;display:grid;place-items:center;text-align:center;font-size:36px;font-weight:950}.agenda-photo-fallback small{color:#d71920}

.agenda-commitment{text-align:center;padding:58px 0 34px}
.agenda-section-title{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center}
.agenda-section-title span{height:1px;background:#064f2a}
.agenda-section-title h2{color:#064f2a;font-size:30px;text-transform:uppercase;margin:0}
.agenda-commitment p{max-width:760px;margin:24px auto 0;color:#25382d;font-size:18px;line-height:1.6}

.agenda-pillars{padding:22px 0 55px;text-align:center}
.agenda-pillars > h2{color:#064f2a;text-transform:uppercase;margin-bottom:28px}
.agenda-pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.agenda-pillar-grid article{background:#fff;border:1px solid #d8eadf;border-radius:16px;box-shadow:0 12px 30px rgba(0,31,18,.08);overflow:hidden;padding:22px 18px 0}
.agenda-pillar-grid i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#064f2a;color:#fff;font-size:25px;margin:0 auto 16px}
.agenda-pillar-grid h3{color:#002b18;font-size:17px;margin:0 0 10px;text-transform:uppercase}
.agenda-pillar-grid p{font-size:14px;line-height:1.55;color:#344b3d;min-height:95px}
.agenda-pillar-grid img{width:calc(100% + 36px);margin-left:-18px;height:120px;object-fit:cover;display:block}

.agenda-vision{background:linear-gradient(135deg,#001f12,#064f2a);border-radius:16px;color:#fff;padding:36px;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center;margin-bottom:50px}
.agenda-vision-quote span{color:#25D366;font-weight:900}.agenda-vision-quote h2{font-size:30px;line-height:1.25;color:#fff}
.agenda-vision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.agenda-vision-grid i{color:#25D366;font-size:34px}.agenda-vision-grid strong{display:block;margin:12px 0;color:#fff;text-transform:uppercase}.agenda-vision-grid span{color:#eaffef;font-size:14px;line-height:1.5}

.agenda-priorities{text-align:center;padding-bottom:60px}
.agenda-priorities h2{color:#064f2a;text-transform:uppercase}
.agenda-priority-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:28px}
.agenda-priority-row div{border-right:1px solid #064f2a;padding:0 14px}.agenda-priority-row div:last-child{border-right:0}
.agenda-priority-row b{display:inline-grid;place-items:center;background:#064f2a;color:#fff;border-radius:5px;padding:7px 9px;margin-bottom:12px}
.agenda-priority-row span{display:block;color:#25382d;line-height:1.5}

.agenda-cta{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;text-align:center;padding:60px 0}
.agenda-cta span{color:#25D366;font-weight:900;text-transform:uppercase}.agenda-cta h2{color:#fff;font-size:38px;margin:10px 0 28px}
.agenda-cta a{display:inline-flex;justify-content:center;min-width:180px;margin:8px 10px;padding:15px 28px;border-radius:8px;border:1px solid #fff;color:#fff!important;font-weight:900;text-transform:uppercase}
.agenda-cta a:first-child{background:#25D366;border-color:#25D366}

@media(max-width:1100px){.agenda-pillar-grid{grid-template-columns:repeat(2,1fr)}.agenda-priority-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .agenda-nav-inner nav{display:none}
  .agenda-hero-grid,.agenda-vision{grid-template-columns:1fr}
  .agenda-hero-photo{height:auto;padding:20px 0}
  .agenda-section-title{grid-template-columns:1fr}
  .agenda-section-title span{display:none}
  .agenda-vision-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .agenda-nav-inner{height:66px}.agenda-brand{font-size:18px}
  .agenda-hero h1{font-size:48px}.agenda-hero h3{font-size:22px}
  .agenda-pillar-grid,.agenda-priority-row,.agenda-vision-grid{grid-template-columns:1fr}
  .agenda-priority-row div{border-right:0;border-bottom:1px solid #d8eadf;padding-bottom:18px}
}

.story-page,
.agenda-page{
  min-height:100vh;
  background:linear-gradient(135deg,#001f12,#064f2a);
  color:#fff;
  display:flex;
  align-items:center;
  padding:70px 0;
}

.story-page h1,
.agenda-page h1{
  color:#fff;
  font-size:clamp(42px,7vw,86px);
  line-height:1.05;
  margin:0 0 20px;
}

.story-page p,
.agenda-page p{
  max-width:720px;
  color:#eaffef;
  font-size:22px;
  line-height:1.6;
}

/* FULL MY STORY + MY AGENDA PAGES */
.page-nav{background:#fff;position:sticky;top:0;z-index:2000;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.page-nav .wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.page-nav a{font-weight:950;color:#003b1f}.page-nav a span{display:block;color:#d71920;font-size:12px}
.page-nav nav{display:flex;gap:26px;text-transform:uppercase;font-size:13px}.page-nav nav a.active{border-bottom:3px solid #25D366}

.full-story-hero,.agenda-full-hero{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;padding:70px 0}
.full-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.full-story-hero span,.agenda-full-hero span,.story-copy span,.agenda-vision-full span{color:#25D366;font-weight:900;letter-spacing:.14em}
.full-story-hero h1,.agenda-full-hero h1{font-size:clamp(46px,7vw,86px);line-height:1.02;color:#fff;margin:14px 0}
.full-story-hero p,.agenda-full-hero p{font-size:24px;color:#eaffef}.full-story-hero blockquote{font-size:20px;line-height:1.6;color:#fff}
.full-story-hero a,.page-cta a{display:inline-flex;background:#25D366;color:#fff!important;padding:15px 26px;border-radius:8px;font-weight:900;margin-top:14px}
.full-story-grid img{width:100%;height:390px;object-fit:cover;border-radius:20px}

.story-body,.agenda-vision-full{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;padding:70px 0;align-items:center}
.story-copy h2,.story-timeline-full h2,.story-record-full h2,.agenda-pillars-full h2,.agenda-priority-full h2{font-size:38px;color:#002b18;margin:10px 0 18px}
.story-copy p,.agenda-vision-full p{font-size:17px;line-height:1.7;color:#30483a}
.story-proof{background:#064f2a;color:#fff;border-radius:18px;padding:30px;text-align:center}.story-proof strong{display:block;font-size:48px}.story-proof span{display:block;margin-bottom:20px;color:#eaffef}

.story-timeline-full,.story-record-full,.agenda-pillars-full{padding:30px 0 65px;text-align:center}
.timeline-full-grid,.agenda-full-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline-full-grid div,.agenda-full-grid article{background:#fff;border:1px solid #d8eadf;border-radius:16px;padding:24px;box-shadow:0 10px 25px rgba(0,31,18,.07)}
.timeline-full-grid i,.agenda-full-grid i{font-size:30px;color:#064f2a;margin-bottom:12px}.timeline-full-grid b,.agenda-full-grid h3{display:block;color:#002b18;margin-bottom:8px}

.record-full-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.record-full-grid article{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(0,31,18,.08);text-align:left}.record-full-grid img{width:100%;height:210px;object-fit:cover}.record-full-grid h3,.record-full-grid p{padding:0 18px}.record-full-grid h3{color:#002b18}

.agenda-full-hero{text-align:center}.agenda-vision-full>div{background:#fff;border-left:6px solid #064f2a;border-radius:16px;padding:30px;box-shadow:0 10px 28px rgba(0,31,18,.08)}
.agenda-priority-full{background:#f4faf6;padding:60px 0;text-align:center}.agenda-priority-full .wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agenda-priority-full p{background:#fff;border-radius:14px;padding:20px;color:#25382d}.agenda-priority-full b{color:#25D366;margin-right:8px}

.page-cta{background:#064f2a;color:#fff;padding:50px 0;text-align:center}.page-cta h2{color:#fff;font-size:36px}.page-cta a+a{background:transparent;border:1px solid #fff;margin-left:12px}

@media(max-width:900px){.page-nav nav{display:none}.full-story-grid,.story-body,.agenda-vision-full{grid-template-columns:1fr}.timeline-full-grid,.agenda-full-grid,.record-full-grid,.agenda-priority-full .wrap>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.timeline-full-grid,.agenda-full-grid,.record-full-grid,.agenda-priority-full .wrap>div{grid-template-columns:1fr}.page-nav .wrap{height:64px}.full-story-hero,.agenda-full-hero{padding:45px 0}.full-story-grid img{height:300px}}

/* ==========================================================
   UNIFORM INNER-PAGE HEADER/MENU
   ========================================================== */

.inner-site-header{
  position:sticky;
  top:0;
  z-index:2500;
  background:#fff;
}

.inner-topbar{
  background:linear-gradient(90deg,#001f12,#003b1f,#064f2a);
  color:#fff;
  font-size:14px;
}

.inner-topbar-row{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:24px;
}

.inner-topbar-row a,
.inner-topbar-row span{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.inner-brandbar{
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.inner-brand-row{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}

.inner-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.inner-brand img{
  width:88px;
  height:68px;
  object-fit:contain;
}

.inner-brand span{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.inner-brand strong{
  color:#002b18;
  font-size:31px;
  line-height:1;
  font-weight:950;
}

.inner-brand b{
  color:#d71920;
  font-size:20px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
}

.inner-brand small{
  color:#d71920;
  font-size:11px;
  line-height:1.05;
  font-weight:850;
  letter-spacing:.10em;
}

.inner-volunteer-btn{
  background:#25D366;
  color:#fff!important;
  min-height:50px;
  padding:0 24px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  box-shadow:0 14px 30px rgba(37,211,102,.32);
}

.inner-nav{
  background:linear-gradient(90deg,#001f12,#003b1f,#064f2a);
}

.inner-nav-row{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:42px;
}

.inner-nav-row a{
  color:#fff!important;
  font-size:15px;
  font-weight:900;
  text-transform:uppercase;
  padding:16px 0 14px;
  border-bottom:4px solid transparent;
}

.inner-nav-row a.active{
  border-bottom-color:#25D366;
}

.inner-green-strip{
  height:6px;
  background:#25D366;
}

.agenda-hero-photo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:center;
}

.agenda-page-hero-photo img{
  width:100%;
  max-height:390px;
  object-fit:cover;
  border-radius:20px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

@media(max-width:900px){
  .inner-topbar{display:none}
  .inner-brand-row{min-height:72px}
  .inner-brand img{width:66px;height:52px}
  .inner-brand strong{font-size:22px}
  .inner-brand b{font-size:15px}
  .inner-brand small{font-size:8px}
  .inner-volunteer-btn{display:none}
  .inner-nav-row{
    justify-content:flex-start;
    gap:22px;
    overflow-x:auto;
    white-space:nowrap;
  }
  .agenda-hero-photo-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
  .inner-nav-row a{
    font-size:13px;
  }
}

/* ==========================================================
   EXACT APPROVED MY STORY PAGE
   ========================================================== */

.story-exact-page{
  background:#fff;
  color:#111;
}

.story-exact-header{
  position:sticky;
  top:0;
  z-index:4000;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
}

.story-exact-top{
  background:linear-gradient(90deg,#002b18,#064f2a);
  color:#fff;
  font-size:14px;
}

.story-exact-top-row{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:26px;
}

.story-exact-top-row a,
.story-exact-top-row span{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.story-exact-top-row div{
  margin-left:auto;
  display:flex;
  gap:20px;
}

.story-exact-nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.story-exact-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.story-exact-brand img{
  width:58px;
  height:58px;
  object-fit:contain;
}

.story-exact-brand span{
  display:flex;
  flex-direction:column;
}

.story-exact-brand strong{
  color:#064f2a;
  font-size:24px;
  line-height:1;
  font-weight:950;
}

.story-exact-brand b{
  color:#d71920;
  font-size:16px;
  line-height:1.1;
  font-weight:950;
}

.story-exact-brand small{
  color:#064f2a;
  font-size:10px;
  font-weight:900;
}

.story-exact-nav nav{
  display:flex;
  align-items:center;
  gap:34px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:950;
}

.story-exact-nav nav a{
  color:#111;
  padding:32px 0 26px;
  border-bottom:3px solid transparent;
}

.story-exact-nav nav a.active{
  color:#064f2a;
  border-bottom-color:#25D366;
}

.story-exact-volunteer{
  background:#064f2a;
  color:#fff!important;
  padding:15px 22px;
  border-radius:6px;
  text-transform:uppercase;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  gap:9px;
}

/* HERO */
.story-exact-hero{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  min-height:440px;
  background:#064f2a;
}

.story-exact-hero-left{
  background:
    radial-gradient(circle at left center,rgba(37,211,102,.16),transparent 42%),
    linear-gradient(90deg,#001f12,#064f2a);
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.story-exact-hero-left::after{
  content:"";
  position:absolute;
  top:-10%;
  right:-60px;
  width:140px;
  height:120%;
  background:#fff;
  border-left:12px solid #25D366;
  border-radius:70% 0 0 70%;
}

.story-exact-hero-copy{
  width:min(620px,85%);
  margin-left:max(7vw,42px);
  position:relative;
  z-index:2;
}

.story-exact-hero-copy span{
  color:#25D366;
  font-weight:950;
  letter-spacing:.08em;
  font-size:19px;
}

.story-exact-hero-copy h1{
  color:#fff;
  font-size:clamp(46px,6vw,74px);
  line-height:1.03;
  margin:20px 0;
  font-weight:950;
}

.story-exact-hero-copy h1 em{
  color:#4fde22;
  font-style:normal;
}

.story-exact-tags{
  color:#fff;
  font-size:18px;
  font-weight:900;
}

.story-exact-tags b{
  color:#d71920;
  margin:0 10px;
}

.story-exact-redline{
  width:90px;
  height:5px;
  background:#d71920;
  margin:22px 0;
}

.story-exact-hero blockquote{
  color:#fff;
  margin:0;
  font-size:21px;
  line-height:1.6;
  position:relative;
}

.story-exact-hero blockquote::before{
  content:"“";
  color:#4fde22;
  font-size:64px;
  line-height:0;
  vertical-align:-25px;
  margin-right:10px;
}

.story-exact-hero-right{
  background:#e8eef1;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.story-exact-hero-right img{
  width:100%;
  height:440px;
  object-fit:cover;
  object-position:center top;
}

/* INTRO */
.story-exact-intro{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:52px;
  align-items:center;
  padding:64px 0;
}

.story-exact-intro-copy span{
  color:#064f2a;
  font-weight:950;
  letter-spacing:.08em;
}

.story-exact-intro-copy h2{
  color:#111;
  font-size:36px;
  line-height:1.08;
  margin:10px 0 22px;
}

.story-exact-intro-copy p{
  color:#222;
  line-height:1.65;
  margin:0 0 14px;
}

.story-exact-intro-copy a{
  background:#064f2a;
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 24px;
  border-radius:6px;
  margin-top:14px;
  font-weight:950;
  text-transform:uppercase;
}

.story-exact-intro-card{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 16px 45px rgba(0,31,18,.15);
}

.story-exact-intro-card > img{
  width:100%;
  height:270px;
  display:block;
  object-fit:cover;
}

.story-exact-stats{
  background:linear-gradient(90deg,#001f12,#064f2a);
  color:#fff;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.story-exact-stats div{
  text-align:center;
  padding:28px 18px;
  border-right:1px solid rgba(255,255,255,.25);
}

.story-exact-stats div:last-child{
  border-right:0;
}

.story-exact-stats i{
  color:#4fde22;
  font-size:28px;
  margin-bottom:12px;
}

.story-exact-stats strong{
  display:block;
  font-size:25px;
  line-height:1;
}

.story-exact-stats span{
  display:block;
  margin-top:8px;
  color:#eaffef;
}

/* JOURNEY */
.story-exact-journey{
  background:#f3f8f4;
  padding:46px 0 58px;
  text-align:center;
}

.story-exact-journey h2,
.story-exact-record h2,
.story-exact-values h2{
  color:#064f2a;
  text-align:center;
  margin:0;
  font-size:26px;
  font-weight:950;
}

.story-exact-line{
  width:42px;
  height:3px;
  background:#d71920;
  margin:12px auto 30px;
}

.story-exact-journey-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  position:relative;
  gap:18px;
}

.story-exact-journey-grid div{
  text-align:center;
}

.story-exact-journey-grid i{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#064f2a;
  color:#fff;
  margin:0 auto 16px;
  font-size:22px;
}

.story-exact-journey-grid strong{
  display:block;
  color:#111;
  font-size:15px;
  line-height:1.3;
}

.story-exact-journey-grid span{
  display:block;
  color:#333;
  font-size:13px;
  line-height:1.45;
  margin-top:8px;
}

/* RECORD */
.story-exact-record{
  padding:52px 0 46px;
}

.story-exact-record-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}

.story-exact-record-grid article{
  background:#fff;
  border:1px solid #e1e8e3;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,31,18,.07);
  text-align:center;
}

.story-exact-record-grid img{
  width:100%;
  height:132px;
  object-fit:cover;
  display:block;
}

.story-exact-record-grid h3{
  color:#111;
  font-size:15px;
  margin:16px 12px 8px;
}

.story-exact-record-grid p{
  color:#333;
  font-size:13px;
  line-height:1.45;
  margin:0 12px 18px;
}

/* VALUES */
.story-exact-values{
  padding:10px 0 48px;
}

.story-exact-values-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}

.story-exact-values-grid div{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:12px;
  align-items:center;
  border-right:1px solid #d8eadf;
  padding-right:14px;
}

.story-exact-values-grid div:last-child{
  border-right:0;
}

.story-exact-values-grid i{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#064f2a;
  color:#fff;
  font-size:22px;
  grid-row:1/3;
}

.story-exact-values-grid strong{
  color:#111;
  font-size:15px;
}

.story-exact-values-grid span{
  color:#333;
  font-size:12px;
  line-height:1.4;
}

/* CTA */
.story-exact-cta{
  background:
    linear-gradient(90deg,rgba(0,31,18,.95),rgba(6,79,42,.94)),
    linear-gradient(135deg,#001f12,#064f2a);
  color:#fff;
  text-align:center;
  padding:48px 0;
}

.story-exact-cta h2{
  color:#fff;
  font-size:30px;
  margin:0 0 8px;
}

.story-exact-cta p{
  color:#4fde22;
  font-size:18px;
  font-weight:800;
  margin:0 0 24px;
}

.story-exact-cta a{
  min-width:210px;
  justify-content:center;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:8px 12px;
  padding:15px 28px;
  border-radius:6px;
  color:#fff!important;
  border:1px solid #fff;
  text-transform:uppercase;
  font-weight:950;
}

.story-exact-cta a:first-child{
  background:#4fde22;
  border-color:#4fde22;
}

/* RESPONSIVE */
@media(max-width:1100px){
  .story-exact-nav nav{
    gap:18px;
  }

  .story-exact-record-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .story-exact-values-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:900px){
  .story-exact-top{
    display:none;
  }

  .story-exact-nav{
    height:auto;
    min-height:78px;
  }

  .story-exact-nav nav{
    display:none;
  }

  .story-exact-volunteer{
    display:none;
  }

  .story-exact-hero{
    grid-template-columns:1fr;
  }

  .story-exact-hero-left::after{
    display:none;
  }

  .story-exact-hero-copy{
    width:auto;
    margin:0;
    padding:56px 22px;
  }

  .story-exact-hero-right img{
    height:360px;
  }

  .story-exact-intro{
    grid-template-columns:1fr;
  }

  .story-exact-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .story-exact-journey-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .story-exact-brand img{
    width:46px;
    height:46px;
  }

  .story-exact-brand strong{
    font-size:19px;
  }

  .story-exact-brand b{
    font-size:13px;
  }

  .story-exact-brand small{
    font-size:8px;
  }

  .story-exact-hero-copy h1{
    font-size:42px;
  }

  .story-exact-intro{
    padding:44px 0;
  }

  .story-exact-stats,
  .story-exact-journey-grid,
  .story-exact-record-grid,
  .story-exact-values-grid{
    grid-template-columns:1fr;
  }

  .story-exact-values-grid div{
    border-right:0;
    border-bottom:1px solid #d8eadf;
    padding-bottom:14px;
  }
}

/* ==========================================================
   EXACT APPROVED MY AGENDA PAGE
   ========================================================== */

.agenda-exact-page{
  background:#fff;
  color:#111;
}

.agenda-exact-header{
  position:sticky;
  top:0;
  z-index:4000;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
}

.agenda-exact-top{
  background:linear-gradient(90deg,#002b18,#064f2a);
  color:#fff;
  font-size:14px;
}

.agenda-exact-top-row{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:26px;
}

.agenda-exact-top-row a,
.agenda-exact-top-row span{
  color:#fff;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.agenda-exact-top-row div{
  margin-left:auto;
  display:flex;
  gap:20px;
}

.agenda-exact-nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.agenda-exact-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.agenda-exact-brand img{
  width:58px;
  height:58px;
  object-fit:contain;
}

.agenda-exact-brand span{
  display:flex;
  flex-direction:column;
}

.agenda-exact-brand strong{
  color:#064f2a;
  font-size:24px;
  line-height:1;
  font-weight:950;
}

.agenda-exact-brand b{
  color:#d71920;
  font-size:16px;
  line-height:1.1;
  font-weight:950;
}

.agenda-exact-brand small{
  color:#064f2a;
  font-size:10px;
  font-weight:900;
}

.agenda-exact-nav nav{
  display:flex;
  align-items:center;
  gap:34px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:950;
}

.agenda-exact-nav nav a{
  color:#111;
  padding:32px 0 26px;
  border-bottom:3px solid transparent;
}

.agenda-exact-nav nav a.active{
  color:#064f2a;
  border-bottom-color:#25D366;
}

.agenda-exact-volunteer{
  background:#064f2a;
  color:#fff!important;
  padding:15px 22px;
  border-radius:6px;
  text-transform:uppercase;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  gap:9px;
}

/* HERO */
.agenda-exact-hero{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  min-height:430px;
  background:#064f2a;
}

.agenda-exact-hero-left{
  background:
    radial-gradient(circle at left center,rgba(37,211,102,.16),transparent 42%),
    linear-gradient(90deg,#001f12,#064f2a);
  color:#fff;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.agenda-exact-hero-left::after{
  content:"";
  position:absolute;
  top:-10%;
  right:-60px;
  width:140px;
  height:120%;
  background:#fff;
  border-left:12px solid #25D366;
  border-radius:70% 0 0 70%;
}

.agenda-exact-hero-copy{
  width:min(620px,85%);
  margin-left:max(7vw,42px);
  position:relative;
  z-index:2;
}

.agenda-exact-hero-copy span{
  color:#25D366;
  font-weight:950;
  letter-spacing:.08em;
  font-size:19px;
}

.agenda-exact-hero-copy h1{
  color:#fff;
  font-size:clamp(52px,6vw,82px);
  line-height:.98;
  margin:20px 0 10px;
  font-weight:950;
}

.agenda-exact-hero-copy h1 em{
  color:#4fde22;
  font-style:normal;
}

.agenda-exact-hero-copy h3{
  color:#4fde22;
  font-size:25px;
  line-height:1.15;
  margin:0;
  font-weight:950;
}

.agenda-exact-redline{
  width:90px;
  height:5px;
  background:#d71920;
  margin:24px 0;
}

.agenda-exact-hero-copy p{
  color:#fff;
  margin:0;
  font-size:17px;
  line-height:1.6;
  max-width:550px;
}

.agenda-exact-hero-right{
  background:#e8eef1;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.agenda-exact-hero-right img{
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:center top;
}

/* COMMITMENT */
.agenda-exact-commitment{
  text-align:center;
  padding:58px 0 30px;
}

.agenda-exact-section-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:34px;
  align-items:center;
}

.agenda-exact-section-title span{
  height:1px;
  background:#064f2a;
}

.agenda-exact-section-title h2{
  color:#064f2a;
  margin:0;
  font-size:27px;
  font-weight:950;
}

.agenda-exact-commitment p{
  max-width:760px;
  margin:22px auto 0;
  color:#222;
  line-height:1.6;
  font-size:17px;
}

/* PILLARS */
.agenda-exact-pillars{
  text-align:center;
  padding:20px 0 46px;
}

.agenda-exact-pillars > h2{
  color:#064f2a;
  font-size:25px;
  margin:0 0 28px;
  font-weight:950;
}

.agenda-exact-pillar-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.agenda-exact-pillar-grid article{
  background:#fff;
  border:1px solid #e1e8e3;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,31,18,.07);
  padding:20px 16px 0;
  position:relative;
}

.agenda-exact-pillar-grid i{
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#064f2a;
  color:#fff;
  font-size:24px;
  margin:0 auto 15px;
}

.agenda-exact-pillar-grid h3{
  color:#111;
  font-size:15px;
  line-height:1.25;
  margin:0 0 10px;
  font-weight:950;
}

.agenda-exact-pillar-grid p{
  color:#333;
  font-size:13px;
  line-height:1.45;
  min-height:92px;
  margin:0 0 16px;
}

.agenda-exact-pillar-grid img{
  width:calc(100% + 32px);
  height:118px;
  margin-left:-16px;
  display:block;
  object-fit:cover;
}

/* VISION */
.agenda-exact-vision{
  background:linear-gradient(90deg,#001f12,#064f2a);
  color:#fff;
  border-radius:12px;
  padding:36px;
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:34px;
  align-items:center;
  margin-bottom:52px;
}

.agenda-exact-vision-quote span{
  color:#4fde22;
  font-weight:950;
  letter-spacing:.08em;
}

.agenda-exact-vision-quote h2{
  color:#fff;
  font-size:30px;
  line-height:1.25;
  margin:12px 0 0;
}

.agenda-exact-vision-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  text-align:center;
}

.agenda-exact-vision-grid i{
  color:#4fde22;
  font-size:34px;
  margin-bottom:14px;
}

.agenda-exact-vision-grid strong{
  color:#fff;
  display:block;
  margin-bottom:8px;
}

.agenda-exact-vision-grid span{
  color:#eaffef;
  font-size:13px;
  line-height:1.45;
}

/* PRIORITIES */
.agenda-exact-priorities{
  text-align:center;
  padding-bottom:60px;
}

.agenda-exact-priorities h2{
  color:#064f2a;
  font-size:24px;
  margin:0 0 28px;
  font-weight:950;
}

.agenda-exact-priority-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
}

.agenda-exact-priority-row div{
  padding:0 20px;
  border-right:1px solid #a9c7b3;
}

.agenda-exact-priority-row div:last-child{
  border-right:0;
}

.agenda-exact-priority-row b{
  display:inline-grid;
  place-items:center;
  background:#064f2a;
  color:#fff;
  border-radius:5px;
  padding:7px 9px;
  margin-bottom:14px;
}

.agenda-exact-priority-row span{
  display:block;
  color:#222;
  line-height:1.45;
  font-size:14px;
}

/* CTA */
.agenda-exact-cta{
  background:
    linear-gradient(90deg,rgba(0,31,18,.95),rgba(6,79,42,.94)),
    linear-gradient(135deg,#001f12,#064f2a);
  color:#fff;
  text-align:center;
  padding:55px 0;
}

.agenda-exact-cta span{
  color:#4fde22;
  text-transform:uppercase;
  font-weight:950;
}

.agenda-exact-cta h2{
  color:#fff;
  font-size:34px;
  margin:10px 0 24px;
}

.agenda-exact-cta a{
  min-width:210px;
  justify-content:center;
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:8px 12px;
  padding:15px 28px;
  border-radius:6px;
  color:#fff!important;
  border:1px solid #fff;
  text-transform:uppercase;
  font-weight:950;
}

.agenda-exact-cta a:first-child{
  background:#4fde22;
  border-color:#4fde22;
}

/* RESPONSIVE */
@media(max-width:1200px){
  .agenda-exact-pillar-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:900px){
  .agenda-exact-top{
    display:none;
  }

  .agenda-exact-nav{
    height:auto;
    min-height:78px;
  }

  .agenda-exact-nav nav{
    display:none;
  }

  .agenda-exact-volunteer{
    display:none;
  }

  .agenda-exact-hero{
    grid-template-columns:1fr;
  }

  .agenda-exact-hero-left::after{
    display:none;
  }

  .agenda-exact-hero-copy{
    width:auto;
    margin:0;
    padding:56px 22px;
  }

  .agenda-exact-hero-right img{
    height:360px;
  }

  .agenda-exact-section-title{
    grid-template-columns:1fr;
  }

  .agenda-exact-section-title span{
    display:none;
  }

  .agenda-exact-pillar-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .agenda-exact-vision{
    grid-template-columns:1fr;
  }

  .agenda-exact-vision-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .agenda-exact-priority-row{
    grid-template-columns:repeat(2,1fr);
    gap:20px;
  }

  .agenda-exact-priority-row div{
    border-right:0;
    border-bottom:1px solid #d8eadf;
    padding-bottom:18px;
  }
}

@media(max-width:560px){
  .agenda-exact-brand img{
    width:46px;
    height:46px;
  }

  .agenda-exact-brand strong{
    font-size:19px;
  }

  .agenda-exact-brand b{
    font-size:13px;
  }

  .agenda-exact-brand small{
    font-size:8px;
  }

  .agenda-exact-hero-copy h1{
    font-size:46px;
  }

  .agenda-exact-hero-copy h3{
    font-size:21px;
  }

  .agenda-exact-pillar-grid,
  .agenda-exact-vision-grid,
  .agenda-exact-priority-row{
    grid-template-columns:1fr;
  }

  .agenda-exact-vision{
    padding:26px;
  }
}

/* ==========================================================
   FIX HERO GREEN PANEL WIDTH - MY STORY + MY AGENDA
   Ensures all wording sits fully inside the green area.
   ========================================================== */

.story-exact-hero,
.agenda-exact-hero{
  grid-template-columns:58% 42% !important;
}

.story-exact-hero-left,
.agenda-exact-hero-left{
  overflow:visible !important;
  z-index:2 !important;
}

.story-exact-hero-left::after,
.agenda-exact-hero-left::after{
  right:-92px !important;
  width:190px !important;
  z-index:1 !important;
}

.story-exact-hero-copy,
.agenda-exact-hero-copy{
  width:min(780px,88%) !important;
  max-width:780px !important;
  margin-left:max(7vw,42px) !important;
  padding-right:70px !important;
  position:relative !important;
  z-index:3 !important;
}

.story-exact-hero-copy h1,
.agenda-exact-hero-copy h1{
  font-size:clamp(42px,5.2vw,74px) !important;
  max-width:100% !important;
  overflow-wrap:normal !important;
}

.story-exact-hero-copy p,
.agenda-exact-hero-copy p,
.story-exact-hero-copy blockquote,
.agenda-exact-hero-copy blockquote{
  max-width:680px !important;
}

.story-exact-hero-right,
.agenda-exact-hero-right{
  z-index:1 !important;
}

/* Remove accidental blue text highlight/background if any browser/style conflict created it */
.story-exact-hero-copy h1,
.agenda-exact-hero-copy h1,
.story-exact-hero-copy h1 *,
.agenda-exact-hero-copy h1 *{
  background:transparent !important;
  box-shadow:none !important;
}

/* Tablet/mobile: stack cleanly */
@media(max-width:900px){
  .story-exact-hero,
  .agenda-exact-hero{
    grid-template-columns:1fr !important;
  }

  .story-exact-hero-left,
  .agenda-exact-hero-left{
    overflow:hidden !important;
  }

  .story-exact-hero-left::after,
  .agenda-exact-hero-left::after{
    display:none !important;
  }

  .story-exact-hero-copy,
  .agenda-exact-hero-copy{
    width:auto !important;
    max-width:none !important;
    padding:56px 22px !important;
    margin:0 !important;
  }
}

@media(max-width:560px){
  .story-exact-hero-copy h1,
  .agenda-exact-hero-copy h1{
    font-size:40px !important;
    line-height:1.05 !important;
  }
}

/* ==========================================================
   EXACT APPROVED VOLUNTEER PAGE
   ========================================================== */

.volunteer-exact-page{background:#fff;color:#111}
.volunteer-exact-header{position:sticky;top:0;z-index:4000;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.volunteer-exact-top{background:linear-gradient(90deg,#002b18,#064f2a);color:#fff;font-size:14px}
.volunteer-exact-top-row{min-height:34px;display:flex;align-items:center;gap:26px}
.volunteer-exact-top-row a,.volunteer-exact-top-row span{color:#fff;display:inline-flex;align-items:center;gap:8px}
.volunteer-exact-top-row div{margin-left:auto;display:flex;gap:20px}
.volunteer-exact-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.volunteer-exact-brand{display:flex;align-items:center;gap:10px}
.volunteer-exact-brand img{width:58px;height:58px;object-fit:contain}
.volunteer-exact-brand span{display:flex;flex-direction:column}
.volunteer-exact-brand strong{color:#064f2a;font-size:24px;line-height:1;font-weight:950}
.volunteer-exact-brand b{color:#d71920;font-size:16px;line-height:1.1;font-weight:950}
.volunteer-exact-brand small{color:#064f2a;font-size:10px;font-weight:900}
.volunteer-exact-nav nav{display:flex;align-items:center;gap:34px;font-size:13px;text-transform:uppercase;font-weight:950}
.volunteer-exact-nav nav a{color:#111;padding:32px 0 26px;border-bottom:3px solid transparent}
.volunteer-exact-nav nav a.active{color:#064f2a;border-bottom-color:#25D366}
.volunteer-exact-btn{background:#064f2a;color:#fff!important;padding:15px 22px;border-radius:6px;text-transform:uppercase;font-weight:950;display:inline-flex;align-items:center;gap:9px}

.volunteer-exact-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:430px;background:#064f2a}
.volunteer-exact-hero-left{background:radial-gradient(circle at left center,rgba(37,211,102,.16),transparent 42%),linear-gradient(90deg,#001f12,#064f2a);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}
.volunteer-exact-hero-left::after{content:"";position:absolute;top:-10%;right:-60px;width:140px;height:120%;background:#fff;border-left:12px solid #25D366;border-radius:70% 0 0 70%}
.volunteer-exact-hero-copy{width:min(680px,86%);margin-left:max(7vw,42px);position:relative;z-index:2}
.volunteer-exact-hero-copy span{color:#25D366;font-weight:950;letter-spacing:.08em;font-size:19px}
.volunteer-exact-hero-copy h1{color:#fff;font-size:clamp(44px,5.6vw,76px);line-height:1.02;margin:18px 0 12px;font-weight:950}
.volunteer-exact-hero-copy h1 em{color:#4fde22;font-style:normal}
.volunteer-exact-redline{width:90px;height:5px;background:#d71920;margin:22px 0}
.volunteer-exact-hero-copy p{color:#fff;margin:0;font-size:18px;line-height:1.6;max-width:560px}
.volunteer-exact-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}
.volunteer-exact-actions a{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:6px;color:#fff!important;font-weight:950;text-transform:uppercase;border:1px solid #fff}
.volunteer-exact-actions a:first-child{background:#4fde22;border-color:#4fde22}
.volunteer-exact-hero-right{background:#e8eef1;overflow:hidden}
.volunteer-exact-hero-right img{width:100%;height:430px;object-fit:cover;display:block}

.volunteer-why{text-align:center;padding:55px 0}
.volunteer-why h2,.volunteer-ways h2,.volunteer-form-card h2,.volunteer-message-card h2{color:#064f2a;margin:0;font-size:28px;font-weight:950}
.volunteer-line{width:48px;height:3px;background:#d71920;margin:10px auto 20px}
.volunteer-why>p{font-size:17px;color:#222;margin-bottom:30px}
.volunteer-why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.volunteer-why-grid div{background:#fff;border:1px solid #e1e8e3;border-radius:10px;padding:30px 20px;box-shadow:0 10px 25px rgba(0,31,18,.07)}
.volunteer-why-grid i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#064f2a;color:#fff;font-size:28px;margin:0 auto 18px}
.volunteer-why-grid strong{display:block;color:#064f2a;text-transform:uppercase;margin-bottom:10px}
.volunteer-why-grid span{display:block;color:#222;line-height:1.55}

.volunteer-ways{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;text-align:center;padding:55px 0}
.volunteer-ways h2{color:#fff}
.volunteer-ways-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:30px}
.volunteer-ways-grid div{padding:0 22px;border-right:1px solid rgba(255,255,255,.3)}
.volunteer-ways-grid div:last-child{border-right:0}
.volunteer-ways-grid i{color:#a6ef75;font-size:38px;margin-bottom:18px}
.volunteer-ways-grid strong{display:block;color:#7ee133;text-transform:uppercase;font-size:18px;margin-bottom:12px}
.volunteer-ways-grid span{display:block;color:#fff;line-height:1.55}

.volunteer-form-section{background:#f4faf6}
.volunteer-form-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;align-items:stretch}
.volunteer-form-card{background:#fff;padding:48px}
.volunteer-form-card>p{text-align:center;color:#222;line-height:1.55;margin-bottom:26px}
.volunteer-exact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.volunteer-exact-form .full{grid-column:1/-1}
.volunteer-exact-form label{display:block;color:#002b18;font-weight:900;margin-bottom:7px;font-size:13px}
.volunteer-exact-form input,.volunteer-exact-form select{width:100%;height:50px;border:1px solid #d6e2da;border-radius:4px;padding:0 12px;font-size:15px;background:#fff}
.volunteer-exact-form input:focus,.volunteer-exact-form select:focus{outline:3px solid rgba(37,211,102,.18);border-color:#25D366}
.volunteer-exact-form button{grid-column:1/-1;height:56px;border:0;border-radius:5px;background:#4fde22;color:#fff;font-weight:950;text-transform:uppercase;font-size:16px;cursor:pointer}
.volunteer-success{background:#e8f7ed;border:1px solid #25D366;color:#064f2a;padding:14px;border-radius:8px;margin:0 0 20px;font-weight:900}

.volunteer-message-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf8f0,#fff);padding:55px 48px;min-height:520px}
.volunteer-message-card blockquote{font-size:18px;line-height:1.7;color:#123421;margin:34px 0}
.volunteer-message-card blockquote::before{content:"“";display:block;color:#9ec7a8;font-size:80px;line-height:.4}
.volunteer-message-card strong{display:block;color:#064f2a;font-size:20px}
.volunteer-message-card span{display:block;color:#064f2a;font-weight:900;margin-top:5px}
.volunteer-message-card img{position:absolute;right:0;bottom:0;width:46%;height:auto;max-height:420px;object-fit:cover;border-radius:18px 0 0 0}

.volunteer-exact-footer{background:#003b1f;color:#fff;padding:20px 0}
.volunteer-exact-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.volunteer-exact-footer span{display:inline-flex;align-items:center;gap:9px}

@media(max-width:1100px){
  .volunteer-why-grid{grid-template-columns:repeat(2,1fr)}
  .volunteer-ways-grid{grid-template-columns:repeat(3,1fr);gap:26px}
  .volunteer-ways-grid div{border-right:0}
}

@media(max-width:900px){
  .volunteer-exact-top{display:none}
  .volunteer-exact-nav{height:auto;min-height:78px}
  .volunteer-exact-nav nav,.volunteer-exact-btn{display:none}
  .volunteer-exact-hero,.volunteer-form-grid{grid-template-columns:1fr}
  .volunteer-exact-hero-left::after{display:none}
  .volunteer-exact-hero-copy{width:auto;margin:0;padding:56px 22px}
  .volunteer-exact-hero-right img{height:350px}
  .volunteer-message-card img{position:relative;width:100%;max-height:300px;margin-top:25px;border-radius:18px}
}

@media(max-width:560px){
  .volunteer-exact-brand img{width:46px;height:46px}
  .volunteer-exact-brand strong{font-size:19px}
  .volunteer-exact-brand b{font-size:13px}
  .volunteer-exact-brand small{font-size:8px}
  .volunteer-exact-hero-copy h1{font-size:40px}
  .volunteer-why-grid,.volunteer-ways-grid,.volunteer-exact-form{grid-template-columns:1fr}
  .volunteer-form-card,.volunteer-message-card{padding:30px 20px}
  .volunteer-exact-footer .wrap{flex-direction:column;align-items:flex-start}
}

/* ==========================================================
   VOLUNTEER HERO EXACT PROFESSIONAL FIX
   ========================================================== */

.volunteer-exact-hero{
  grid-template-columns:52% 48% !important;
  min-height:430px !important;
  max-height:520px !important;
  overflow:hidden !important;
}

.volunteer-exact-hero-left{
  overflow:visible !important;
  z-index:2 !important;
}

.volunteer-exact-hero-left::after{
  right:-86px !important;
  width:180px !important;
  z-index:1 !important;
}

.volunteer-exact-hero-copy{
  width:min(620px,82%) !important;
  max-width:620px !important;
  margin-left:max(6vw,46px) !important;
  padding-right:86px !important;
  z-index:4 !important;
}

.volunteer-exact-hero-copy span{
  font-size:17px !important;
  line-height:1 !important;
  display:block !important;
  margin-bottom:14px !important;
}

.volunteer-exact-hero-copy h1{
  font-size:clamp(38px,4.25vw,62px) !important;
  line-height:1.03 !important;
  letter-spacing:.01em !important;
  margin:0 0 16px !important;
  max-width:560px !important;
  word-break:normal !important;
}

.volunteer-exact-hero-copy h1 em{
  display:block !important;
  color:#4fde22 !important;
  font-style:normal !important;
}

.volunteer-exact-redline{
  width:84px !important;
  height:5px !important;
  margin:18px 0 24px !important;
}

.volunteer-exact-hero-copy p{
  font-size:17px !important;
  line-height:1.55 !important;
  max-width:520px !important;
}

.volunteer-exact-actions{
  margin-top:24px !important;
  gap:14px !important;
}

.volunteer-exact-actions a{
  padding:13px 20px !important;
  font-size:14px !important;
  min-height:48px !important;
}

.volunteer-exact-hero-right{
  z-index:1 !important;
}

.volunteer-exact-hero-right img{
  height:430px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Remove accidental highlight/blue overlays on text */
.volunteer-exact-hero-copy h1,
.volunteer-exact-hero-copy h1 *,
.volunteer-exact-hero-copy span,
.volunteer-exact-hero-copy p{
  background:transparent !important;
  box-shadow:none !important;
}

/* Desktop wide refinement */
@media(min-width:1400px){
  .volunteer-exact-hero-copy h1{
    font-size:64px !important;
  }
}

/* Tablet/mobile stacking */
@media(max-width:900px){
  .volunteer-exact-hero{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }

  .volunteer-exact-hero-left{
    overflow:hidden !important;
  }

  .volunteer-exact-hero-left::after{
    display:none !important;
  }

  .volunteer-exact-hero-copy{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:48px 22px !important;
  }

  .volunteer-exact-hero-copy h1{
    max-width:none !important;
    font-size:42px !important;
  }

  .volunteer-exact-hero-right img{
    height:330px !important;
  }
}

@media(max-width:560px){
  .volunteer-exact-hero-copy h1{
    font-size:36px !important;
  }

  .volunteer-exact-actions a{
    width:100% !important;
    justify-content:center !important;
  }
}

/* ==========================================================
   HOMEPAGE SLIDER REFINEMENT
   - reduce hero height slightly
   - lighten green overlay
   - keep white text readable
   ========================================================== */

.hero-slider,
.campaign-hero{
  min-height:calc(100vh - 10px) !important;
  height:calc(100vh - 10px) !important;
  max-height:690px !important;
}

.hero-slide,
.campaign-slide{
  min-height:calc(100vh - 10px) !important;
  height:calc(100vh - 10px) !important;
  max-height:690px !important;
}

.hero-slide img,
.campaign-slide img,
.hero-slide video,
.campaign-slide video{
  height:100% !important;
  object-fit:cover !important;
}

/* Light green overlay but with readable left-side text */
.hero-overlay,
.campaign-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(0,31,18,.54) 0%,
      rgba(0,59,31,.34) 42%,
      rgba(0,59,31,.10) 100%
    ) !important;
}

/* Text readability */
.hero-content,
.campaign-hero-content{
  text-shadow:0 4px 16px rgba(0,0,0,.45) !important;
}

.hero-content h1,
.campaign-hero-content h1{
  color:#ffffff !important;
  text-shadow:0 5px 22px rgba(0,0,0,.55) !important;
}

.hero-content p,
.campaign-hero-content p{
  color:#ffffff !important;
  text-shadow:0 3px 14px rgba(0,0,0,.55) !important;
  font-weight:600 !important;
}

/* Add subtle dark text backing only on the content area */
.hero-content > div,
.campaign-hero-content > div{
  background:linear-gradient(90deg,rgba(0,31,18,.22),rgba(0,31,18,.06),transparent) !important;
  border-radius:18px !important;
  padding:20px 24px !important;
}

/* Mobile: avoid excessive height */
@media(max-width:768px){
  .hero-slider,
  .campaign-hero,
  .hero-slide,
  .campaign-slide{
    min-height:620px !important;
    height:620px !important;
    max-height:none !important;
  }

  .hero-overlay,
  .campaign-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(0,31,18,.62) 0%,
        rgba(0,59,31,.38) 58%,
        rgba(0,59,31,.16) 100%
      ) !important;
  }

  .hero-content > div,
  .campaign-hero-content > div{
    padding:18px !important;
  }
}

/* ==========================================================
   HOMEPAGE SLIDER PHOTO VISIBILITY FIX
   Makes images clear while preserving readable white text.
   ========================================================== */

.hero-overlay,
.campaign-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(0,31,18,.58) 0%,
      rgba(0,31,18,.42) 32%,
      rgba(0,31,18,.18) 58%,
      rgba(0,31,18,.04) 100%
    ) !important;
}

/* Remove large green text backing that was darkening the whole image */
.hero-content > div,
.campaign-hero-content > div{
  background:transparent !important;
  padding:0 !important;
}

/* Improve text visibility without covering the image */
.hero-content h1,
.campaign-hero-content h1{
  color:#fff !important;
  text-shadow:
    0 3px 8px rgba(0,0,0,.72),
    0 8px 28px rgba(0,0,0,.45) !important;
}

.hero-content p,
.campaign-hero-content p{
  color:#fff !important;
  text-shadow:
    0 2px 6px rgba(0,0,0,.76),
    0 6px 18px rgba(0,0,0,.45) !important;
  font-weight:700 !important;
}

/* Make image itself brighter and clearer */
.hero-slide img,
.campaign-slide img,
.hero-slide video,
.campaign-slide video{
  filter:brightness(1.08) contrast(1.04) saturate(1.04) !important;
}

/* Keep left side readable on phone */
@media(max-width:768px){
  .hero-overlay,
  .campaign-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(0,31,18,.68) 0%,
        rgba(0,31,18,.48) 48%,
        rgba(0,31,18,.18) 100%
      ) !important;
  }
}

/* ==========================================================
   VOLUNTEER PAGE FINAL IMAGE + BOTTOM PHOTO FIX
   ========================================================== */

.volunteer-exact-hero{
  grid-template-columns:48% 52% !important;
  min-height:430px !important;
  max-height:500px !important;
  overflow:hidden !important;
}

.volunteer-exact-hero-copy{
  width:min(570px,82%) !important;
  max-width:570px !important;
  margin-left:max(5.5vw,42px) !important;
  padding-right:72px !important;
}

.volunteer-exact-hero-copy h1{
  font-size:clamp(36px,4vw,58px) !important;
  line-height:1.05 !important;
  margin-bottom:16px !important;
}

.volunteer-exact-hero-right img{
  width:100% !important;
  height:430px !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(1.04) contrast(1.02) !important;
}

.volunteer-message-card{
  position:relative !important;
  min-height:520px !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(239,250,241,.96) 0%,rgba(239,250,241,.88) 48%,rgba(239,250,241,.50) 100%) !important;
}

.volunteer-message-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.volunteer-message-bg::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(239,250,241,.98) 0%,rgba(239,250,241,.88) 50%,rgba(239,250,241,.35) 100%) !important;
  z-index:1 !important;
}

.volunteer-message-bg img{
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:48% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:0 !important;
  max-height:none !important;
}

.volunteer-message-content{
  position:relative !important;
  z-index:2 !important;
  width:58% !important;
}

.volunteer-message-card h2,
.volunteer-message-card blockquote,
.volunteer-message-card strong,
.volunteer-message-card span{
  position:relative !important;
  z-index:3 !important;
}

@media(max-width:900px){
  .volunteer-exact-hero{
    grid-template-columns:1fr !important;
    max-height:none !important;
  }

  .volunteer-exact-hero-copy{
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:48px 22px !important;
  }

  .volunteer-exact-hero-right img{
    height:340px !important;
  }

  .volunteer-message-content{
    width:100% !important;
  }

  .volunteer-message-bg img{
    opacity:.22 !important;
    width:100% !important;
  }
}

/* ==========================================================
   HOMEPAGE SLIDER PHOTO VISIBILITY FIX
   Makes images clear while preserving readable white text.
   ========================================================== */

.hero-overlay,
.campaign-overlay{
  background:
    linear-gradient(
      90deg,
      rgba(0,31,18,.58) 0%,
      rgba(0,31,18,.42) 32%,
      rgba(0,31,18,.18) 58%,
      rgba(0,31,18,.04) 100%
    ) !important;
}

/* Remove large green text backing that was darkening the whole image */
.hero-content > div,
.campaign-hero-content > div{
  background:transparent !important;
  padding:0 !important;
}

/* Improve text visibility without covering the image */
.hero-content h1,
.campaign-hero-content h1{
  color:#fff !important;
  text-shadow:
    0 3px 8px rgba(0,0,0,.72),
    0 8px 28px rgba(0,0,0,.45) !important;
}

.hero-content p,
.campaign-hero-content p{
  color:#fff !important;
  text-shadow:
    0 2px 6px rgba(0,0,0,.76),
    0 6px 18px rgba(0,0,0,.45) !important;
  font-weight:700 !important;
}

/* Make image itself brighter and clearer */
.hero-slide img,
.campaign-slide img,
.hero-slide video,
.campaign-slide video{
  filter:brightness(1.08) contrast(1.04) saturate(1.04) !important;
}

/* Keep left side readable on phone */
@media(max-width:768px){
  .hero-overlay,
  .campaign-overlay{
    background:
      linear-gradient(
        90deg,
        rgba(0,31,18,.68) 0%,
        rgba(0,31,18,.48) 48%,
        rgba(0,31,18,.18) 100%
      ) !important;
  }
}

/* ==========================================================
   HOMEPAGE HEADER UNIFORM WITH INNER PAGES
   - brand row normal
   - only menu/nav sticky
   - compact professional campaign brand
   ========================================================== */

/* Make full header non-sticky */
.sticky-shell,
.campaign-header-v2,
.campaign-info-bar,
.campaign-brand-row{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
}

/* Topbar */
.campaign-info-bar{
  background:linear-gradient(90deg,#002b18,#064f2a) !important;
  min-height:34px !important;
}

/* Brand row like inner pages */
.campaign-brand-row{
  background:#ffffff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
  padding:0 !important;
}

.campaign-brand-inner{
  min-height:102px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.campaign-main-brand img{
  width:96px !important;
  height:74px !important;
  object-fit:contain !important;
}

.campaign-main-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

/* CHEGE MWAURA, 2027 */
.campaign-main-brand strong{
  color:#064f2a !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

/* Hide any remaining old FOR MP line if it exists */
.campaign-main-brand b{
  display:none !important;
}

/* FROM STAREHE... */
.campaign-main-brand small{
  color:#d71920 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* Volunteer button on brand row */
.campaign-volunteer-btn{
  background:#25D366 !important;
  color:#ffffff !important;
  border:0 !important;
  min-height:68px !important;
  padding:0 34px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  font-size:21px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  box-shadow:0 18px 38px rgba(37,211,102,.25) !important;
}

/* Only menu sticky */
.campaign-nav-bar{
  position:sticky !important;
  top:0 !important;
  z-index:3000 !important;
  background:linear-gradient(90deg,#002b18,#064f2a) !important;
  box-shadow:0 4px 16px rgba(0,0,0,.16) !important;
}

.campaign-nav-inner-v2{
  min-height:58px !important;
}

.campaign-nav-bar .nav-links,
.campaign-menu,
#campaignMenu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:54px !important;
  width:100% !important;
}

.campaign-nav-bar .nav-links a,
.campaign-menu a,
#campaignMenu a{
  color:#ffffff !important;
  font-size:18px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  padding:18px 0 15px !important;
  border-bottom:5px solid transparent !important;
}

.campaign-nav-bar .nav-links a.active,
.campaign-menu a.active,
#campaignMenu a.active{
  border-bottom-color:#d71920 !important;
}

/* Green strip under menu */
.campaign-nav-bar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:5px !important;
  background:#25D366 !important;
}

/* Mobile */
@media(max-width:900px){
  .campaign-brand-inner{
    min-height:78px !important;
  }

  .campaign-main-brand img{
    width:62px !important;
    height:50px !important;
  }

  .campaign-main-brand strong{
    font-size:20px !important;
  }

  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }

  .campaign-menu-toggle-v2,
  .campaign-menu-toggle{
    display:inline-flex !important;
    background:#064f2a !important;
    color:#fff !important;
  }

  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:14px !important;
    padding:16px 18px !important;
  }
}


/* ==========================================================
   HOMEPAGE HEADER FINAL CLEANUP
   Match inner-page menu style, homepage only
   ========================================================== */

.campaign-header-v2,
.sticky-shell{
  position:relative !important;
  top:auto !important;
}

.campaign-info-bar{
  display:none !important;
}

.campaign-brand-row{
  background:#ffffff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
}

.campaign-brand-inner{
  min-height:112px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.campaign-main-brand img{
  width:92px !important;
  height:72px !important;
  object-fit:contain !important;
}

.campaign-main-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.campaign-main-brand strong{
  color:#064f2a !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}

.campaign-main-brand b{
  display:none !important;
}

.campaign-main-brand small{
  color:#064f2a !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.campaign-volunteer-btn{
  background:#064f2a !important;
  color:#ffffff !important;
  min-height:66px !important;
  padding:0 34px !important;
  border-radius:8px !important;
  font-size:22px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}

.campaign-nav-bar{
  position:sticky !important;
  top:0 !important;
  z-index:3000 !important;
  background:#ffffff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:52px !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111111 !important;
  font-size:18px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  padding:25px 0 22px !important;
  border-bottom:4px solid transparent !important;
}

.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
  border-bottom-color:#25D366 !important;
}

.campaign-nav-bar::after{
  display:none !important;
}

@media(max-width:900px){
  .campaign-brand-inner{
    min-height:82px !important;
  }

  .campaign-main-brand img{
    width:60px !important;
    height:48px !important;
  }

  .campaign-main-brand strong{
    font-size:20px !important;
  }

  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }

  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:14px !important;
    padding:18px 16px !important;
  }
}

/* ==========================================================
   HOMEPAGE SINGLE-BAR HEADER
   Logo + menu + volunteer on one compact row
   ========================================================== */

.campaign-info-bar{
  display:none !important;
}

.campaign-header-v2,
.sticky-shell{
  position:sticky !important;
  top:0 !important;
  z-index:4000 !important;
  background:#fff !important;
}

.campaign-brand-row{
  background:#fff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.08) !important;
}

.campaign-brand-inner{
  min-height:82px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:28px !important;
}

.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.campaign-main-brand img{
  width:68px !important;
  height:54px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.campaign-main-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}

.campaign-main-brand strong{
  color:#064f2a !important;
  font-size:26px !important;
  line-height:.95 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.campaign-main-brand b{
  display:none !important;
}

.campaign-main-brand small{
  color:#064f2a !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
  white-space:nowrap !important;
}

/* Move menu into same visual row by removing separate nav bar look */
.campaign-nav-bar{
  position:absolute !important;
  inset:0 !important;
  left:360px !important;
  right:230px !important;
  height:82px !important;
  background:transparent !important;
  box-shadow:none !important;
  z-index:4100 !important;
  pointer-events:none !important;
}

.campaign-nav-inner-v2{
  height:82px !important;
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
}

.campaign-menu,
#campaignMenu{
  width:100% !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:34px !important;
  background:transparent !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111 !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  padding:31px 0 27px !important;
  border-bottom:4px solid transparent !important;
  white-space:nowrap !important;
}

.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
  border-bottom-color:#25D366 !important;
}

.campaign-nav-bar::after{
  display:none !important;
}

.campaign-volunteer-btn{
  min-height:54px !important;
  padding:0 24px !important;
  border-radius:7px !important;
  background:#064f2a !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  justify-self:end !important;
}

/* Hide separate mobile toggle on desktop */
.campaign-menu-toggle-v2,
.campaign-menu-toggle{
  display:none !important;
}

/* Medium screens: compress further */
@media(max-width:1180px){
  .campaign-brand-inner{
    gap:18px !important;
  }

  .campaign-main-brand img{
    width:58px !important;
    height:46px !important;
  }

  .campaign-main-brand strong{
    font-size:21px !important;
  }

  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-nav-bar{
    left:285px !important;
    right:185px !important;
  }

  .campaign-menu,
  #campaignMenu{
    gap:22px !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
  }

  .campaign-volunteer-btn{
    min-height:48px !important;
    padding:0 18px !important;
    font-size:15px !important;
  }
}

/* Mobile: single row logo + button/menu-safe; horizontal nav below if needed */
@media(max-width:900px){
  .campaign-header-v2,
  .sticky-shell{
    position:sticky !important;
    top:0 !important;
  }

  .campaign-brand-inner{
    min-height:70px !important;
    display:flex !important;
  }

  .campaign-main-brand img{
    width:48px !important;
    height:40px !important;
  }

  .campaign-main-brand strong{
    font-size:17px !important;
  }

  .campaign-main-brand small{
    font-size:7px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }

  .campaign-nav-bar{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    inset:auto !important;
    height:48px !important;
    background:#fff !important;
    border-top:1px solid #edf2ee !important;
  }

  .campaign-nav-inner-v2{
    height:48px !important;
    min-height:48px !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
  }

  .campaign-menu,
  #campaignMenu{
    height:48px !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:12px !important;
    padding:17px 14px 13px !important;
  }
}

/* ===================================================
   FINAL HEADER ALIGNMENT
   =================================================== */

/* One horizontal row */
.campaign-brand-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:82px !important;
}

/* Logo block */
.campaign-main-brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    flex-shrink:0 !important;
}

.campaign-main-brand img{
    width:68px !important;
    height:auto !important;
}

/* Brand text */
.campaign-main-brand strong{
    font-size:30px !important;
    font-weight:900 !important;
    color:#064f2a !important;
    display:block !important;
    line-height:1.05 !important;
}

/* Make only 2027 red */
.campaign-main-brand strong::after{
    content:" 2027";
    color:#d71920;
    font-weight:900;
}

.campaign-main-brand small{
    display:block !important;
    color:#064f2a !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.08em;
}

/* Hide any old FOR MP text */
.campaign-main-brand b{
    display:none !important;
}

/* Menu immediately after logo */
.campaign-nav-bar{
    position:static !important;
    flex:1 !important;
    background:none !important;
    box-shadow:none !important;
    margin-left:35px !important;
}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:38px !important;
    width:100% !important;
}

/* BLACK menu */
.campaign-menu a,
#campaignMenu a{
    color:#111 !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    border-bottom:3px solid transparent !important;
    padding:28px 0 22px !important;
}

/* Active page */
.campaign-menu a.active,
#campaignMenu a.active{
    color:#064f2a !important;
    border-bottom-color:#2dd65b !important;
}

/* Volunteer button */
.campaign-volunteer-btn{
    margin-left:30px !important;
    flex-shrink:0 !important;
    background:#064f2a !important;
}

/* Mobile */
@media(max-width:900px){

    .campaign-brand-inner{
        flex-wrap:wrap !important;
    }

    .campaign-nav-bar{
        width:100% !important;
        margin-left:0 !important;
        order:3;
    }

    .campaign-menu,
    #campaignMenu{
        overflow-x:auto;
        gap:22px !important;
    }

    .campaign-menu a,
    #campaignMenu a{
        font-size:13px !important;
        white-space:nowrap;
    }

    .campaign-main-brand strong{
        font-size:19px !important;
    }

    .campaign-main-brand small{
        font-size:8px !important;
    }
}


/* FINAL HOMEPAGE SINGLE ROW HEADER */
.sticky-shell,
.campaign-header-v2{
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:#fff !important;
}

.campaign-brand-row{
  background:#fff !important;
  box-shadow:0 4px 18px rgba(0,0,0,.07) !important;
}

.campaign-brand-inner{
  min-height:92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:34px !important;
}

.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex:0 0 auto !important;
}

.campaign-main-brand img{
  width:76px !important;
  height:58px !important;
  object-fit:contain !important;
}

.campaign-main-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

.campaign-main-brand strong{
  color:#064f2a !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.brand-year-red{
  color:#d71920 !important;
}

.campaign-main-brand b{
  display:none !important;
}

.campaign-main-brand small{
  color:#064f2a !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  white-space:nowrap !important;
}

.campaign-nav-bar{
  position:static !important;
  inset:auto !important;
  height:auto !important;
  flex:1 1 auto !important;
  background:transparent !important;
  box-shadow:none !important;
  margin:0 !important;
  pointer-events:auto !important;
}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:38px !important;
  background:transparent !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111 !important;
  font-size:16px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  padding:35px 0 30px !important;
  border-bottom:4px solid transparent !important;
  white-space:nowrap !important;
}

.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
  border-bottom-color:#25D366 !important;
}

.campaign-volunteer-btn{
  flex:0 0 auto !important;
  background:#064f2a !important;
  color:#fff !important;
  min-height:58px !important;
  padding:0 28px !important;
  border-radius:8px !important;
  font-size:20px !important;
  font-weight:950 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.campaign-nav-bar::after{
  display:none !important;
}

@media(max-width:1100px){
  .campaign-brand-inner{
    gap:20px !important;
  }

  .campaign-main-brand img{
    width:60px !important;
  }

  .campaign-main-brand strong{
    font-size:22px !important;
  }

  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-menu,
  #campaignMenu{
    gap:22px !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
  }

  .campaign-volunteer-btn{
    min-height:50px !important;
    padding:0 18px !important;
    font-size:15px !important;
  }
}

@media(max-width:850px){
  .campaign-brand-inner{
    flex-wrap:wrap !important;
    min-height:auto !important;
    padding:10px 0 !important;
  }

  .campaign-nav-bar{
    order:3 !important;
    width:100% !important;
  }

  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    gap:0 !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
    padding:14px 16px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }
}

/* ===================================================
   FINAL MENU COLOUR
   =================================================== */

.brand-year-red{
    display:none !important;
}

.campaign-menu a,
#campaignMenu a,
.campaign-nav-bar a{
    color:#111111 !important;
    font-weight:900 !important;
}

.campaign-menu a:hover,
#campaignMenu a:hover,
.campaign-nav-bar a:hover{
    color:#064f2a !important;
}

.campaign-menu a.active,
#campaignMenu a.active{
    color:#064f2a !important;
}

.campaign-main-brand strong{
    color:#064f2a !important;
}


/* =====================================================
   FINAL APPROVED HEADER
   ===================================================== */

.campaign-info-bar{
    display:none!important;
}

.sticky-shell,
.campaign-header-v2{
    position:relative!important;
}

.campaign-brand-row{
    background:#fff!important;
    border-top:4px solid #064f2a;
    box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.campaign-brand-inner{

    max-width:1380px;
    margin:auto;

    display:grid!important;
    grid-template-columns:auto 1fr auto;

    align-items:center;
    gap:35px;

    min-height:88px;
    padding:0 24px;
}

/* ---------------- Logo ---------------- */

.campaign-main-brand{

    display:flex;
    align-items:center;
    gap:14px;

}

.campaign-main-brand img{

    width:74px!important;
    height:auto;

}

.campaign-main-brand span{

    display:flex;
    flex-direction:column;
    gap:2px;

}

.campaign-main-brand strong{

    font-size:29px;
    font-weight:900;
    color:#0b5b2d;
    line-height:1;

}

.brand-year{

    color:#d71920;
    margin-left:6px;

}

.campaign-main-brand b{

    display:none!important;

}

.campaign-main-brand small{

    font-size:13px;
    color:#d71920;
    font-weight:800;
    letter-spacing:.08em;

}

/* ---------------- MENU ---------------- */

.campaign-nav-bar{

    position:static!important;
    background:transparent!important;
    box-shadow:none!important;

}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{

    display:flex!important;
    align-items:center;
    justify-content:center;

    gap:48px;

}

.campaign-menu a,
#campaignMenu a{

    color:#111!important;

    font-size:17px;
    font-weight:900;

    text-transform:uppercase;

    padding:32px 0;

    border-bottom:4px solid transparent;

}

.campaign-menu a:hover,
#campaignMenu a:hover{

    color:#0b5b2d!important;

}

.campaign-menu a.active,
#campaignMenu a.active{

    color:#0b5b2d!important;
    border-bottom-color:#2dd65b;

}

/* ---------------- Volunteer ---------------- */

.campaign-volunteer-btn{

    background:#064f2a!important;

    color:#fff!important;

    min-height:48px!important;

    padding:0 22px!important;

    border-radius:8px;

    font-size:17px!important;

    font-weight:900;

}

/* ---------------- Mobile ---------------- */

@media(max-width:992px){

.campaign-brand-inner{

grid-template-columns:1fr;
gap:12px;
padding:12px;

}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{

justify-content:flex-start;
overflow-x:auto;
gap:20px;

}

.campaign-menu a,
#campaignMenu a{

font-size:14px;
padding:14px 0;

}

.campaign-main-brand strong{

font-size:22px;

}

.campaign-main-brand small{

font-size:10px;

}

.campaign-volunteer-btn{

display:none;

}

}


/* =====================================================
   HEADER FINAL CORRECTION - APPROVED COMPACT VERSION
   ===================================================== */

.campaign-info-bar{
  display:none !important;
}

.sticky-shell,
.campaign-header-v2{
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:#fff !important;
}

.campaign-brand-row{
  background:#fff !important;
  border-top:4px solid #064f2a !important;
  box-shadow:0 4px 18px rgba(0,0,0,.06) !important;
}

.campaign-brand-inner{
  max-width:1420px !important;
  min-height:86px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:360px 1fr 180px !important;
  align-items:center !important;
  gap:26px !important;
}

.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

.campaign-main-brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.campaign-main-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
}

.campaign-main-brand strong{
  display:block !important;
  color:#064f2a !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

.campaign-main-brand .brand-year{
  color:#d71920 !important;
  display:inline !important;
  margin-left:5px !important;
}

.campaign-main-brand b{
  display:none !important;
}

.campaign-main-brand small{
  display:block !important;
  color:#d71920 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}

/* menu centered in same row */
.campaign-nav-bar{
  position:static !important;
  background:transparent !important;
  box-shadow:none !important;
  height:auto !important;
  margin:0 !important;
  inset:auto !important;
}

.campaign-nav-inner-v2,
.campaign-menu,
#campaignMenu{
  min-height:0 !important;
  height:auto !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:38px !important;
  background:transparent !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111 !important;
  font-size:15px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  padding:32px 0 27px !important;
  border-bottom:4px solid transparent !important;
  white-space:nowrap !important;
}

.campaign-menu a:hover,
#campaignMenu a:hover,
.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
}

.campaign-menu a.active,
#campaignMenu a.active{
  border-bottom-color:#25D366 !important;
}

.campaign-nav-bar::after{
  display:none !important;
}

.campaign-volunteer-btn{
  justify-self:end !important;
  background:#25D366 !important;
  color:#fff !important;
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:7px !important;
  font-size:16px !important;
  font-weight:950 !important;
  box-shadow:0 12px 28px rgba(37,211,102,.22) !important;
  margin:0 !important;
  white-space:nowrap !important;
}

@media(max-width:1100px){
  .campaign-brand-inner{
    grid-template-columns:300px 1fr 150px !important;
    gap:18px !important;
  }

  .campaign-main-brand img{
    width:58px !important;
    height:46px !important;
  }

  .campaign-main-brand strong{
    font-size:20px !important;
  }

  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-menu,
  #campaignMenu{
    gap:22px !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
  }

  .campaign-volunteer-btn{
    font-size:14px !important;
    padding:0 16px !important;
  }
}

@media(max-width:850px){
  .campaign-brand-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .campaign-nav-bar{
    width:100% !important;
    order:3 !important;
  }

  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    gap:0 !important;
  }

  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
    padding:14px 16px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }
}

/* =====================================================
   HARD FIX: HOMEPAGE BRAND DUPLICATE 2027
   ===================================================== */

.campaign-main-brand strong::after,
.campaign-main-brand strong::before,
.campaign-main-brand .brand-year::after,
.campaign-main-brand .brand-year::before{
  content:none !important;
  display:none !important;
}

.campaign-main-brand .brand-year{
  display:none !important;
}

.campaign-brand-text{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

.campaign-brand-text strong{
  display:block !important;
  color:#064f2a !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  letter-spacing:.03em !important;
}

.campaign-brand-text strong em{
  color:#d71920 !important;
  font-style:normal !important;
  margin-left:6px !important;
}

.campaign-brand-text small{
  display:block !important;
  color:#d71920 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}

/* Keep header compact and readable */
.campaign-brand-inner{
  min-height:86px !important;
  display:grid !important;
  grid-template-columns:360px 1fr 180px !important;
  align-items:center !important;
  gap:26px !important;
}

.campaign-main-brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111 !important;
}

.campaign-volunteer-btn{
  min-height:48px !important;
  padding:0 22px !important;
  font-size:16px !important;
}

@media(max-width:1100px){
  .campaign-brand-text strong{
    font-size:20px !important;
  }

  .campaign-brand-text small{
    font-size:8px !important;
  }
}

/* =====================================================
   HARD FIX: HOMEPAGE BRAND DUPLICATE 2027
   ===================================================== */

.campaign-main-brand strong::after,
.campaign-main-brand strong::before,
.campaign-main-brand .brand-year::after,
.campaign-main-brand .brand-year::before{
  content:none !important;
  display:none !important;
}

.campaign-main-brand .brand-year{
  display:none !important;
}

.campaign-brand-text{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

.campaign-brand-text strong{
  display:block !important;
  color:#064f2a !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  letter-spacing:.03em !important;
}

.campaign-brand-text strong em{
  color:#d71920 !important;
  font-style:normal !important;
  margin-left:6px !important;
}

.campaign-brand-text small{
  display:block !important;
  color:#d71920 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  white-space:nowrap !important;
}

/* Keep header compact and readable */
.campaign-brand-inner{
  min-height:86px !important;
  display:grid !important;
  grid-template-columns:360px 1fr 180px !important;
  align-items:center !important;
  gap:26px !important;
}

.campaign-main-brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
}

.campaign-menu a,
#campaignMenu a{
  color:#111 !important;
}

.campaign-volunteer-btn{
  min-height:48px !important;
  padding:0 22px !important;
  font-size:16px !important;
}

@media(max-width:1100px){
  .campaign-brand-text strong{
    font-size:20px !important;
  }

  .campaign-brand-text small{
    font-size:8px !important;
  }
}

/* =====================================================
   FINAL FIX: BLACK MENU + NO OVERLAP
   ===================================================== */

.campaign-header-v2,
.sticky-shell{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#fff !important;
}

.campaign-brand-row{
  background:#fff !important;
}

.campaign-brand-inner{
  max-width:1420px !important;
  margin:0 auto !important;
  min-height:86px !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:340px minmax(520px,1fr) 170px !important;
  align-items:center !important;
  gap:24px !important;
  overflow:visible !important;
}

.campaign-main-brand{
  min-width:0 !important;
  overflow:hidden !important;
}

.campaign-brand-text strong,
.campaign-main-brand strong{
  font-size:23px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.campaign-brand-text small,
.campaign-main-brand small{
  font-size:10px !important;
  white-space:nowrap !important;
}

.campaign-nav-bar{
  position:static !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  background:transparent !important;
  box-shadow:none !important;
  width:100% !important;
  height:auto !important;
  overflow:visible !important;
  z-index:50 !important;
}

.campaign-nav-inner-v2,
.campaign-nav-bar .nav-links,
.campaign-menu,
#campaignMenu{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  gap:30px !important;
  width:100% !important;
  min-height:86px !important;
  background:transparent !important;
  overflow:visible !important;
  flex-wrap:nowrap !important;
}

.campaign-nav-bar .nav-links a,
.campaign-menu a,
#campaignMenu a,
.campaign-nav-bar a{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#111111 !important;
  background:transparent !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  text-shadow:none !important;
  padding:34px 0 28px !important;
  margin:0 !important;
  border-bottom:4px solid transparent !important;
}

.campaign-nav-bar .nav-links a *,
.campaign-menu a *,
#campaignMenu a *{
  color:#111111 !important;
  text-shadow:none !important;
}

.campaign-nav-bar .nav-links a:hover,
.campaign-nav-bar .nav-links a.active,
.campaign-menu a:hover,
.campaign-menu a.active,
#campaignMenu a:hover,
#campaignMenu a.active{
  color:#064f2a !important;
}

.campaign-nav-bar .nav-links a.active,
.campaign-menu a.active,
#campaignMenu a.active{
  border-bottom-color:#25D366 !important;
}

.campaign-volunteer-btn{
  justify-self:end !important;
  min-height:48px !important;
  padding:0 20px !important;
  font-size:15px !important;
  background:#25D366 !important;
  color:#fff !important;
  border-radius:7px !important;
  white-space:nowrap !important;
  z-index:60 !important;
}

@media(max-width:1180px){
  .campaign-brand-inner{
    grid-template-columns:280px minmax(420px,1fr) 145px !important;
    gap:16px !important;
  }

  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    gap:18px !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:12px !important;
  }
}

@media(max-width:900px){
  .campaign-brand-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .campaign-nav-bar{
    order:3 !important;
    width:100% !important;
  }

  .campaign-nav-inner-v2,
  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    min-height:46px !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
    padding:14px 16px !important;
  }

  .campaign-volunteer-btn{
    display:none !important;
  }
}

/* =====================================================
   HEADER SPACE FIX: FULL LOGO TEXT + VISIBLE MENU
   ===================================================== */

/* Remove volunteer button on homepage header to create space */
.campaign-volunteer-btn{
  display:none !important;
}

/* Two-column header: brand + menu */
.campaign-brand-inner{
  max-width:1420px !important;
  margin:0 auto !important;
  min-height:84px !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:360px minmax(0,1fr) !important;
  align-items:center !important;
  gap:30px !important;
  overflow:visible !important;
}

/* Brand must not crop */
.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:360px !important;
  max-width:360px !important;
  overflow:visible !important;
}

.campaign-main-brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.campaign-brand-text,
.campaign-main-brand span{
  min-width:0 !important;
  overflow:visible !important;
}

.campaign-brand-text strong,
.campaign-main-brand strong{
  display:block !important;
  color:#064f2a !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  letter-spacing:.02em !important;
}

.campaign-brand-text strong em,
.campaign-main-brand strong em,
.brand-year{
  color:#d71920 !important;
  font-style:normal !important;
  display:inline !important;
}

.campaign-brand-text small,
.campaign-main-brand small{
  display:block !important;
  color:#d71920 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

/* Menu visible and centered in remaining space */
.campaign-nav-bar{
  position:static !important;
  display:block !important;
  width:100% !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.campaign-nav-inner-v2,
.campaign-nav-bar .nav-links,
.campaign-menu,
#campaignMenu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:36px !important;
  width:100% !important;
  min-height:84px !important;
  background:transparent !important;
  overflow:visible !important;
  flex-wrap:nowrap !important;
}

.campaign-nav-bar .nav-links a,
.campaign-menu a,
#campaignMenu a,
.campaign-nav-bar a{
  display:inline-flex !important;
  color:#111 !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  padding:33px 0 27px !important;
  border-bottom:4px solid transparent !important;
  text-decoration:none !important;
  text-shadow:none !important;
}

.campaign-nav-bar .nav-links a.active,
.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
  border-bottom-color:#25D366 !important;
}

@media(max-width:1180px){
  .campaign-brand-inner{
    grid-template-columns:310px minmax(0,1fr) !important;
    gap:20px !important;
  }

  .campaign-main-brand{
    min-width:310px !important;
    max-width:310px !important;
  }

  .campaign-main-brand img{
    width:58px !important;
    height:46px !important;
  }

  .campaign-brand-text strong,
  .campaign-main-brand strong{
    font-size:18px !important;
  }

  .campaign-brand-text small,
  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    gap:22px !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
  }
}

@media(max-width:900px){
  .campaign-brand-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .campaign-main-brand{
    min-width:0 !important;
    max-width:100% !important;
  }

  .campaign-nav-bar{
    order:3 !important;
    width:100% !important;
  }

  .campaign-nav-inner-v2,
  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    gap:0 !important;
    min-height:46px !important;
    overflow-x:auto !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
    padding:14px 16px !important;
  }
}

/* =====================================================
   HEADER SPACE FIX: FULL LOGO TEXT + VISIBLE MENU
   ===================================================== */

/* Remove volunteer button on homepage header to create space */
.campaign-volunteer-btn{
  display:none !important;
}

/* Two-column header: brand + menu */
.campaign-brand-inner{
  max-width:1420px !important;
  margin:0 auto !important;
  min-height:84px !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:360px minmax(0,1fr) !important;
  align-items:center !important;
  gap:30px !important;
  overflow:visible !important;
}

/* Brand must not crop */
.campaign-main-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:360px !important;
  max-width:360px !important;
  overflow:visible !important;
}

.campaign-main-brand img{
  width:72px !important;
  height:56px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.campaign-brand-text,
.campaign-main-brand span{
  min-width:0 !important;
  overflow:visible !important;
}

.campaign-brand-text strong,
.campaign-main-brand strong{
  display:block !important;
  color:#064f2a !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  letter-spacing:.02em !important;
}

.campaign-brand-text strong em,
.campaign-main-brand strong em,
.brand-year{
  color:#d71920 !important;
  font-style:normal !important;
  display:inline !important;
}

.campaign-brand-text small,
.campaign-main-brand small{
  display:block !important;
  color:#d71920 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

/* Menu visible and centered in remaining space */
.campaign-nav-bar{
  position:static !important;
  display:block !important;
  width:100% !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.campaign-nav-inner-v2,
.campaign-nav-bar .nav-links,
.campaign-menu,
#campaignMenu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:36px !important;
  width:100% !important;
  min-height:84px !important;
  background:transparent !important;
  overflow:visible !important;
  flex-wrap:nowrap !important;
}

.campaign-nav-bar .nav-links a,
.campaign-menu a,
#campaignMenu a,
.campaign-nav-bar a{
  display:inline-flex !important;
  color:#111 !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  padding:33px 0 27px !important;
  border-bottom:4px solid transparent !important;
  text-decoration:none !important;
  text-shadow:none !important;
}

.campaign-nav-bar .nav-links a.active,
.campaign-menu a.active,
#campaignMenu a.active{
  color:#064f2a !important;
  border-bottom-color:#25D366 !important;
}

@media(max-width:1180px){
  .campaign-brand-inner{
    grid-template-columns:310px minmax(0,1fr) !important;
    gap:20px !important;
  }

  .campaign-main-brand{
    min-width:310px !important;
    max-width:310px !important;
  }

  .campaign-main-brand img{
    width:58px !important;
    height:46px !important;
  }

  .campaign-brand-text strong,
  .campaign-main-brand strong{
    font-size:18px !important;
  }

  .campaign-brand-text small,
  .campaign-main-brand small{
    font-size:8px !important;
  }

  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    gap:22px !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
  }
}

@media(max-width:900px){
  .campaign-brand-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .campaign-main-brand{
    min-width:0 !important;
    max-width:100% !important;
  }

  .campaign-nav-bar{
    order:3 !important;
    width:100% !important;
  }

  .campaign-nav-inner-v2,
  .campaign-nav-bar .nav-links,
  .campaign-menu,
  #campaignMenu{
    justify-content:flex-start !important;
    gap:0 !important;
    min-height:46px !important;
    overflow-x:auto !important;
  }

  .campaign-nav-bar .nav-links a,
  .campaign-menu a,
  #campaignMenu a{
    font-size:13px !important;
    padding:14px 16px !important;
  }
}

/* =====================================================
   FINAL HEADER ALIGNMENT (NO OVERLAP)
   ===================================================== */

.campaign-brand-inner{
    display:grid !important;
    grid-template-columns:430px 1fr 170px !important;
    align-items:center !important;
    gap:18px !important;
    min-height:82px !important;
}

/* Give the logo area enough room */
.campaign-main-brand{
    width:430px !important;
    max-width:430px !important;
    min-width:430px !important;
}

.campaign-main-brand img{
    width:68px !important;
    height:auto !important;
}

.campaign-main-brand strong{
    font-size:18px !important;
    white-space:nowrap !important;
}

.campaign-main-brand strong em{
    color:#d71920 !important;
    margin-left:4px !important;
}

.campaign-main-brand small{
    font-size:9px !important;
}

/* Menu occupies remaining space */
.campaign-nav-bar,
.campaign-menu,
#campaignMenu{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:22px !important;
    width:100% !important;
}

.campaign-menu a,
#campaignMenu a{
    font-size:13px !important;
    font-weight:900 !important;
    color:#111 !important;
    white-space:nowrap !important;
    padding:30px 0 24px !important;
}

/* Smaller volunteer button */
.campaign-volunteer-btn{
    padding:0 18px !important;
    min-height:44px !important;
    font-size:15px !important;
}

@media (max-width:1200px){

    .campaign-brand-inner{
        grid-template-columns:360px 1fr !important;
    }

    .campaign-main-brand{
        width:360px !important;
        min-width:360px !important;
        max-width:360px !important;
    }

    .campaign-volunteer-btn{
        display:none !important;
    }

    .campaign-menu,
    #campaignMenu{
        gap:16px !important;
    }

    .campaign-menu a,
    #campaignMenu a{
        font-size:12px !important;
    }
}


/* =====================================================
   CLEAN HOMEPAGE HEADER — NO OVERLAP
   ===================================================== */

.cm-home-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:#fff;
  border-top:4px solid #064f2a;
  box-shadow:0 4px 18px rgba(0,0,0,.07);
}

.cm-home-header-inner{
  min-height:84px;
  display:grid;
  grid-template-columns:390px 1fr;
  align-items:center;
  gap:34px;
}

.cm-home-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.cm-home-brand img{
  width:74px;
  height:56px;
  object-fit:contain;
  flex:0 0 auto;
}

.cm-home-brand span{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.cm-home-brand strong{
  color:#064f2a;
  font-size:23px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}

.cm-home-brand strong em{
  color:#d71920;
  font-style:normal;
  margin-left:5px;
}

.cm-home-brand small{
  color:#d71920;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}

.cm-home-menu{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:32px;
  min-width:0;
}

.cm-home-menu a{
  color:#111!important;
  font-size:15px;
  font-weight:950;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  padding:32px 0 25px;
  border-bottom:4px solid transparent;
}

.cm-home-menu a:hover,
.cm-home-menu a.active{
  color:#064f2a!important;
}

.cm-home-menu a.active{
  border-bottom-color:#25D366;
}

@media(max-width:1180px){
  .cm-home-header-inner{
    grid-template-columns:320px 1fr;
    gap:22px;
  }

  .cm-home-brand img{
    width:60px;
    height:46px;
  }

  .cm-home-brand strong{
    font-size:18px;
  }

  .cm-home-brand small{
    font-size:8px;
  }

  .cm-home-menu{
    gap:20px;
  }

  .cm-home-menu a{
    font-size:13px;
  }
}

@media(max-width:900px){
  .cm-home-header-inner{
    grid-template-columns:1fr;
    gap:0;
    padding:10px 16px;
  }

  .cm-home-menu{
    justify-content:flex-start;
    overflow-x:auto;
    gap:0;
  }

  .cm-home-menu a{
    font-size:13px;
    padding:15px 16px 12px;
  }
}

/* =====================================================
   CLEAN HOMEPAGE HEADER - APPROVED VERSION
   No volunteer button, no overlap
   ===================================================== */

.cm-home-header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  background:#ffffff !important;
  border-top:4px solid #064f2a !important;
  box-shadow:0 4px 18px rgba(0,0,0,.07) !important;
}

.cm-home-header-inner{
  max-width:1420px !important;
  min-height:92px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:460px minmax(0,1fr) !important;
  align-items:center !important;
  gap:50px !important;
}

.cm-home-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
  text-decoration:none !important;
}

.cm-home-brand img{
  width:78px !important;
  height:58px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.cm-home-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  min-width:0 !important;
}

.cm-home-brand strong{
  color:#064f2a !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

.cm-home-brand strong em{
  color:#d71920 !important;
  font-style:normal !important;
  margin-left:6px !important;
}

.cm-home-brand small{
  color:#d71920 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  white-space:nowrap !important;
}

.cm-home-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:42px !important;
  min-width:0 !important;
  overflow:visible !important;
}

.cm-home-menu a{
  color:#111111 !important;
  background:transparent !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  padding:34px 0 28px !important;
  border-bottom:4px solid transparent !important;
  text-shadow:none !important;
}

.cm-home-menu a:hover,
.cm-home-menu a.active{
  color:#064f2a !important;
}

.cm-home-menu a.active{
  border-bottom-color:#25D366 !important;
}

/* Hide all old homepage header pieces if any CSS/HTML remains cached */
.campaign-info-bar,
.campaign-brand-row,
.campaign-nav-bar,
.campaign-volunteer-btn,
.campaign-menu-toggle-v2,
.campaign-menu-toggle{
  display:none !important;
}

@media(max-width:1180px){
  .cm-home-header-inner{
    grid-template-columns:360px minmax(0,1fr) !important;
    gap:26px !important;
  }

  .cm-home-brand img{
    width:64px !important;
    height:48px !important;
  }

  .cm-home-brand strong{
    font-size:20px !important;
  }

  .cm-home-brand small{
    font-size:9px !important;
  }

  .cm-home-menu{
    gap:24px !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
  }
}

@media(max-width:900px){
  .cm-home-header-inner{
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .cm-home-menu{
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
    padding:15px 16px 12px !important;
  }
}

/* =====================================================
   EMERGENCY RESTORE: CLEAN HOMEPAGE HEADER
   ===================================================== */

.cm-home-header,
.cm-home-header *{
  visibility:visible !important;
  opacity:1 !important;
}

.cm-home-header{
  display:block !important;
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:#fff !important;
  border-top:4px solid #064f2a !important;
  box-shadow:0 4px 18px rgba(0,0,0,.07) !important;
}

.cm-home-header-inner{
  display:grid !important;
  grid-template-columns:460px minmax(0,1fr) !important;
  align-items:center !important;
  gap:50px !important;
  max-width:1420px !important;
  min-height:92px !important;
  margin:0 auto !important;
  padding:0 24px !important;
}

.cm-home-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  text-decoration:none !important;
}

.cm-home-brand img{
  display:block !important;
  width:78px !important;
  height:58px !important;
  object-fit:contain !important;
}

.cm-home-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}

.cm-home-brand strong{
  display:block !important;
  color:#064f2a !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.cm-home-brand strong em{
  color:#d71920 !important;
  font-style:normal !important;
  margin-left:6px !important;
}

.cm-home-brand small{
  display:block !important;
  color:#d71920 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  white-space:nowrap !important;
}

.cm-home-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:42px !important;
  overflow:visible !important;
}

.cm-home-menu a{
  display:inline-flex !important;
  color:#111 !important;
  background:transparent !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  padding:34px 0 28px !important;
  border-bottom:4px solid transparent !important;
}

.cm-home-menu a.active,
.cm-home-menu a:hover{
  color:#064f2a !important;
}

.cm-home-menu a.active{
  border-bottom-color:#25D366 !important;
}

@media(max-width:1180px){
  .cm-home-header-inner{
    grid-template-columns:360px minmax(0,1fr) !important;
    gap:26px !important;
  }

  .cm-home-brand img{
    width:64px !important;
    height:48px !important;
  }

  .cm-home-brand strong{
    font-size:20px !important;
  }

  .cm-home-brand small{
    font-size:9px !important;
  }

  .cm-home-menu{
    gap:24px !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
  }
}

@media(max-width:900px){
  .cm-home-header-inner{
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .cm-home-menu{
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
    padding:15px 16px 12px !important;
  }
}


/*==================================================

MANIFESTO SECTION

==================================================*/

.manifesto-home{

padding:90px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.manifesto-home:before{

content:"";

position:absolute;

left:-200px;

bottom:-180px;

width:520px;

height:520px;

background:#0b5f2a;

border-radius:50%;

opacity:.05;

}

.manifesto-home:after{

content:"";

position:absolute;

right:-200px;

top:-180px;

width:520px;

height:520px;

background:#d71920;

border-radius:50%;

opacity:.04;

}

.manifesto-title{

text-align:center;

max-width:900px;

margin:auto auto 70px;

position:relative;

z-index:2;

}

.manifesto-title span{

display:block;

font-size:17px;

font-weight:900;

letter-spacing:4px;

color:#d71920;

text-transform:uppercase;

margin-bottom:16px;

}

.manifesto-title h2{

font-size:60px;

font-weight:900;

color:#0b5f2a;

margin-bottom:24px;

line-height:1;

}

.manifesto-title p{

font-size:22px;

line-height:1.8;

color:#555;

}

.manifesto-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:40px;

position:relative;

z-index:2;

}

.manifesto-card{

background:#fff;

border-radius:24px;

padding:50px;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.manifesto-card:hover{

transform:translateY(-8px);

}

.manifesto-card.vision{

border-top:8px solid #0b5f2a;

}

.manifesto-card.mission{

border-top:8px solid #d71920;

}

.manifesto-icon{

width:95px;

height:95px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

margin-bottom:30px;

color:#fff;

}

.vision .manifesto-icon{

background:#0b5f2a;

}

.mission .manifesto-icon{

background:#d71920;

}

.manifesto-card h3{

font-size:38px;

margin-bottom:25px;

font-weight:900;

}

.vision h3{

color:#0b5f2a;

}

.mission h3{

color:#d71920;

}

.manifesto-card p{

font-size:20px;

line-height:2;

color:#555;

}

@media(max-width:991px){

.manifesto-grid{

grid-template-columns:1fr;

}

.manifesto-title h2{

font-size:42px;

}

.manifesto-card{

padding:35px;

}

}



/*==================================================

MANIFESTO SECTION

==================================================*/

.manifesto-home{

padding:90px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.manifesto-home:before{

content:"";

position:absolute;

left:-200px;

bottom:-180px;

width:520px;

height:520px;

background:#0b5f2a;

border-radius:50%;

opacity:.05;

}

.manifesto-home:after{

content:"";

position:absolute;

right:-200px;

top:-180px;

width:520px;

height:520px;

background:#d71920;

border-radius:50%;

opacity:.04;

}

.manifesto-title{

text-align:center;

max-width:900px;

margin:auto auto 70px;

position:relative;

z-index:2;

}

.manifesto-title span{

display:block;

font-size:17px;

font-weight:900;

letter-spacing:4px;

color:#d71920;

text-transform:uppercase;

margin-bottom:16px;

}

.manifesto-title h2{

font-size:60px;

font-weight:900;

color:#0b5f2a;

margin-bottom:24px;

line-height:1;

}

.manifesto-title p{

font-size:22px;

line-height:1.8;

color:#555;

}

.manifesto-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:40px;

position:relative;

z-index:2;

}

.manifesto-card{

background:#fff;

border-radius:24px;

padding:50px;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

}

.manifesto-card:hover{

transform:translateY(-8px);

}

.manifesto-card.vision{

border-top:8px solid #0b5f2a;

}

.manifesto-card.mission{

border-top:8px solid #d71920;

}

.manifesto-icon{

width:95px;

height:95px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

margin-bottom:30px;

color:#fff;

}

.vision .manifesto-icon{

background:#0b5f2a;

}

.mission .manifesto-icon{

background:#d71920;

}

.manifesto-card h3{

font-size:38px;

margin-bottom:25px;

font-weight:900;

}

.vision h3{

color:#0b5f2a;

}

.mission h3{

color:#d71920;

}

.manifesto-card p{

font-size:20px;

line-height:2;

color:#555;

}

@media(max-width:991px){

.manifesto-grid{

grid-template-columns:1fr;

}

.manifesto-title h2{

font-size:42px;

}

.manifesto-card{

padding:35px;

}

}


/* =====================================================
   MANIFESTO HOME - FORCE VISIBLE FINAL
   ===================================================== */

.manifesto-home{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
  clear:both !important;
  width:100% !important;
  padding:82px 0 86px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.manifesto-home *{
  visibility:visible !important;
  opacity:1 !important;
}

.manifesto-title{
  text-align:center !important;
  max-width:980px !important;
  margin:0 auto 54px !important;
}

.manifesto-title span{
  display:block !important;
  color:#d71920 !important;
  font-size:17px !important;
  font-weight:950 !important;
  letter-spacing:5px !important;
  text-transform:uppercase !important;
  margin-bottom:16px !important;
}

.manifesto-title h2{
  display:block !important;
  color:#064f2a !important;
  font-size:clamp(40px,5vw,70px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  margin:0 0 20px !important;
  text-transform:uppercase !important;
}

.manifesto-title p{
  color:#222 !important;
  font-size:20px !important;
  line-height:1.7 !important;
  margin:0 auto !important;
  max-width:860px !important;
}

.manifesto-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.manifesto-card{
  display:block !important;
  background:#fff !important;
  border-radius:22px !important;
  padding:44px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.10) !important;
  border:1px solid #e6eee9 !important;
}

.manifesto-card.vision{
  border-top:8px solid #064f2a !important;
}

.manifesto-card.mission{
  border-top:8px solid #d71920 !important;
}

.manifesto-icon{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:34px !important;
  margin-bottom:24px !important;
}

.vision .manifesto-icon{
  background:#064f2a !important;
}

.mission .manifesto-icon{
  background:#d71920 !important;
}

.manifesto-card h3{
  display:block !important;
  font-size:34px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  margin:0 0 18px !important;
}

.manifesto-card.vision h3{
  color:#064f2a !important;
}

.manifesto-card.mission h3{
  color:#d71920 !important;
}

.manifesto-card p{
  display:block !important;
  color:#222 !important;
  font-size:18px !important;
  line-height:1.8 !important;
  margin:0 !important;
}

@media(max-width:900px){
  .manifesto-home{
    padding:56px 0 !important;
  }

  .manifesto-grid{
    grid-template-columns:1fr !important;
  }

  .manifesto-card{
    padding:30px !important;
  }

  .manifesto-title span{
    font-size:13px !important;
    letter-spacing:3px !important;
  }
}

/* =====================================================
   FINAL MY STORY PAGE
   ===================================================== */

.story-final-page{background:#fff;color:#071b12}
.story-final-header{position:sticky;top:0;z-index:9999;background:#fff;border-top:4px solid #064f2a;box-shadow:0 4px 18px rgba(0,0,0,.07)}
.story-final-nav{min-height:82px;display:grid;grid-template-columns:390px 1fr;align-items:center;gap:34px}
.story-final-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.story-final-brand img{width:72px;height:56px;object-fit:contain}
.story-final-brand span{display:flex;flex-direction:column;gap:4px}
.story-final-brand strong{color:#064f2a;font-size:23px;line-height:1;font-weight:950;white-space:nowrap}
.story-final-brand strong em{color:#d71920;font-style:normal;margin-left:5px}
.story-final-brand small{color:#d71920;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.story-final-nav nav{display:flex;align-items:center;justify-content:flex-end;gap:34px}
.story-final-nav nav a{color:#111!important;font-size:15px;font-weight:950;text-transform:uppercase;text-decoration:none;padding:31px 0 25px;border-bottom:4px solid transparent}
.story-final-nav nav a.active{color:#064f2a!important;border-bottom-color:#25D366}

.story-final-hero{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;position:relative;overflow:hidden}
.story-final-hero-grid{min-height:430px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:40px}
.story-final-hero span,.story-final-intro span,.story-final-timeline span,.story-final-values>span,.story-final-vision span{color:#25D366;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.story-final-hero h1{font-size:58px;color:#fff;line-height:1.05;margin:16px 0}
.story-final-hero p{font-size:20px;line-height:1.6;max-width:560px;color:#fff}
.story-final-actions{display:flex;gap:18px;margin-top:28px}
.story-final-actions a,.story-final-cta a{display:inline-flex;justify-content:center;min-width:180px;padding:15px 24px;border-radius:6px;text-transform:uppercase;font-weight:950;color:#fff!important;text-decoration:none}
.story-final-actions a:first-child,.story-final-cta a:first-child{background:#d71920}
.story-final-actions a:last-child,.story-final-cta a:last-child{border:1px solid #fff}
.story-final-hero-photo img{width:100%;height:430px;object-fit:cover;object-position:center top}

.story-final-intro{display:grid;grid-template-columns:430px 1fr;gap:54px;align-items:center;padding:72px 0}
.story-final-photo-card img{width:100%;height:450px;object-fit:cover;border-radius:18px;box-shadow:0 18px 45px rgba(0,31,18,.15)}
.story-final-copy h2,.story-final-timeline h2,.story-final-vision h2{font-size:38px;color:#064f2a;line-height:1.1;margin:10px 0 20px}
.story-final-copy p,.story-more-content p,.story-final-vision p{font-size:17px;line-height:1.8;color:#18251d}
.story-final-copy blockquote{background:#eef8f1;border-left:6px solid #064f2a;border-radius:10px;padding:22px 26px;font-size:19px;font-weight:900;color:#064f2a}
.story-readmore-btn{margin-top:18px;background:#fff;border:1px solid #064f2a;border-radius:6px;padding:13px 22px;font-weight:950;text-transform:uppercase;cursor:pointer}
.story-more-content{display:none;padding-bottom:30px}
.story-expanded .story-more-content{display:block}

.story-final-timeline{background:#f5faf7;padding:62px 0;text-align:center}
.story-final-timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.08);overflow:hidden}
.story-final-timeline-grid article{padding:36px 28px;border-right:1px solid #d8eadf;text-align:left}
.story-final-timeline-grid article:last-child{border-right:0}
.story-final-timeline-grid i{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #064f2a;color:#064f2a;font-size:26px;margin-bottom:20px}
.story-final-timeline-grid h3{color:#064f2a;font-size:20px;margin:0 0 10px}
.story-final-timeline-grid strong{display:block;color:#111;margin-bottom:12px}
.story-final-timeline-grid p{font-size:15px;line-height:1.7;color:#1d2a23}

.story-final-values{padding:68px 0;text-align:center}
.story-final-values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:34px}
.story-final-values-grid article{background:#fff;border:1px solid #d8eadf;border-radius:16px;padding:30px 20px;box-shadow:0 14px 34px rgba(0,31,18,.08)}
.story-final-values-grid article:nth-child(even){background:#fff5f5;border-color:#f3caca}
.story-final-values-grid i{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#064f2a;color:#fff;font-size:28px}
.story-final-values-grid article:nth-child(even) i{background:#d71920}
.story-final-values-grid h3{color:#064f2a;margin:0 0 12px}
.story-final-values-grid article:nth-child(even) h3{color:#d71920}
.story-final-values-grid p{font-size:14px;line-height:1.6;color:#222}

.story-final-vision{display:grid;grid-template-columns:1fr 470px;gap:56px;align-items:center;padding:40px 0 80px}
.story-final-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin-top:24px}
.story-final-checks p{font-size:15px;margin:0;display:flex;gap:10px;align-items:flex-start}
.story-final-checks i{color:#064f2a;margin-top:5px}
.story-final-vision-photo img{width:100%;height:360px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px rgba(0,31,18,.14)}

.story-final-cta{background:linear-gradient(90deg,rgba(0,31,18,.96),rgba(6,79,42,.95));color:#fff;text-align:center;padding:58px 0}
.story-final-cta h2{font-size:42px;color:#fff;margin:5px 0}
.story-final-cta p{color:#fff;margin:0 0 8px}
.story-final-cta h3{color:#fff;margin:12px 0 24px}
.story-final-cta h3 em{color:#d71920;font-style:normal}

@media(max-width:1000px){
  .story-final-nav,.story-final-hero-grid,.story-final-intro,.story-final-vision{grid-template-columns:1fr}
  .story-final-nav nav{justify-content:flex-start;overflow-x:auto;gap:0}
  .story-final-nav nav a{font-size:13px;padding:15px 16px}
  .story-final-timeline-grid,.story-final-values-grid{grid-template-columns:1fr}
  .story-final-timeline-grid article{border-right:0;border-bottom:1px solid #d8eadf}
  .story-final-hero h1{font-size:42px}
  .story-final-hero-grid{min-height:auto;padding:46px 0 0}
  .story-final-hero-photo img{height:340px}
  .story-final-checks{grid-template-columns:1fr}
}

/* =====================================================
   CLEAN FORMATTED MY STORY PAGE
   ===================================================== */

.story-final-page{background:#fff;color:#071b12}
.story-final-header{position:sticky;top:0;z-index:9999;background:#fff;border-top:4px solid #064f2a;box-shadow:0 4px 18px rgba(0,0,0,.07)}
.story-final-nav{min-height:82px;display:grid;grid-template-columns:390px 1fr;align-items:center;gap:34px}
.story-final-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.story-final-brand img{width:72px;height:56px;object-fit:contain}
.story-final-brand span{display:flex;flex-direction:column;gap:4px}
.story-final-brand strong{color:#064f2a;font-size:23px;line-height:1;font-weight:950;white-space:nowrap}
.story-final-brand strong em{color:#d71920;font-style:normal;margin-left:5px}
.story-final-brand small{color:#d71920;font-size:10px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.story-final-nav nav{display:flex;align-items:center;justify-content:flex-end;gap:34px}
.story-final-nav nav a{color:#111!important;font-size:15px;font-weight:950;text-transform:uppercase;text-decoration:none;padding:31px 0 25px;border-bottom:4px solid transparent;white-space:nowrap}
.story-final-nav nav a.active{color:#064f2a!important;border-bottom-color:#25D366}

.story-final-hero{background:linear-gradient(90deg,#001f12,#064f2a);color:#fff;overflow:hidden}
.story-final-hero-grid{min-height:430px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:42px}
.story-final-hero-copy span,.story-final-copy span,.story-final-values>span,.story-final-vision span{color:#25D366;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.story-final-hero h1{font-size:58px;color:#fff;line-height:1.05;margin:16px 0}
.story-final-hero p{font-size:20px;line-height:1.6;max-width:560px;color:#fff}
.story-final-actions{display:flex;gap:18px;margin-top:28px}
.story-final-actions a,.story-final-cta a{display:inline-flex;justify-content:center;min-width:170px;padding:15px 24px;border-radius:6px;text-transform:uppercase;font-weight:950;color:#fff!important;text-decoration:none}
.story-final-actions a:first-child,.story-final-cta a:first-child{background:#d71920}
.story-final-actions a:last-child,.story-final-cta a:last-child{border:1px solid #fff}
.story-final-hero-photo img{width:100%;height:430px;object-fit:cover;object-position:center top;display:block}

.story-final-intro{display:grid;grid-template-columns:430px 1fr;gap:54px;align-items:start;padding:72px 0 60px}
.story-final-photo-card{position:sticky;top:110px}
.story-final-photo-card img{width:100%;height:520px;object-fit:cover;object-position:center top;border-radius:18px;box-shadow:0 18px 45px rgba(0,31,18,.15)}
.story-final-copy{background:#fff;border:1px solid #d8eadf;border-radius:18px;padding:38px;box-shadow:0 16px 45px rgba(0,31,18,.08)}
.story-final-copy h2,.story-final-vision h2{font-size:38px;color:#064f2a;line-height:1.1;margin:12px 0 18px}
.story-final-copy p,.story-final-vision p{font-size:17px;line-height:1.8;color:#18251d;margin:0 0 15px}
.story-final-copy blockquote{background:#eef8f1;border-left:6px solid #064f2a;border-radius:10px;padding:22px 26px;font-size:19px;font-weight:950;color:#064f2a;margin:20px 0}

.story-final-values{padding:68px 0;text-align:center;background:#f5faf7}
.story-final-values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;margin-top:34px}
.story-final-values-grid article{background:#fff;border:1px solid #d8eadf;border-radius:16px;padding:30px 20px;box-shadow:0 14px 34px rgba(0,31,18,.08)}
.story-final-values-grid article:nth-child(even){background:#fff5f5;border-color:#f3caca}
.story-final-values-grid i{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#064f2a;color:#fff;font-size:28px}
.story-final-values-grid article:nth-child(even) i{background:#d71920}
.story-final-values-grid h3{color:#064f2a;margin:0 0 12px}
.story-final-values-grid article:nth-child(even) h3{color:#d71920}
.story-final-values-grid p{font-size:14px;line-height:1.6;color:#222;margin:0}

.story-final-vision{display:grid;grid-template-columns:1fr 470px;gap:56px;align-items:center;padding:70px 0}
.story-final-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 20px;margin-top:24px}
.story-final-checks p{font-size:15px;margin:0;display:flex;gap:10px;align-items:flex-start}
.story-final-checks i{color:#064f2a;margin-top:5px}
.story-final-vision-photo img{width:100%;height:360px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px rgba(0,31,18,.14)}

.story-final-cta{background:linear-gradient(90deg,rgba(0,31,18,.96),rgba(6,79,42,.95));color:#fff;text-align:center;padding:58px 0}
.story-final-cta h2{font-size:42px;color:#fff;margin:5px 0}
.story-final-cta p{color:#fff;margin:0 0 8px}
.story-final-cta h3{color:#fff;margin:12px 0 24px}
.story-final-cta h3 em{color:#d71920;font-style:normal}

@media(max-width:1000px){
  .story-final-nav,.story-final-hero-grid,.story-final-intro,.story-final-vision{grid-template-columns:1fr}
  .story-final-nav{padding:10px 0;gap:0}
  .story-final-nav nav{justify-content:flex-start;overflow-x:auto;gap:0}
  .story-final-nav nav a{font-size:13px;padding:15px 16px}
  .story-final-hero-grid{min-height:auto;padding:46px 0 0}
  .story-final-hero h1{font-size:42px}
  .story-final-hero-photo img{height:340px}
  .story-final-photo-card{position:relative;top:auto}
  .story-final-photo-card img{height:360px}
  .story-final-values-grid,.story-final-checks{grid-template-columns:1fr}
  .story-final-copy{padding:26px}
}

/* =====================================================
   MY STORY EXECUTIVE POLISH
   ===================================================== */

.story-final-hero{
  background:
    radial-gradient(circle at 12% 35%, rgba(37,211,102,.18), transparent 34%),
    linear-gradient(105deg,#001f12 0%,#064f2a 52%,#ffffff 52.3%,#f5faf7 100%) !important;
  min-height:470px !important;
}

.story-final-hero-grid{
  min-height:470px !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:0 !important;
}

.story-final-hero-copy{
  padding:55px 60px 55px 0 !important;
}

.story-final-hero-copy span{
  color:#8df36a !important;
  font-size:14px !important;
  letter-spacing:.22em !important;
}

.story-final-hero h1{
  font-size:clamp(48px,5.4vw,76px) !important;
  line-height:.98 !important;
  margin:18px 0 !important;
  letter-spacing:-.03em !important;
}

.story-final-hero p{
  max-width:620px !important;
  font-size:21px !important;
  color:#eefcf2 !important;
}

.story-final-hero-photo{
  height:470px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 0 0 46px !important;
}

.story-final-hero-photo::before{
  content:"" !important;
  position:absolute !important;
  inset:26px 0 0 42px !important;
  background:linear-gradient(180deg,#ffffff,#edf8f1) !important;
  border-radius:34px 0 0 34px !important;
  box-shadow:0 24px 70px rgba(0,31,18,.18) !important;
  z-index:0 !important;
}

.story-final-hero-photo img{
  position:relative !important;
  z-index:1 !important;
  width:calc(100% - 42px) !important;
  height:440px !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:30px 0 0 30px !important;
  filter:contrast(1.03) saturate(1.02) !important;
}

.story-final-actions a{
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

.story-final-intro{
  padding-top:86px !important;
}

.story-final-copy{
  border:0 !important;
  border-left:7px solid #064f2a !important;
  border-radius:20px !important;
  padding:44px !important;
}

.story-final-photo-card img{
  border-radius:22px !important;
}

.story-final-values{
  background:linear-gradient(180deg,#f5faf7,#ffffff) !important;
}

.story-final-values-grid article{
  transition:transform .25s ease, box-shadow .25s ease !important;
}

.story-final-values-grid article:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 22px 50px rgba(0,31,18,.13) !important;
}

.story-final-vision{
  background:#fff !important;
}

.story-final-vision > div:first-child{
  background:#f5faf7 !important;
  border-radius:22px !important;
  padding:42px !important;
  border:1px solid #d8eadf !important;
}

.story-final-vision-photo img{
  height:430px !important;
  border-radius:22px !important;
}

.story-final-cta{
  background:
    radial-gradient(circle at 15% 20%, rgba(37,211,102,.18), transparent 28%),
    linear-gradient(90deg,#001f12,#064f2a) !important;
}

@media(max-width:1000px){
  .story-final-hero{
    background:linear-gradient(180deg,#001f12,#064f2a) !important;
  }

  .story-final-hero-copy{
    padding:46px 0 34px !important;
  }

  .story-final-hero-photo{
    height:auto !important;
    border-radius:0 !important;
  }

  .story-final-hero-photo::before{
    display:none !important;
  }

  .story-final-hero-photo img{
    width:100% !important;
    height:340px !important;
    border-radius:20px 20px 0 0 !important;
  }

  .story-final-copy,
  .story-final-vision > div:first-child{
    padding:28px !important;
  }
}

/* Agenda page: 5-pillar layout refinement */
.agenda-five-pillars{
  grid-template-columns:repeat(5,1fr) !important;
}

@media(max-width:1200px){
  .agenda-five-pillars{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:760px){
  .agenda-five-pillars{
    grid-template-columns:1fr !important;
  }
}

/* Agenda page: 5-pillar layout refinement */
.agenda-five-pillars{
  grid-template-columns:repeat(5,1fr) !important;
}

@media(max-width:1200px){
  .agenda-five-pillars{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:760px){
  .agenda-five-pillars{
    grid-template-columns:1fr !important;
  }
}

/* =====================================================
   UNIFORM SITE HEADER FOR ALL PUBLIC PAGES
   Same as homepage, no volunteer button, no overlap
   ===================================================== */

.cm-home-header,
.cm-home-header *{
  visibility:visible !important;
  opacity:1 !important;
}

.cm-home-header{
  display:block !important;
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:#ffffff !important;
  border-top:4px solid #064f2a !important;
  box-shadow:0 4px 18px rgba(0,0,0,.07) !important;
}

.cm-home-header-inner{
  max-width:1420px !important;
  min-height:92px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:460px minmax(0,1fr) !important;
  align-items:center !important;
  gap:50px !important;
}

.cm-home-brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
  text-decoration:none !important;
}

.cm-home-brand img{
  display:block !important;
  width:78px !important;
  height:58px !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
}

.cm-home-brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  min-width:0 !important;
}

.cm-home-brand strong{
  display:block !important;
  color:#064f2a !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

.cm-home-brand strong em{
  color:#d71920 !important;
  font-style:normal !important;
  margin-left:6px !important;
}

.cm-home-brand small{
  display:block !important;
  color:#d71920 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.07em !important;
  white-space:nowrap !important;
}

.cm-home-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:42px !important;
  min-width:0 !important;
  overflow:visible !important;
}

.cm-home-menu a{
  display:inline-flex !important;
  color:#111111 !important;
  background:transparent !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  padding:34px 0 28px !important;
  border-bottom:4px solid transparent !important;
  text-shadow:none !important;
}

.cm-home-menu a:hover,
.cm-home-menu a.active{
  color:#064f2a !important;
}

.cm-home-menu a.active{
  border-bottom-color:#25D366 !important;
}

@media(max-width:1180px){
  .cm-home-header-inner{
    grid-template-columns:360px minmax(0,1fr) !important;
    gap:26px !important;
  }

  .cm-home-brand img{
    width:64px !important;
    height:48px !important;
  }

  .cm-home-brand strong{
    font-size:20px !important;
  }

  .cm-home-brand small{
    font-size:9px !important;
  }

  .cm-home-menu{
    gap:24px !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
  }
}

@media(max-width:900px){
  .cm-home-header-inner{
    grid-template-columns:1fr !important;
    gap:0 !important;
    min-height:auto !important;
    padding:10px 16px !important;
  }

  .cm-home-menu{
    justify-content:flex-start !important;
    gap:0 !important;
    overflow-x:auto !important;
  }

  .cm-home-menu a{
    font-size:13px !important;
    padding:15px 16px 12px !important;
  }
}

/* =====================================================
   LIGHTER HOMEPAGE HERO OVERLAY
   Makes slider photos much more visible
   ===================================================== */

/* Hero overlay */
.hero-overlay,
.hero::before,
.home-hero::before,
.slider-overlay,
.hero-banner::before,
.home-slider::before{
    background:linear-gradient(
        90deg,
        rgba(0,52,28,.35) 0%,
        rgba(6,79,42,.20) 45%,
        rgba(6,79,42,.08) 100%
    ) !important;
}

/* If overlay is directly on slides */
.hero-slide::before,
.slide::before,
.swiper-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,52,28,.35),
        rgba(6,79,42,.20),
        rgba(6,79,42,.08)
    ) !important;
    z-index:1;
}

/* Make image brighter */
.hero-slide img,
.slide img,
.home-slider img,
.hero img{
    filter:brightness(1.08) contrast(1.05) saturate(1.08) !important;
}

/* Keep text crisp */
.hero-content,
.hero-caption,
.slide-content{
    position:relative;
    z-index:3;
}

.hero-content h1,
.hero-content h2,
.hero-content p,
.hero-caption h1,
.hero-caption h2,
.hero-caption p{
    color:#fff !important;
    text-shadow:
        0 2px 8px rgba(0,0,0,.45),
        0 4px 18px rgba(0,0,0,.25);
}

/* Improve CTA visibility */
.hero-content .primary-btn,
.hero-content .outline-btn{
    box-shadow:0 10px 24px rgba(0,0,0,.20);
}


/* =====================================================
   FINAL HOMEPAGE SLIDER FIX
   - lighter photo overlay
   - reduced slider height
   - white text still readable
   ===================================================== */

.campaign-hero,
.hero-slider,
.home-slider,
.hero,
.hero-banner{
  height:560px !important;
  min-height:560px !important;
  max-height:560px !important;
  overflow:hidden !important;
}

.campaign-slide,
.hero-slide,
.slide,
.swiper-slide{
  height:560px !important;
  min-height:560px !important;
  max-height:560px !important;
  position:relative !important;
  overflow:hidden !important;
}

.campaign-slide img,
.hero-slide img,
.slide img,
.swiper-slide img,
.campaign-hero img,
.hero-slider img{
  width:100% !important;
  height:560px !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(1.18) contrast(1.07) saturate(1.12) !important;
}

/* Very light readable overlay */
.campaign-slide::before,
.hero-slide::before,
.slide::before,
.swiper-slide::before,
.campaign-hero::before,
.hero-slider::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.42) 0%,
      rgba(0,0,0,.26) 32%,
      rgba(0,0,0,.08) 64%,
      rgba(0,0,0,.02) 100%
    ) !important;
  pointer-events:none !important;
}

/* Kill old heavy green overlays */
.hero-overlay,
.campaign-overlay,
.slider-overlay,
.home-hero::before,
.home-slider::before,
.hero-banner::before{
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.23) 38%,
      rgba(0,0,0,.06) 100%
    ) !important;
}

/* Keep content above overlay */
.campaign-hero-content,
.hero-content,
.hero-caption,
.slide-content,
.campaign-slide-content{
  position:relative !important;
  z-index:5 !important;
}

/* Text readability without darkening whole image */
.campaign-hero-content h1,
.hero-content h1,
.hero-caption h1,
.slide-content h1{
  color:#fff !important;
  text-shadow:
    0 3px 8px rgba(0,0,0,.70),
    0 10px 28px rgba(0,0,0,.35) !important;
}

.campaign-hero-content p,
.hero-content p,
.hero-caption p,
.slide-content p{
  color:#fff !important;
  text-shadow:
    0 2px 6px rgba(0,0,0,.70),
    0 8px 20px rgba(0,0,0,.30) !important;
}

/* Reduce title slightly to suit shorter slider */
.campaign-hero-content h1,
.hero-content h1,
.hero-caption h1{
  font-size:clamp(44px,5vw,78px) !important;
  line-height:1.05 !important;
}

/* Slider arrows remain visible */
.hero-arrow,
.campaign-arrow,
.slider-arrow,
.swiper-button-prev,
.swiper-button-next{
  z-index:10 !important;
}

/* Mobile */
@media(max-width:768px){
  .campaign-hero,
  .hero-slider,
  .home-slider,
  .hero,
  .hero-banner,
  .campaign-slide,
  .hero-slide,
  .slide,
  .swiper-slide{
    height:520px !important;
    min-height:520px !important;
    max-height:520px !important;
  }

  .campaign-slide img,
  .hero-slide img,
  .slide img,
  .swiper-slide img,
  .campaign-hero img,
  .hero-slider img{
    height:520px !important;
  }

  .campaign-slide::before,
  .hero-slide::before,
  .slide::before,
  .swiper-slide::before,
  .campaign-hero::before,
  .hero-slider::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.50) 0%,
        rgba(0,0,0,.32) 55%,
        rgba(0,0,0,.12) 100%
      ) !important;
  }
}

/* =====================================================
   APPROVED HOMEPAGE SLIDER - BRIGHT PHOTO + SHORTER HEIGHT
   ===================================================== */

.campaign-hero,
.hero-slider,
.home-slider,
.hero,
.hero-banner{
  height:540px !important;
  min-height:540px !important;
  max-height:540px !important;
  overflow:hidden !important;
  background:#fff !important;
}

.campaign-slide,
.hero-slide,
.slide,
.swiper-slide{
  height:540px !important;
  min-height:540px !important;
  max-height:540px !important;
  position:relative !important;
  overflow:hidden !important;
}

.campaign-slide img,
.hero-slide img,
.slide img,
.swiper-slide img,
.campaign-hero img,
.hero-slider img,
.home-slider img{
  width:100% !important;
  height:540px !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(1.28) contrast(1.08) saturate(1.12) !important;
}

/* Remove old dark green layers */
.hero-overlay,
.campaign-overlay,
.slider-overlay{
  background:transparent !important;
}

/* Approved light left readability layer */
.campaign-slide::before,
.hero-slide::before,
.slide::before,
.swiper-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.42) 0%,
      rgba(0,0,0,.26) 24%,
      rgba(0,0,0,.10) 43%,
      rgba(0,0,0,.00) 70%
    ) !important;
  pointer-events:none !important;
}

/* Kill heavy container overlays */
.campaign-hero::before,
.hero-slider::before,
.home-slider::before,
.home-hero::before,
.hero-banner::before{
  background:transparent !important;
  opacity:0 !important;
}

/* Content above light overlay */
.campaign-hero-content,
.hero-content,
.hero-caption,
.slide-content,
.campaign-slide-content{
  position:relative !important;
  z-index:5 !important;
}

.campaign-hero-content h1,
.hero-content h1,
.hero-caption h1,
.slide-content h1{
  color:#fff !important;
  font-size:clamp(46px,5vw,76px) !important;
  line-height:1.05 !important;
  text-shadow:0 3px 10px rgba(0,0,0,.55) !important;
}

.campaign-hero-content p,
.hero-content p,
.hero-caption p,
.slide-content p{
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}

/* Keep navigation dots/arrows visible */
.hero-arrow,
.campaign-arrow,
.slider-arrow,
.swiper-button-prev,
.swiper-button-next,
.hero-dots,
.campaign-dots,
.slider-dots{
  z-index:20 !important;
}

/* Mobile */
@media(max-width:768px){
  .campaign-hero,
  .hero-slider,
  .home-slider,
  .hero,
  .hero-banner,
  .campaign-slide,
  .hero-slide,
  .slide,
  .swiper-slide{
    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;
  }

  .campaign-slide img,
  .hero-slide img,
  .slide img,
  .swiper-slide img,
  .campaign-hero img,
  .hero-slider img,
  .home-slider img{
    height:500px !important;
  }

  .campaign-slide::before,
  .hero-slide::before,
  .slide::before,
  .swiper-slide::before{
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.50) 0%,
        rgba(0,0,0,.30) 55%,
        rgba(0,0,0,.06) 100%
      ) !important;
  }
}

/* =====================================================
   FINAL HOMEPAGE SLIDER + CTA FIX
   Targets the actual rendered .hero-shade overlay.
   ===================================================== */

.hero{
  height:520px !important;
  min-height:520px !important;
  max-height:520px !important;
  overflow:hidden !important;
  position:relative !important;
}

.hero-slide{
  height:520px !important;
  min-height:520px !important;
  max-height:520px !important;
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
}

.hero-slide.active{
  z-index:2 !important;
}

.hero-photo{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:brightness(1.22) contrast(1.06) saturate(1.10) !important;
  transform:scale(1.01) !important;
}

/* Actual darkness layer */
.hero-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.38) 0%,
    rgba(0,0,0,.24) 28%,
    rgba(0,0,0,.08) 55%,
    rgba(0,0,0,0) 82%
  ) !important;
  pointer-events:none !important;
}

/* Stop old overlays from re-darkening the slider */
.hero::before,
.hero::after,
.hero-slide::before,
.hero-slide::after{
  background:transparent !important;
  opacity:0 !important;
  content:none !important;
}

.hero-content{
  position:relative !important;
  z-index:5 !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
}

.hero-copy{
  max-width:720px !important;
}

.hero-copy h1{
  color:#fff !important;
  font-size:clamp(46px,5vw,76px) !important;
  line-height:1.05 !important;
  text-shadow:0 3px 10px rgba(0,0,0,.55) !important;
}

.hero-copy p{
  color:#fff !important;
  font-size:clamp(18px,1.5vw,25px) !important;
  line-height:1.55 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55) !important;
}

.hero-actions .primary-btn{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
}

.hero-actions .primary-btn:hover{
  background:#1EBE5D !important;
  border-color:#1EBE5D !important;
}

.hero-actions .outline-btn{
  color:#fff !important;
  border-color:rgba(255,255,255,.9) !important;
}

.slider-arrow,
.slider-dots{
  z-index:20 !important;
}

/* =====================================================
   MY STORY RESPONSIVE FIX
   ===================================================== */

.story-final-page{
  overflow-x:hidden !important;
}

.story-final-nav{
  max-width:1420px !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

.story-final-hero-grid,
.story-final-intro,
.story-final-vision{
  width:100% !important;
}

.story-final-hero-photo img,
.story-final-photo-card img,
.story-final-vision-photo img{
  max-width:100% !important;
}

.story-final-copy{
  min-width:0 !important;
}

.story-final-copy p,
.story-final-copy blockquote,
.story-final-vision p,
.story-final-values-grid p{
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

@media(max-width:1180px){
  .story-final-nav{
    grid-template-columns:330px 1fr !important;
    gap:24px !important;
  }

  .story-final-brand img{
    width:62px !important;
    height:48px !important;
  }

  .story-final-brand strong{
    font-size:20px !important;
  }

  .story-final-brand small{
    font-size:8px !important;
  }

  .story-final-nav nav{
    gap:22px !important;
  }

  .story-final-nav nav a{
    font-size:13px !important;
  }

  .story-final-intro{
    grid-template-columns:360px 1fr !important;
    gap:34px !important;
  }

  .story-final-photo-card img{
    height:460px !important;
  }

  .story-final-values-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

@media(max-width:900px){
  .hero,
  .hero-slide{
    height:440px !important;
    min-height:440px !important;
    max-height:440px !important;
  }

  .hero-content{
    align-items:center !important;
  }

  .hero-copy{
    max-width:92% !important;
  }

  .hero-copy h1{
    font-size:40px !important;
  }

  .hero-copy p{
    font-size:17px !important;
  }

  .hero-actions{
    flex-wrap:wrap !important;
    gap:12px !important;
  }

  .hero-actions a{
    min-height:48px !important;
    padding:13px 18px !important;
    font-size:13px !important;
  }

  .hero-shade{
    background:linear-gradient(
      90deg,
      rgba(0,0,0,.46) 0%,
      rgba(0,0,0,.28) 58%,
      rgba(0,0,0,.05) 100%
    ) !important;
  }

  .story-final-nav{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:10px 16px !important;
  }

  .story-final-nav nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    gap:0 !important;
    scrollbar-width:none !important;
  }

  .story-final-nav nav::-webkit-scrollbar{
    display:none !important;
  }

  .story-final-nav nav a{
    flex:0 0 auto !important;
    font-size:13px !important;
    padding:14px 16px !important;
  }

  .story-final-hero-grid,
  .story-final-intro,
  .story-final-vision{
    grid-template-columns:1fr !important;
  }

  .story-final-hero-grid{
    min-height:auto !important;
    padding-top:42px !important;
    gap:24px !important;
  }

  .story-final-hero-copy{
    padding:0 !important;
  }

  .story-final-hero h1{
    font-size:42px !important;
  }

  .story-final-hero p{
    font-size:17px !important;
  }

  .story-final-hero-photo{
    height:auto !important;
  }

  .story-final-hero-photo img{
    height:320px !important;
    border-radius:18px 18px 0 0 !important;
  }

  .story-final-intro{
    padding:44px 16px !important;
    gap:24px !important;
  }

  .story-final-photo-card{
    position:relative !important;
    top:auto !important;
  }

  .story-final-photo-card img{
    height:340px !important;
  }

  .story-final-copy{
    padding:24px !important;
  }

  .story-final-copy h2,
  .story-final-vision h2{
    font-size:30px !important;
  }

  .story-final-copy p,
  .story-final-vision p{
    font-size:16px !important;
    line-height:1.7 !important;
  }

  .story-final-values{
    padding:46px 16px !important;
  }

  .story-final-values-grid{
    grid-template-columns:1fr !important;
  }

  .story-final-vision{
    padding:46px 16px !important;
    gap:26px !important;
  }

  .story-final-checks{
    grid-template-columns:1fr !important;
  }

  .story-final-vision-photo img{
    height:300px !important;
  }

  .story-final-cta{
    padding:44px 16px !important;
  }

  .story-final-cta h2{
    font-size:32px !important;
  }
}

@media(max-width:520px){
  .hero,
  .hero-slide{
    height:410px !important;
    min-height:410px !important;
    max-height:410px !important;
  }

  .hero-copy h1{
    font-size:34px !important;
  }

  .hero-copy p{
    font-size:15px !important;
  }

  .hero-actions a{
    width:100% !important;
    justify-content:center !important;
  }

  .story-final-brand strong{
    font-size:18px !important;
  }

  .story-final-brand small{
    font-size:7px !important;
  }

  .story-final-brand img{
    width:54px !important;
    height:42px !important;
  }

  .story-final-hero h1{
    font-size:34px !important;
  }

  .story-final-actions{
    flex-direction:column !important;
  }

  .story-final-actions a{
    width:100% !important;
  }

  .story-final-copy{
    padding:20px !important;
  }
}

/* =====================================================
   PREMIUM HERO TEXT SHADOW
   Improves slider text readability without darkening photo
   ===================================================== */

.hero-copy,
.hero-copy *{
  position:relative !important;
  z-index:10 !important;
}

.hero-copy h1{
  color:#ffffff !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.55),
    0 6px 14px rgba(0,0,0,.40),
    0 12px 28px rgba(0,0,0,.22) !important;
}

.hero-copy p{
  color:#ffffff !important;
  text-shadow:
    0 1px 3px rgba(0,0,0,.55),
    0 4px 10px rgba(0,0,0,.35) !important;
}

.hero-actions a{
  box-shadow:
    0 8px 24px rgba(0,0,0,.20),
    0 2px 6px rgba(0,0,0,.10) !important;
}

@media(max-width:768px){
  .hero-copy h1{
    text-shadow:
      0 2px 5px rgba(0,0,0,.60),
      0 5px 12px rgba(0,0,0,.40) !important;
  }

  .hero-copy p{
    text-shadow:
      0 1px 3px rgba(0,0,0,.60),
      0 3px 8px rgba(0,0,0,.35) !important;
  }
}

/* =====================================================
   HOMEPAGE MANIFESTO REPAIR
   ===================================================== */

.manifesto-home{
  display:block !important;
  width:100% !important;
  padding:76px 0 82px !important;
  background:#ffffff !important;
  position:relative !important;
  overflow:hidden !important;
  clear:both !important;
}

.manifesto-title{
  text-align:center !important;
  max-width:980px !important;
  margin:0 auto 52px !important;
}

.manifesto-title span{
  display:block !important;
  color:#d71920 !important;
  font-size:17px !important;
  font-weight:950 !important;
  letter-spacing:5px !important;
  text-transform:uppercase !important;
  margin-bottom:16px !important;
}

.manifesto-title h2{
  color:#064f2a !important;
  font-size:clamp(40px,5vw,68px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  margin:0 0 20px !important;
  text-transform:uppercase !important;
}

.manifesto-title p{
  color:#222 !important;
  font-size:20px !important;
  line-height:1.7 !important;
  max-width:860px !important;
  margin:0 auto !important;
}

.manifesto-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:34px !important;
  align-items:stretch !important;
}

.manifesto-card{
  background:#ffffff !important;
  border-radius:22px !important;
  padding:44px !important;
  box-shadow:0 18px 45px rgba(0,0,0,.10) !important;
  border:1px solid #e6eee9 !important;
}

.manifesto-card.vision{
  border-top:8px solid #064f2a !important;
}

.manifesto-card.mission{
  border-top:8px solid #d71920 !important;
}

.manifesto-icon{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:34px !important;
  margin-bottom:24px !important;
}

.vision .manifesto-icon{
  background:#064f2a !important;
}

.mission .manifesto-icon{
  background:#d71920 !important;
}

.manifesto-card h3{
  font-size:34px !important;
  font-weight:950 !important;
  margin:0 0 18px !important;
}

.manifesto-card.vision h3{
  color:#064f2a !important;
}

.manifesto-card.mission h3{
  color:#d71920 !important;
}

.manifesto-card p{
  color:#222 !important;
  font-size:18px !important;
  line-height:1.8 !important;
  margin:0 !important;
}

@media(max-width:900px){
  .manifesto-grid{
    grid-template-columns:1fr !important;
  }

  .manifesto-home{
    padding:54px 0 !important;
  }

  .manifesto-card{
    padding:30px !important;
  }
}

/* =====================================================
   HOMEPAGE QUICK LINKS
   AFTER REMOVING 3 CARDS
   ===================================================== */

.home-shortcuts,
.quick-links,
.hero-links{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    max-width:920px !important;
    margin:0 auto !important;
}

.home-shortcuts>a,
.quick-links>a,
.hero-links>a{
    min-height:210px !important;
}

@media(max-width:768px){

    .home-shortcuts,
    .quick-links,
    .hero-links{
        grid-template-columns:1fr !important;
    }

}

/* =====================================================
   QUICK PANEL - 3 CARDS SPREAD FULL ROW
   ===================================================== */

.quick-panel{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  max-width:1280px !important;
  width:calc(100% - 48px) !important;
  margin:-55px auto 0 !important;
}

.quick-panel a{
  min-height:210px !important;
  width:100% !important;
}

@media(max-width:768px){
  .quick-panel{
    grid-template-columns:1fr !important;
    width:calc(100% - 28px) !important;
    margin:-35px auto 0 !important;
  }
}

/* =====================================================
   MY STORY - WRAP TEXT AROUND PHOTO
   ===================================================== */

.story-final-intro{
  display:block !important;
  padding:72px 0 60px !important;
}

.story-final-photo-card{
  position:relative !important;
  top:auto !important;
  float:left !important;
  width:340px !important;
  max-width:38% !important;
  margin:0 34px 20px 0 !important;
}

.story-final-photo-card img{
  width:100% !important;
  height:390px !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:18px !important;
  box-shadow:0 18px 45px rgba(0,31,18,.15) !important;
}

.story-final-copy{
  display:block !important;
  min-width:0 !important;
  overflow:visible !important;
}

.story-final-copy::after{
  content:"" !important;
  display:block !important;
  clear:both !important;
}

.story-final-copy p{
  text-align:justify !important;
}

/* Mobile/tablet: stack photo above text */
@media(max-width:800px){
  .story-final-photo-card{
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 24px 0 !important;
  }

  .story-final-photo-card img{
    height:340px !important;
  }

  .story-final-copy p{
    text-align:left !important;
  }
}

/* =====================================================
   FINAL CONTACT PAGE
   ===================================================== */

.contact-final-page{
  background:#f7faf8;
  color:#071b12;
  overflow-x:hidden;
}

.contact-hero{
  background:
    linear-gradient(90deg,rgba(0,31,18,.96),rgba(6,79,42,.80),rgba(6,79,42,.25)),
    url("../img/achievements/card8.69a50c412661.jpeg");
  background-size:cover;
  background-position:center;
  min-height:500px;
  color:#fff;
  overflow:hidden;
}

.contact-hero-grid{
  min-height:500px;
  display:grid;
  grid-template-columns:1fr 440px;
  align-items:end;
  gap:50px;
}

.contact-hero-copy{
  padding:80px 0;
}

.contact-hero-copy span{
  display:block;
  color:#ff1f2a;
  font-weight:950;
  letter-spacing:.08em;
  font-size:22px;
  margin-bottom:18px;
}

.contact-hero-copy h1{
  color:#fff;
  font-size:clamp(44px,5vw,70px);
  line-height:.98;
  font-weight:950;
  margin:0;
}

.contact-hero-copy h1 em{
  color:#92d83b;
  font-style:normal;
}

.contact-redline{
  width:72px;
  height:5px;
  background:#d71920;
  border-radius:20px;
  margin:24px 0;
}

.contact-hero-copy p{
  max-width:560px;
  color:#fff;
  font-size:20px;
  line-height:1.7;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

.contact-hero-photo{
  height:500px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.contact-hero-photo img{
  width:100%;
  height:470px;
  object-fit:cover;
  object-position:center top;
  border-radius:28px 28px 0 0;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

.contact-info-panel{
  margin-top:-58px;
  position:relative;
  z-index:5;
  background:#fff;
  border-radius:12px;
  box-shadow:0 18px 45px rgba(0,0,0,.12);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
}

.contact-info-panel article{
  text-align:center;
  padding:36px 24px;
  border-right:1px solid #d8eadf;
}

.contact-info-panel article:last-child{
  border-right:0;
}

.contact-info-panel i{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  background:#064f2a;
  color:#fff;
  border-radius:50%;
  font-size:24px;
}

.contact-info-panel h3{
  color:#071b12;
  font-size:14px;
  font-weight:950;
  margin:0 0 8px;
}

.contact-info-panel strong,
.contact-info-panel span{
  display:block;
  color:#10291c;
  font-size:15px;
  line-height:1.5;
}

.contact-main-grid{
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:42px;
  padding:42px 0 26px;
}

.contact-form-card,
.contact-listen-card,
.contact-social-card{
  background:#fff;
  border-radius:14px;
  box-shadow:0 16px 45px rgba(0,31,18,.08);
  border:1px solid #e2eee7;
}

.contact-form-card{
  padding:38px;
}

.contact-form-card h2,
.contact-listen-card h2,
.contact-social-card h2{
  color:#064f2a;
  font-size:30px;
  font-weight:950;
  margin:0;
}

.contact-form-card p,
.contact-listen-card p,
.contact-social-card p{
  color:#233328;
  line-height:1.7;
  font-size:16px;
}

.contact-final-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:22px;
}

.contact-final-form div{
  position:relative;
}

.contact-final-form div.full,
.contact-consent,
.contact-final-form button{
  grid-column:1 / -1;
}

.contact-final-form i{
  position:absolute;
  top:18px;
  left:16px;
  color:#064f2a;
}

.contact-final-form input,
.contact-final-form textarea{
  width:100%;
  border:1px solid #d8eadf;
  border-radius:6px;
  padding:16px 16px 16px 44px;
  font-size:15px;
  outline:none;
  background:#fff;
}

.contact-final-form textarea{
  min-height:150px;
  resize:vertical;
}

.contact-final-form input:focus,
.contact-final-form textarea:focus{
  border-color:#064f2a;
  box-shadow:0 0 0 3px rgba(6,79,42,.12);
}

.contact-consent{
  display:flex;
  align-items:center;
  gap:10px;
  color:#233328;
  font-size:14px;
}

.contact-consent input{
  width:auto;
  padding:0;
}

.contact-final-form button{
  border:0;
  background:#064f2a;
  color:#fff;
  padding:16px 24px;
  border-radius:6px;
  font-weight:950;
  text-transform:uppercase;
  cursor:pointer;
}

.contact-success{
  background:#e9f9ef;
  color:#064f2a;
  border:1px solid #bde8ca;
  padding:14px 16px;
  border-radius:8px;
  font-weight:800;
  margin:18px 0;
}

.contact-side{
  display:grid;
  gap:22px;
}

.contact-listen-card,
.contact-social-card{
  padding:34px;
}

.contact-listen-card{
  background:linear-gradient(135deg,#ffffff,#eef8f1);
}

.contact-listen-card strong{
  display:block;
  color:#064f2a;
  font-size:18px;
  margin-top:18px;
}

.contact-listen-card span{
  color:#233328;
  font-weight:800;
}

.contact-social-card div{
  display:flex;
  gap:14px;
  margin-top:20px;
}

.contact-social-card a{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:#fff;
  border-radius:50%;
  background:#064f2a;
  text-decoration:none;
  font-size:20px;
}

.contact-social-card a:nth-child(1){background:#1877f2}
.contact-social-card a:nth-child(2){background:#000}
.contact-social-card a:nth-child(3){background:#e1306c}
.contact-social-card a:nth-child(4){background:#ff0000}
.contact-social-card a:nth-child(5){background:#25D366}

.contact-map-card{
  min-height:250px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:0;
  display:grid;
  grid-template-columns:360px 1fr;
  background:
    linear-gradient(90deg,#064f2a,#0c7a40);
  box-shadow:0 16px 45px rgba(0,31,18,.10);
}

.contact-map-overlay{
  color:#fff;
  padding:34px;
}

.contact-map-overlay h2{
  color:#fff;
  margin:0 0 18px;
}

.contact-map-overlay p{
  color:#fff;
  line-height:1.7;
}

.contact-map-overlay a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  text-decoration:none;
  border:1px solid #fff;
  padding:12px 18px;
  border-radius:6px;
  font-weight:950;
  text-transform:uppercase;
  margin-top:12px;
}

.contact-map-bg{
  background:
    linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,.62)),
    url("https://tile.openstreetmap.org/12/2050/1976.png");
  background-size:cover;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#d71920;
}

.contact-map-bg span{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  background:#d71920;
  color:#fff;
  border-radius:50%;
  font-size:30px;
  margin-bottom:14px;
}

.contact-map-bg strong{
  color:#d71920;
  font-size:20px;
}

.contact-map-bg small{
  color:#233328;
}

.contact-final-footer{
  background:linear-gradient(90deg,#002b17,#064f2a);
  color:#fff;
  margin-top:0;
  padding:48px 0 22px;
}

.contact-footer-grid{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr 1.2fr;
  gap:36px;
}

.contact-footer-brand{
  display:flex;
  gap:12px;
  align-items:center;
}

.contact-footer-brand img{
  width:58px;
  height:46px;
  object-fit:contain;
  background:#fff;
  border-radius:50%;
  padding:4px;
}

.contact-footer-brand strong{
  display:block;
  color:#fff;
  font-size:20px;
}

.contact-footer-brand em{
  color:#d71920;
  font-style:normal;
}

.contact-footer-brand small{
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.contact-final-footer h3{
  color:#fff;
  font-size:16px;
  margin:0 0 16px;
}

.contact-final-footer p,
.contact-final-footer a,
.contact-final-footer span{
  color:#fff;
  opacity:.94;
  line-height:1.7;
}

.contact-final-footer a{
  display:block;
  text-decoration:none;
  margin:7px 0;
}

.contact-newsletter{
  display:flex;
  margin-top:16px;
}

.contact-newsletter input{
  flex:1;
  border:0;
  padding:13px;
  border-radius:5px 0 0 5px;
}

.contact-newsletter button{
  border:0;
  background:#d71920;
  color:#fff;
  padding:0 16px;
  font-weight:950;
  border-radius:0 5px 5px 0;
}

.contact-footer-bottom{
  border-top:1px solid rgba(255,255,255,.18);
  margin-top:34px;
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  font-size:13px;
}

@media(max-width:1000px){
  .contact-hero-grid,
  .contact-main-grid,
  .contact-map-card,
  .contact-footer-grid{
    grid-template-columns:1fr;
  }

  .contact-hero{
    min-height:auto;
  }

  .contact-hero-grid{
    min-height:auto;
    gap:0;
  }

  .contact-hero-copy{
    padding:54px 0 24px;
  }

  .contact-hero-photo{
    height:auto;
  }

  .contact-hero-photo img{
    height:360px;
    border-radius:22px 22px 0 0;
  }

  .contact-info-panel{
    grid-template-columns:repeat(2,1fr);
  }

  .contact-final-form{
    grid-template-columns:1fr;
  }

  .contact-footer-bottom{
    flex-direction:column;
  }
}

@media(max-width:620px){
  .contact-info-panel{
    grid-template-columns:1fr;
  }

  .contact-hero-copy h1{
    font-size:40px;
  }

  .contact-form-card,
  .contact-listen-card,
  .contact-social-card{
    padding:24px;
  }

  .contact-social-card div{
    flex-wrap:wrap;
  }
}

/* =====================================================
   CONTACT PAGE FINAL CLEANUP
   Hero uses page image, simplified footer
   ===================================================== */

.contact-hero{
  background:linear-gradient(90deg,#002b17 0%,#064f2a 56%,#f4faf6 56.2%,#ffffff 100%) !important;
}

.contact-hero-photo img{
  object-fit:cover !important;
  object-position:center center !important;
  filter:brightness(1.05) contrast(1.04) saturate(1.06) !important;
}

/* Simplified clean footer */
.contact-final-footer{
  display:none !important;
}

.contact-simple-footer{
  background:#003b1f !important;
  color:#fff !important;
  padding:28px 0 14px !important;
  margin-top:0 !important;
}

.contact-simple-footer-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding-bottom:20px !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
}

.contact-simple-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.contact-simple-brand img{
  width:58px !important;
  height:44px !important;
  object-fit:contain !important;
  background:#fff !important;
  border-radius:50% !important;
  padding:4px !important;
}

.contact-simple-brand strong{
  display:block !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.contact-simple-brand em{
  color:#d71920 !important;
  font-style:normal !important;
}

.contact-simple-brand small{
  display:block !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  margin-top:4px !important;
}

.contact-simple-info{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.contact-simple-info span{
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.contact-simple-info i{
  color:#25D366 !important;
  margin-right:7px !important;
}

.contact-simple-bottom{
  padding-top:14px !important;
  color:rgba(255,255,255,.85) !important;
  font-size:13px !important;
  text-align:center !important;
}

@media(max-width:900px){
  .contact-simple-footer-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .contact-simple-info{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
}

/* =====================================================
   VOLUNTEER FORM — PRODUCTION FEEDBACK
   ===================================================== */

.volunteer-success,
.volunteer-form-error{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding:17px 18px !important;
  margin:20px 0 !important;
  border-radius:10px !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.volunteer-success{
  color:#064f2a !important;
  background:#eaf9ef !important;
  border:1px solid #b9e6c7 !important;
  box-shadow:0 10px 25px rgba(6,79,42,.08) !important;
}

.volunteer-success > i{
  color:#25D366 !important;
  font-size:24px !important;
  margin-top:2px !important;
}

.volunteer-success strong,
.volunteer-success span{
  display:block !important;
}

.volunteer-success strong{
  font-size:16px !important;
  font-weight:950 !important;
  margin-bottom:3px !important;
}

.volunteer-form-error{
  color:#8b1118 !important;
  background:#fff0f1 !important;
  border:1px solid #efbfc3 !important;
}

.volunteer-form-error > i{
  color:#d71920 !important;
  font-size:22px !important;
  margin-top:2px !important;
}

.volunteer-exact-form button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:54px !important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    opacity .2s ease !important;
}

.volunteer-exact-form button:hover:not(:disabled){
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px rgba(6,79,42,.18) !important;
}

.volunteer-exact-form button:disabled,
.volunteer-exact-form button.is-submitting{
  cursor:wait !important;
  opacity:.78 !important;
}

.volunteer-exact-form input:focus,
.volunteer-exact-form select:focus{
  border-color:#064f2a !important;
  box-shadow:0 0 0 3px rgba(6,79,42,.12) !important;
  outline:none !important;
}

@media(max-width:680px){
  .volunteer-success,
  .volunteer-form-error{
    padding:15px !important;
  }
}

/* =====================================================
   VOLUNTEER SUCCESS MODAL
   ===================================================== */

body.volunteer-modal-open{
  overflow:hidden !important;
}

.volunteer-success-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  animation:volunteerModalFadeIn .22s ease both !important;
}

.volunteer-success-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,24,12,.64) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

.volunteer-success-dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(100%,560px) !important;
  background:#ffffff !important;
  border-radius:22px !important;
  padding:42px 40px 34px !important;
  text-align:center !important;
  border-top:7px solid #25D366 !important;
  box-shadow:0 32px 90px rgba(0,0,0,.30) !important;
  animation:volunteerDialogRise .28s ease both !important;
  outline:none !important;
}

.volunteer-success-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#eef8f1 !important;
  color:#064f2a !important;
  cursor:pointer !important;
  font-size:17px !important;
}

.volunteer-success-close:hover{
  background:#dff3e5 !important;
}

.volunteer-success-icon{
  width:84px !important;
  height:84px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 22px !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:#ffffff !important;
  font-size:38px !important;
  box-shadow:0 14px 32px rgba(37,211,102,.30) !important;
}

.volunteer-success-dialog h2{
  margin:0 0 14px !important;
  color:#064f2a !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}

.volunteer-success-dialog p{
  margin:0 auto 26px !important;
  max-width:440px !important;
  color:#203027 !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.volunteer-success-confirm{
  min-width:180px !important;
  min-height:50px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#064f2a !important;
  color:#ffffff !important;
  padding:13px 24px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(6,79,42,.18) !important;
}

.volunteer-success-confirm:hover{
  background:#043e21 !important;
  transform:translateY(-1px) !important;
}

.volunteer-success-modal.is-closing{
  animation:volunteerModalFadeOut .22s ease both !important;
}

.volunteer-success-modal.is-closing .volunteer-success-dialog{
  animation:volunteerDialogDrop .22s ease both !important;
}

@keyframes volunteerModalFadeIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes volunteerModalFadeOut{
  from{opacity:1}
  to{opacity:0}
}

@keyframes volunteerDialogRise{
  from{
    opacity:0;
    transform:translateY(26px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes volunteerDialogDrop{
  from{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  to{
    opacity:0;
    transform:translateY(18px) scale(.97);
  }
}

@media(max-width:600px){
  .volunteer-success-dialog{
    padding:36px 24px 28px !important;
    border-radius:18px !important;
  }

  .volunteer-success-dialog h2{
    font-size:25px !important;
  }

  .volunteer-success-dialog p{
    font-size:16px !important;
  }

  .volunteer-success-confirm{
    width:100% !important;
  }
}

/* =====================================================
   CAMPAIGN CONTACT SUBMISSION WORKFLOW
   ===================================================== */

.contact-honeypot{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.contact-form-error{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin:18px 0 !important;
  padding:15px 17px !important;
  border:1px solid #efbfc3 !important;
  border-radius:9px !important;
  background:#fff0f1 !important;
  color:#8b1118 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.contact-form-error i{
  color:#d71920 !important;
  font-size:21px !important;
  margin-top:2px !important;
}

.contact-final-form button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:52px !important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    opacity .2s ease !important;
}

.contact-final-form button:hover:not(:disabled){
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px rgba(6,79,42,.18) !important;
}

.contact-final-form button:disabled,
.contact-final-form button.is-submitting{
  cursor:wait !important;
  opacity:.78 !important;
}

body.contact-modal-open{
  overflow:hidden !important;
}

.contact-success-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:22px !important;
  animation:contactModalFadeIn .22s ease both !important;
}

.contact-success-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,24,12,.64) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

.contact-success-dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(100%,580px) !important;
  padding:42px 40px 34px !important;
  border-top:7px solid #25D366 !important;
  border-radius:22px !important;
  background:#fff !important;
  text-align:center !important;
  box-shadow:0 32px 90px rgba(0,0,0,.30) !important;
  outline:none !important;
  animation:contactDialogRise .28s ease both !important;
}

.contact-success-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#eef8f1 !important;
  color:#064f2a !important;
  cursor:pointer !important;
  font-size:17px !important;
}

.contact-success-icon{
  width:84px !important;
  height:84px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 22px !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:#fff !important;
  font-size:38px !important;
  box-shadow:0 14px 32px rgba(37,211,102,.30) !important;
}

.contact-success-dialog h2{
  margin:0 0 14px !important;
  color:#064f2a !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}

.contact-success-dialog p{
  max-width:470px !important;
  margin:0 auto 26px !important;
  color:#203027 !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.contact-success-confirm{
  min-width:180px !important;
  min-height:50px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#064f2a !important;
  color:#fff !important;
  padding:13px 24px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(6,79,42,.18) !important;
}

.contact-success-confirm:hover{
  background:#043e21 !important;
  transform:translateY(-1px) !important;
}

.contact-success-modal.is-closing{
  animation:contactModalFadeOut .22s ease both !important;
}

.contact-success-modal.is-closing .contact-success-dialog{
  animation:contactDialogDrop .22s ease both !important;
}

@keyframes contactModalFadeIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes contactModalFadeOut{
  from{opacity:1}
  to{opacity:0}
}

@keyframes contactDialogRise{
  from{
    opacity:0;
    transform:translateY(26px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes contactDialogDrop{
  from{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  to{
    opacity:0;
    transform:translateY(18px) scale(.97);
  }
}

@media(max-width:600px){
  .contact-success-dialog{
    padding:36px 24px 28px !important;
    border-radius:18px !important;
  }

  .contact-success-dialog h2{
    font-size:25px !important;
  }

  .contact-success-dialog p{
    font-size:16px !important;
  }

  .contact-success-confirm{
    width:100% !important;
  }
}

/* =====================================================
   VOLUNTEER HERO — APPROVED PORTRAIT FIT
   Keeps the full head and upper body visible.
   ===================================================== */

.volunteer-exact-hero{
  display:grid !important;
  grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
  width:100% !important;
  min-height:580px !important;
  height:580px !important;
  max-height:580px !important;
  background:#ffffff !important;
  overflow:hidden !important;
  position:relative !important;
}

/* Left campaign message panel */
.volunteer-exact-hero-left{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  height:100% !important;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(37,211,102,.12),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #002c18 0%,
      #004a27 58%,
      #006536 100%
    ) !important;
}

/* Smooth curved transition into the portrait */
.volunteer-exact-hero-left::after{
  content:"" !important;
  position:absolute !important;
  top:-8% !important;
  right:-92px !important;
  width:180px !important;
  height:116% !important;
  z-index:4 !important;
  border-right:14px solid #25D366 !important;
  border-radius:0 55% 55% 0 / 0 50% 50% 0 !important;
  background:#ffffff !important;
  pointer-events:none !important;
}

.volunteer-exact-hero-copy{
  width:min(100%,680px) !important;
  margin-left:auto !important;
  padding:54px 76px 54px 42px !important;
  position:relative !important;
  z-index:6 !important;
}

.volunteer-exact-hero-copy > span{
  color:#25D366 !important;
}

.volunteer-exact-hero-copy h1{
  color:#ffffff !important;
  font-size:clamp(50px,4.4vw,78px) !important;
  line-height:1.03 !important;
  letter-spacing:-.025em !important;
  margin:18px 0 20px !important;
}

.volunteer-exact-hero-copy h1 em{
  color:#39e20f !important;
  font-style:normal !important;
}

.volunteer-exact-hero-copy p{
  max-width:630px !important;
  color:#ffffff !important;
  font-size:19px !important;
  line-height:1.7 !important;
}

/* Right portrait panel */
.volunteer-exact-hero-right{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  width:100% !important;
  height:580px !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(
      circle at 58% 45%,
      #ffffff 0%,
      #ffffff 48%,
      #f5f7f6 100%
    ) !important;
}

/*
 * Use contain rather than cover:
 * - prevents the forehead/head from being cropped;
 * - keeps the complete upper body visible;
 * - anchors the portrait naturally at the bottom.
 */
.volunteer-exact-hero-right img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  margin:0 !important;
  padding:20px 22px 0 70px !important;
  filter:
    brightness(1.02)
    contrast(1.03)
    saturate(1.04) !important;
}

/* Keep action buttons compact and aligned */
.volunteer-exact-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  margin-top:30px !important;
}

.volunteer-exact-actions a{
  min-height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:14px 24px !important;
  white-space:nowrap !important;
}

/* Medium laptops and tablets */
@media(max-width:1180px){
  .volunteer-exact-hero{
    grid-template-columns:minmax(0,48%) minmax(0,52%) !important;
    height:540px !important;
    min-height:540px !important;
    max-height:540px !important;
  }

  .volunteer-exact-hero-right{
    height:540px !important;
  }

  .volunteer-exact-hero-copy{
    padding:44px 62px 44px 28px !important;
  }

  .volunteer-exact-hero-copy h1{
    font-size:52px !important;
  }

  .volunteer-exact-hero-copy p{
    font-size:17px !important;
  }

  .volunteer-exact-hero-right img{
    padding:24px 12px 0 56px !important;
  }
}

/* Tablets and phones: stack cleanly */
@media(max-width:860px){
  .volunteer-exact-hero{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .volunteer-exact-hero-left{
    width:100% !important;
    min-height:470px !important;
  }

  .volunteer-exact-hero-left::after{
    display:none !important;
  }

  .volunteer-exact-hero-copy{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:50px 24px 44px !important;
  }

  .volunteer-exact-hero-copy h1{
    font-size:clamp(42px,11vw,58px) !important;
  }

  .volunteer-exact-hero-right{
    width:100% !important;
    height:500px !important;
    min-height:500px !important;
  }

  .volunteer-exact-hero-right::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:8px !important;
    background:#25D366 !important;
    z-index:2 !important;
  }

  .volunteer-exact-hero-right img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    padding:24px 12px 0 !important;
  }
}

/* Small phones */
@media(max-width:520px){
  .volunteer-exact-hero-left{
    min-height:440px !important;
  }

  .volunteer-exact-hero-copy{
    padding:42px 18px 36px !important;
  }

  .volunteer-exact-hero-copy h1{
    font-size:42px !important;
    line-height:1.05 !important;
  }

  .volunteer-exact-hero-copy p{
    font-size:16px !important;
  }

  .volunteer-exact-actions{
    flex-direction:column !important;
    width:100% !important;
  }

  .volunteer-exact-actions a{
    width:100% !important;
  }

  .volunteer-exact-hero-right{
    height:410px !important;
    min-height:410px !important;
  }

  .volunteer-exact-hero-right img{
    padding:20px 4px 0 !important;
  }
}

/* =========================================================
   VOLUNTEER HERO — FINAL APPROVED LAYOUT
   Compact height, balanced split and fully visible portrait
   ========================================================= */

.volunteer-exact-page{
  overflow-x:hidden !important;
}

/* Main banner */
.volunteer-exact-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,49%) minmax(0,51%) !important;
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  max-height:500px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#f8faf9 !important;
}

/* Remove previous pseudo-elements that created the large white gap */
.volunteer-exact-hero::before,
.volunteer-exact-hero::after{
  content:none !important;
  display:none !important;
}

/* Left green content panel */
.volunteer-exact-hero-left{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:
    radial-gradient(
      circle at 15% 18%,
      rgba(37,211,102,.12) 0,
      rgba(37,211,102,0) 36%
    ),
    linear-gradient(
      135deg,
      #00331c 0%,
      #004b28 55%,
      #005d31 100%
    ) !important;
}

/* Clean curved boundary matching the approved mock-up */
.volunteer-exact-hero-left::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-20% !important;
  right:-76px !important;
  width:150px !important;
  height:140% !important;
  z-index:5 !important;
  background:#f8faf9 !important;
  border-left:9px solid #25D366 !important;
  border-radius:50% 0 0 50% / 50% 0 0 50% !important;
  pointer-events:none !important;
}

/* Text positioning */
.volunteer-exact-hero-copy{
  position:relative !important;
  z-index:7 !important;
  width:100% !important;
  max-width:730px !important;
  margin:0 0 0 auto !important;
  padding:40px 82px 40px 5.5vw !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.volunteer-exact-hero-copy > span{
  display:block !important;
  margin:0 0 15px !important;
  color:#25D366 !important;
  font-size:17px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.volunteer-exact-hero-copy h1{
  display:block !important;
  margin:0 !important;
  max-width:610px !important;
  color:#ffffff !important;
  font-size:clamp(46px,4.2vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  font-weight:950 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
}

.volunteer-exact-hero-copy h1 em{
  display:block !important;
  margin-top:8px !important;
  color:#39df12 !important;
  font-style:normal !important;
}

.volunteer-exact-redline{
  width:78px !important;
  height:5px !important;
  margin:22px 0 20px !important;
  border-radius:20px !important;
  background:#e41d2b !important;
}

.volunteer-exact-hero-copy p{
  display:block !important;
  width:100% !important;
  max-width:600px !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.65 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.28) !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}

/* Actions */
.volunteer-exact-actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:25px !important;
}

.volunteer-exact-actions a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:50px !important;
  padding:13px 22px !important;
  border-radius:6px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

.volunteer-exact-actions a:first-child{
  color:#ffffff !important;
  background:#39df12 !important;
  border:1px solid #39df12 !important;
  box-shadow:0 12px 28px rgba(57,223,18,.20) !important;
}

.volunteer-exact-actions a:first-child:hover{
  background:#2fc10d !important;
  border-color:#2fc10d !important;
}

.volunteer-exact-actions a:last-child{
  color:#ffffff !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.86) !important;
}

/* Right portrait area */
.volunteer-exact-hero-right{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(
      circle at 58% 40%,
      #ffffff 0%,
      #ffffff 55%,
      #f1f6f3 100%
    ) !important;
}

.volunteer-exact-hero-right::before,
.volunteer-exact-hero-right::after{
  content:none !important;
  display:none !important;
}

/*
 * Portrait fit:
 * - full head remains visible;
 * - torso remains large enough;
 * - image sits naturally at the bottom;
 * - no cropping from object-fit: cover.
 */
.volunteer-exact-hero-right img{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:14px 28px 0 42px !important;
  box-sizing:border-box !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:none !important;
  clip-path:none !important;
  border-radius:0 !important;
  filter:
    brightness(1.02)
    contrast(1.025)
    saturate(1.035) !important;
}

/* Ensure the next section starts immediately after the compact banner */
.volunteer-why{
  margin-top:0 !important;
  padding-top:42px !important;
}

/* =========================================================
   LAPTOPS
   ========================================================= */

@media(max-width:1200px){
  .volunteer-exact-hero{
    grid-template-columns:minmax(0,51%) minmax(0,49%) !important;
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
  }

  .volunteer-exact-hero-left,
  .volunteer-exact-hero-right{
    height:470px !important;
    min-height:470px !important;
  }

  .volunteer-exact-hero-copy{
    padding:34px 70px 34px 34px !important;
  }

  .volunteer-exact-hero-copy h1{
    font-size:50px !important;
  }

  .volunteer-exact-hero-copy p{
    font-size:16px !important;
  }

  .volunteer-exact-hero-right img{
    padding:18px 18px 0 36px !important;
  }
}

/* =========================================================
   TABLETS
   ========================================================= */

@media(max-width:900px){
  .volunteer-exact-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .volunteer-exact-hero-left{
    height:auto !important;
    min-height:420px !important;
  }

  .volunteer-exact-hero-left::after{
    display:none !important;
    content:none !important;
  }

  .volunteer-exact-hero-copy{
    max-width:none !important;
    margin:0 !important;
    padding:45px 28px 38px !important;
  }

  .volunteer-exact-hero-copy h1{
    max-width:650px !important;
    font-size:clamp(42px,8vw,58px) !important;
  }

  .volunteer-exact-hero-copy p{
    max-width:680px !important;
  }

  .volunteer-exact-hero-right{
    height:430px !important;
    min-height:430px !important;
    border-top:7px solid #25D366 !important;
  }

  .volunteer-exact-hero-right img{
    padding:18px 12px 0 !important;
    object-fit:contain !important;
    object-position:center bottom !important;
  }
}

/* =========================================================
   PHONES
   ========================================================= */

@media(max-width:560px){
  .volunteer-exact-hero-left{
    min-height:0 !important;
  }

  .volunteer-exact-hero-copy{
    padding:36px 18px 32px !important;
  }

  .volunteer-exact-hero-copy > span{
    font-size:14px !important;
  }

  .volunteer-exact-hero-copy h1{
    font-size:39px !important;
    line-height:1.04 !important;
  }

  .volunteer-exact-hero-copy p{
    font-size:15px !important;
    line-height:1.6 !important;
  }

  .volunteer-exact-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .volunteer-exact-actions a{
    width:100% !important;
  }

  .volunteer-exact-hero-right{
    height:360px !important;
    min-height:360px !important;
  }

  .volunteer-exact-hero-right img{
    padding:15px 0 0 !important;
  }

  .volunteer-why{
    padding-top:34px !important;
  }
}

/* =========================================================
   VOLUNTEER HERO — REMOVE VERTICAL GREEN LINE
   ========================================================= */

/* Remove any straight divider introduced by previous overrides */
.volunteer-exact-hero{
  border-left:0 !important;
  border-right:0 !important;
}

.volunteer-exact-hero-left{
  border-right:0 !important;
}

.volunteer-exact-hero-right{
  border-left:0 !important;
}

/* Remove pseudo-elements from the right panel */
.volunteer-exact-hero-right::before,
.volunteer-exact-hero-right::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  background:transparent !important;
}

/* Keep only one clean curved transition */
.volunteer-exact-hero-left::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-18% !important;
  right:-82px !important;
  width:160px !important;
  height:136% !important;
  z-index:5 !important;
  background:#f8faf9 !important;
  border:0 !important;
  border-left:7px solid #25D366 !important;
  border-radius:50% 0 0 50% / 50% 0 0 50% !important;
  pointer-events:none !important;
}

/* Remove any legacy divider selectors */
.volunteer-exact-hero > span,
.volunteer-exact-hero .hero-divider,
.volunteer-exact-hero .volunteer-divider{
  display:none !important;
}

/* Tablets and phones must not show the divider */
@media(max-width:900px){
  .volunteer-exact-hero-left::after{
    content:none !important;
    display:none !important;
  }

  .volunteer-exact-hero-right{
    border-top:0 !important;
  }
}

/* Volunteer modal safety repair */
body{
  min-height:100%;
}

body:not(.volunteer-modal-open){
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

.volunteer-success-modal{
  display:none !important;
}

body.volunteer-modal-open .volunteer-success-modal{
  display:flex !important;
}

.volunteer-success-modal.is-closing{
  pointer-events:none !important;
}