:root{
    --white:#ffffff;
    --cream:#f7f5ee;
    --green:#0f3d2e;
    --green-2:#125240;
    --green-soft:#e7efe9;
    --blue:#1b3a6b;
    --blue-2:#2a4d8a;
    --gold:#c69a3c;
    --gold-soft:#f3e6c4;
    --ink:#171d1a;
    --muted:#606a64;
    --line:#e9e4d5;
    --shadow-sm:0 4px 16px rgba(15,61,46,.06);
    --shadow-md:0 14px 40px rgba(15,61,46,.10);
    --shadow-lg:0 24px 64px rgba(15,61,46,.16);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  h1,h2,h3,.serif{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-0.01em;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ul {
    padding-left: 0rem;
}
  .wrap{max-width:1600px;margin:0 auto;padding:0 50px;}
  @media(max-width:1100px){.wrap{padding:0 32px;}}
  @media(max-width:560px){.wrap{padding:0 20px;}}
  ::selection{background:var(--gold);color:#fff;}

  /* ---------- Header ---------- */
  header{position:sticky;top:0;z-index:50;padding:18px 0;}
  .nav{
    max-width:1600px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;
    background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);
    border-radius:16px;box-shadow:var(--shadow-sm);
  }
  .nav img{height:65px;}
  .nav-links{display:flex;gap:8px;font-size:13.5px;color:var(--muted);}
  .nav-links a{padding:9px 16px;border-radius:100px;transition:all .25s ease;}
  .nav-links a:hover{background:var(--green-soft);color:var(--green);}
  .nav-cta{background:var(--green);color:#fff;padding:11px 24px;border-radius:100px;font-size:13px;font-weight:500;box-shadow:0 8px 20px rgba(15,61,46,.25);transition:transform .25s ease;}
  .nav-cta:hover{transform:translateY(-2px);}
  @media(max-width:900px){.nav-links{display:none;}}

  /* ---------- Hero ---------- */
  .hero{position:relative;padding:0 0 0;}
  .hero-full{position:relative;width:100%;height:78vh;min-height:460px;max-height:640px;overflow:hidden;}
  .hero-full img{width:100%;height:100%;object-fit:cover;object-position:center 35%;}
  .hero-full .hero-fade{position:absolute;inset:0;background:linear-gradient(0deg, rgba(15,61,46,.55) 0%, rgba(15,61,46,0) 32%);}
  @media(max-width:900px){.hero-full{height:52vh;min-height:320px;}}

  /* stat bar under hero */
  .stat-bar{
    position:relative;margin-top:-46px;z-index:5;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);
    display:flex;align-items:center;padding:10px 10px;
  }
  .stat-bar-item{flex:1;display:flex;align-items:center;gap:16px;padding:18px 26px;}
  .sb-ico{width:48px;height:48px;border-radius:14px;background:var(--green-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .sb-ico svg{width:22px;height:22px;color:var(--green);}
  .sb-num{font-family:'Fraunces',serif;font-size:26px;color:var(--blue);line-height:1;}
  .sb-lab{font-size:12.5px;color:var(--muted);margin-top:5px;line-height:1.4;}
  .sb-divider{width:1px;align-self:stretch;background:var(--line);margin:14px 0;}
  @media(max-width:760px){
    .stat-bar{flex-direction:column;padding:6px;}
    .sb-divider{display:none;}
    .stat-bar-item{width:100%;padding:14px 18px;border-bottom:1px solid var(--line);}
    .stat-bar-item:last-child{border-bottom:none;}
  }

  /* ---------- Section shell ---------- */
  section{padding:45px 0;}
  .kicker{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);padding:7px 16px;border-radius:100px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:500;margin-bottom:20px; width: fit-content;}
  .kicker.blue{background:#eaf0fa;color:var(--blue);}
  .kicker.gold{background:var(--gold-soft);color:#8a6a20;}
  .section-head{margin-bottom:36px;}
  .section-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.16;}
  .section-head p{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.7;font-weight:300;}

  /* ---------- Who we are: card ---------- */
  .who-card{background:#fff;border-radius:18px;padding:40px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .who-text p{color:var(--muted);font-size:15.5px;line-height:1.85;font-weight:300;margin-bottom:18px;}
  .who-photo{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-md);}
  .who-photo img{transition:transform .5s ease;}
  .who-photo:hover img{transform:scale(1.05);}
  .who-quote-chip{
    position:absolute;bottom:16px;left:16px;right:16px;background:rgba(15,61,46,.85);backdrop-filter:blur(8px);
    color:#fff;border-radius:16px;padding:16px 18px;font-family:'Fraunces',serif;font-style:italic;font-size:14.5px;line-height:1.5;
  }
  @media(max-width:900px){.who-card{grid-template-columns:1fr;padding:36px 26px;border-radius:24px;gap:36px;}}

  /* ---------- Pillars: rounded card grid ---------- */
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .pillar{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .35s ease;}
  .pillar:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
  .pillar .img{height:160px;overflow:hidden;}
  .pillar img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease;}
  .pillar:hover img{transform:scale(1.08);}
  .pillar-body{padding:22px 22px 26px;position:relative;}
  .pillar-badge{position:absolute;top:-18px;left:22px;width:38px;height:38px;border-radius:10px;background:var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;color:var(--green);font-size:16px;box-shadow:var(--shadow-sm);}
  .pillar-body h3{font-size:19px;margin:14px 0 10px;}
  .pillar-body p{font-size:13.5px;color:var(--muted);line-height:1.65;font-weight:300;}
  @media(max-width:900px){.pillars{grid-template-columns:1fr;}}

  /* ---------- Founder: card ---------- */
  .founder-card{background:#fff;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;box-shadow:var(--shadow-lg);}
  .founder-img{position:relative;min-height:320px;}
  .founder-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .founder-body{padding:40px 44px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
  .founder-body h2{font-size:clamp(24px,2.8vw,30px);margin:14px 0 18px;color : #000}
  .founder-body p{color: var(--muted);font-size:14.5px;line-height:1.8;font-weight:300;margin-bottom:14px;}
  .founder-quote{margin-top:14px;background: var(--green);border-radius:12px;padding:14px 18px;font-family:'Fraunces',serif;font-style:italic;font-size:17px;color:var(--gold-soft);}
  @media(max-width:900px){.founder-card{grid-template-columns:1fr;border-radius:24px;}.founder-img{min-height:260px;}.founder-body{padding:36px 28px;}}

  /* ---------- Vision / Mission: cards ---------- */
  .vm-panel{background:#fff;box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
  .vm-side{padding:52px 48px;position:relative;overflow:hidden;}
  .vm-side.vision{background:#fff;}
  .vm-side.mission{background:linear-gradient(150deg, var(--blue), var(--blue-2));color:#fff;}
  .vm-side .ghost-num{position:absolute;top:-30px;right:-6px;font-family:'Fraunces',serif;font-size:150px;font-weight:600;line-height:1;}
  .vm-side.vision .ghost-num{color:rgba(15,61,46,.06);}
  .vm-side.mission .ghost-num{color:rgba(255,255,255,.07);}
  .vm-side .ico-badge{position:relative;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
  .vm-side.vision .ico-badge{background:#fff;}
  .vm-side.vision .ico-badge svg{width:22px;height:22px;color:var(--green);}
  .vm-side.mission .ico-badge{background:rgba(255,255,255,.12);}
  .vm-side.mission .ico-badge svg{width:22px;height:22px;color:var(--gold);}
  .vm-side .kicker{position:relative;}
  .vm-side.mission .kicker{background:rgba(255,255,255,.12);color:var(--gold-soft);}
  .vm-side h3{position:relative;font-size:24px;margin-bottom:16px;}
  .vm-side p{position:relative;font-size:14.5px;line-height:1.85;font-weight:300;}
  .vm-side.vision p{color:var(--muted);}
  .vm-side.mission p{color:rgba(255,255,255,.82);}
  @media(max-width:900px){.vm-panel{grid-template-columns:1fr;}}

  /* ---------- Stats: rounded cards ---------- */
  .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .stat{background:#fff;border-radius:14px;padding:24px 22px;box-shadow:var(--shadow-sm);transition:all .3s ease;}
  .stat:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);}
  .stat.feat{background:linear-gradient(135deg, var(--green), var(--green-2));color:#fff;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;}
  .stat.feat .num{color:var(--gold);font-size:64px;}
  .stat.feat .label{color:rgba(255,255,255,.8);}
  .stat .num{font-family:'Fraunces',serif;font-size:36px;color:var(--blue);line-height:1;}
  .stat .label{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.6;}
  @media(max-width:760px){.stats-grid{grid-template-columns:1fr 1fr;}.stat.feat{grid-column:span 2;grid-row:auto;}}

  /* ---------- Quote band ---------- */
  .quote-card{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-2) 55%, #0f2a52 100%);border-radius:20px;padding:70px 60px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
  .quote-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1.5px, transparent 1.5px);background-size:26px 26px;opacity:.5;}
  .quote-card::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:var(--gold);opacity:.14;filter:blur(70px);top:-160px;right:-120px;}
  .quote-mark{position:relative;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;}
  .quote-mark svg{width:22px;height:22px;color:var(--gold);}
  .quote-card blockquote{position:relative;font-family:'Fraunces',serif;font-style:italic;font-size:clamp(22px,2.8vw,34px);line-height:1.5;max-width:780px;margin:0 auto;}
  .quote-card .divider{position:relative;width:46px;height:2px;background:var(--gold);margin:28px auto 18px;}
  .quote-card cite{position:relative;display:block;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}

  /* ---------- Focus areas: card grid ---------- */
  .focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .focus-card{background:#fff;border-radius:14px;padding:24px 22px;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden;}
  .focus-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
  .focus-card:hover .fnum{color:var(--gold);}
  .focus-card .fnum{font-family:'Fraunces',serif;font-size:34px;color:var(--line);transition:color .3s ease;line-height:1;}
  .focus-card h3{font-size:18px;margin:16px 0 8px;}
  .focus-card p{font-size:13px;color:var(--muted);font-weight:300;}
  .focus-card.wide{grid-column:span 1.5;background:var(--green-soft);}
  @media(max-width:900px){.focus-grid{grid-template-columns:1fr 1fr;}.focus-card.wide{grid-column:span 2;}}
  @media(max-width:600px){.focus-grid{grid-template-columns:1fr;}.focus-card.wide{grid-column:span 1;}}

  /* ---------- Initiatives: cards ---------- */
  .init-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .init-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;}
  .init-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
  .init-card .img{height:150px;position:relative;overflow:hidden;}
  .init-card .img img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease;}
  .init-card:hover .img img{transform:scale(1.08);}
  .init-card .img .tag{position:absolute;top:14px;left:14px;background:#fff;color:var(--green);font-size:11px;font-weight:600;padding:6px 12px;border-radius:100px;}
  .init-body{padding:18px 20px 24px;}
  .init-body h3{font-size:18px;margin-bottom:10px;}
  .init-body p{font-size:13.5px;color:var(--muted);line-height:1.65;font-weight:300;}
  @media(max-width:900px){.init-grid{grid-template-columns:1fr;}}

  .wrap-wide{max-width:1600px;margin:0 auto;padding:0 50px;}
  @media(max-width:1100px){.wrap-wide{padding:0 32px;}}
  @media(max-width:560px){.wrap-wide{padding:0 10px; } .hero-full{height: 100%;}.who-card{padding: 20px 20px; border-radius: 20px;} .pillar-body{padding: 15px 15px 20px;}.founder-body{padding: 20px 15px;}.vm-side{padding: 25px 20px;}.involve-wrap{padding: 30px 0px;}section{padding: 30px 0;}header{padding: 5px 0;}.nav{padding: 10px 10px;}}

  .timeline{position:relative;padding-top:10px;}
  .timeline::before{content: "";
    position: absolute;
    top: 54px;
    left: -30%;
    right: 60px;
    height: 2px;
    background: repeating-linear-gradient(90deg, #b1ac9e 0 8px, transparent 8px 14px);
    width: 80%;
    transform: translateX(50%);}
  .timeline-row{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1;}
  .t-item{text-align:center;padding:0 22px;}
  .t-node{width:88px;height:88px;border-radius:50%;background:#fff;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 26px;box-shadow:var(--shadow-sm);position:relative;transition:all .3s ease;}
  .t-item:nth-child(even) .t-node{border-color:var(--blue);}
  .t-node svg{width:30px;height:30px;color:var(--green);}
  .t-item:hover .t-node{transform:scale(1.08);box-shadow:var(--shadow-md);}
  .t-node .t-num{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--green);font-family:'Fraunces',serif;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:600;}
  .t-item:nth-child(even) .t-num{background:var(--blue);color:#fff;}
  .t-item p{font-size:14.5px;color:var(--ink);line-height:1.65;font-weight:500;max-width:250px;margin:0 auto;}
  @media(max-width:900px){
    .timeline::before{display:none;}
    .timeline-row{grid-template-columns:1fr;gap:36px;}
    .t-item{display:flex;align-items:center;gap:20px;text-align:left;padding:0;}
    .t-node{margin:0;flex-shrink:0;width:66px;height:66px;}
    .t-node svg{width:24px;height:24px;}
    .t-item p{max-width:none;}
  }

  /* ---------- Get involved: cards ---------- */
  .involve-wrap{background:var(--green);border-radius:20px;padding:44px 0px;color:#fff;box-shadow:var(--shadow-lg);}
  .involve-wrap .section-head{margin-bottom:32px;}
  .involve-sec{background:var(--green)}
  .involve-wrap .section-head p{color:rgba(255,255,255,.72);}
  .involve-wrap .kicker{background:rgba(255,255,255,.12);color:var(--gold-soft);}
  .involve-columns{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:start;}
  .involve-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media(max-width:900px){.involve-wrap{padding:44px 26px;border-radius:26px;}.involve-columns{grid-template-columns:1fr;}}
  .involve-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px 18px;transition:all .3s ease;}
  .involve-item:hover{background:rgba(255,255,255,.12);transform:translateY(-4px);}
  .involve-item .ico{width:38px;height:38px;border-radius:12px;background:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .involve-item .ico svg{width:18px;height:18px;color:var(--green);}
  .involve-item h4{font-size:16px;margin-bottom:8px;font-family:'Fraunces',serif;}
  .involve-item p{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.6;font-weight:300;margin-bottom:14px;}
  .involve-item a{font-size:12px;font-weight:500;color:var(--gold);}
  .init-more {
  display: none;
  overflow: hidden;
}
.init-more.open {
  display: block;
}
.read-more-btn {
  background: none;
  border: none;
  color: var(--gold, #c9a227);
  font-weight: 600;
  padding: 0;
  margin: 4px 0 14px;
  cursor: pointer;
  font-size: 14px;
}
.read-more-btn:hover {
  text-decoration: underline;
}

.init-media {
  position: relative;
  height: 500px;
  overflow: hidden;
}
.init-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: unset;
}
.init-block .row {
  align-items: flex-start;
}
  @media(max-width:900px){.involve-wrap{padding:44px 26px;border-radius:26px;}.involve-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.involve-grid{grid-template-columns:1fr;}}

  /* ---------- Footer ---------- */
  footer{background:var(--ink);color:rgba(255,255,255,.6);padding:70px 0 30px;font-size:14px;}
  .foot-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;margin-bottom:22px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;}
  .foot-grid img{height:34px;margin-bottom:16px;filter:brightness(0) invert(1);}
  .foot-grid p{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.5);max-width:280px;}
  .foot-grid h5{color:#fff;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;font-weight:500;}
  .foot-grid ul{list-style:none;}
  .foot-grid li{margin-bottom:10px;font-size:13.5px;}
  .foot-grid li a:hover{color:var(--gold);}
  .foot-bottom{display:flex;justify-content:space-between;padding:0 12px;font-size:12.5px;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:10px;}
  @media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}.foot-card{padding:30px 24px;}}

  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
  .reveal.show{opacity:1;transform:translateY(0);}

  .foot-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-social {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #a0a0a0;
  font-size: 14px;
}
.footer-social i {
  font-size: 18px;
}
.footer-social a {
  color: #a0a0a0;
  transition: color 0.2s;
}
.footer-social a:hover {
  color: #ffffff;
}

  /* ---------- Testimonials ---------- */
  .testi-swiper{padding-bottom:50px;}
  .testi-card{background:#fff;border-radius:18px;padding:34px 30px;box-shadow:var(--shadow-sm);height:100%;min-height:230px;display:flex;flex-direction:column;}
  .quote-mark.small{width:38px;height:38px;background:var(--green-soft);border:none;margin:0 0 18px;}
  .quote-mark.small svg{width:16px;height:16px;color:var(--green);}
  .testi-card p{font-size:14.5px;color:var(--muted);line-height:1.75;font-weight:300;flex:1;}
  .testi-person{display:flex;align-items:center;gap:12px;margin-top:22px;}
  .avatar{width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;font-family:'Fraunces',serif;flex-shrink:0;}
  .testi-person .name{font-size:13.5px;font-weight:600;}
  .testi-person .role{font-size:12px;color:var(--muted);}
  .testi-swiper .swiper-pagination-bullet{background:var(--line);opacity:1;width:8px;height:8px;}
  .testi-swiper .swiper-pagination-bullet-active{background:var(--gold);}

  /* ---------- Involve form ---------- */
  .involve-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:32px 30px;margin-top:20px;}
  .involve-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
  .involve-form input,.involve-form select,.involve-form textarea{
    width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:10px;
    padding:12px 14px;color:#fff;font-family:'Inter',sans-serif;font-size:13.5px;
  }
  .involve-form input::placeholder,.involve-form textarea::placeholder{color:rgba(255,255,255,.45);}
  .involve-form select option{color:#111;}
  .involve-form textarea{margin-bottom:16px;resize:vertical;min-height:90px;}
  .involve-form button{
    background:var(--gold);color:var(--green);border:none;padding:13px 30px;border-radius:100px;
    font-size:13px;font-weight:600;cursor:pointer;transition:transform .25s ease;
  }
  .involve-form button:hover{transform:translateY(-2px);}
  @media(max-width:600px){.involve-form .frow{grid-template-columns:1fr;}}
  @media(prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none;}}

  .navbar-toggler{
  background:var(--green-soft);border:none;border-radius:10px;
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  color:var(--green);cursor:pointer;font-size:16px;
}
@media(max-width:1100px){
  .nav-links{display:none !important;}
}

.offcanvas{background:var(--cream);width:300px;}
.offcanvas-header{border-bottom:1px solid var(--line);padding:20px 22px;}
.btn-close-custom{
  background:var(--green-soft);border:none;border-radius:10px;
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--green);
}
.offcanvas-links{display:flex;flex-direction:column;gap:4px;}
.offcanvas-links a{
  display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;
  color:var(--ink);font-size:14.5px;transition:all .2s ease;
}
.offcanvas-links a i{width:18px;color:var(--green);font-size:14px;}
.offcanvas-links a:hover{background:var(--green-soft);}


/* ---------- About page specific ---------- */
  .crumb-bar{background:linear-gradient(120deg, var(--green) 0%, var(--green-2) 100%);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:44px;}
  .crumb-bar::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.5px, transparent 1.5px);background-size:22px 22px;opacity:.4;}
  .crumb-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg, var(--gold) 0%, transparent 60%);opacity:.5;}
  .crumb-bar .ghost-word{position:absolute;top:-10px;right:40px;font-family:'Fraunces',serif;font-size:150px;font-weight:600;color:rgba(255,255,255,.035);line-height:1;white-space:nowrap;pointer-events:none;}
  .crumb-heading{position:relative;color:#fff;font-size:clamp(32px,4.2vw,50px);line-height:1.1;margin-top:26px;}
  .crumb-bar-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;font-size:12.5px;flex-wrap:wrap;}
  .crumb-left{display:flex;align-items:center;gap:10px;}
  .crumb-bar-inner a{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.55);transition:color .2s ease;}
  .crumb-bar-inner a:hover{color:var(--gold-soft);}
  .crumb-bar-inner a i.fa-house{font-size:11px;}
  .crumb-sep{color:rgba(255,255,255,.25);font-size:8px;}
  .crumb-current{display:flex;align-items:center;gap:7px;color:#fff;font-weight:500;font-size:12px;}
  .crumb-current .dot{width:4px;height:4px;border-radius:50%;background:var(--gold);}
  .crumb-brand{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.65);font-size:11.5px;}
  .crumb-brand .cb-line{width:22px;height:1px;background:rgba(255,255,255,.25);}
  .crumb-brand strong{color:var(--gold-soft);font-family:'Fraunces',serif;font-size:13px;font-weight:500;letter-spacing:.01em;}
  @media(max-width:560px){
    .crumb-brand{
      display:none;
    }
    .offcanvas-header{
      justify-content: space-between;
    }
  }

  .who-text .lede{font-family:'Fraunces',serif;font-size:20px;font-style:italic;color:var(--ink);line-height:1.6;margin-bottom:22px;}

  .supporters{background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);padding:24px 30px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
  .supporters .lab{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;flex-shrink:0;}
  .supporters .chip{background:var(--green-soft);color:var(--green);font-size:13px;font-weight:500;padding:8px 16px;border-radius:100px;}

  .can-panel{background:linear-gradient(135deg, var(--green), var(--green-2));border-radius:24px;padding:52px 48px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
  .can-panel::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--gold);opacity:.13;filter:blur(70px);top:-140px;right:-100px;}
  .can-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;position:relative;}
  .can-stat-num{font-family:'Fraunces',serif;font-size:76px;color:var(--gold);line-height:1;}
  .can-stat-lab{font-size:14px;color:rgba(255,255,255,.75);margin-top:10px;line-height:1.6;max-width:260px;}
  .can-panel h3{font-size:26px;margin-bottom:14px;}
  .can-panel p{font-size:14.5px;line-height:1.85;color:rgba(255,255,255,.82);font-weight:300;}
  .can-panel .word-cant{text-decoration:line-through;text-decoration-color:var(--gold);opacity:.55;}
  .can-panel .word-can{color:var(--gold);font-style:italic;font-family:'Fraunces',serif;}
  @media(max-width:900px){.can-panel{padding:40px 28px;border-radius:24px;}.can-grid{grid-template-columns:1fr;gap:26px;}}

  .quote-card .qcta{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--green);padding:14px 30px;border-radius:100px;font-size:13.5px;font-weight:600;transition:transform .25s ease;}
  .quote-card .qcta:hover{transform:translateY(-2px);}
  .quote-card .qcta svg{width:16px;height:16px;}