
:root{--green:#0d5b4d;--green2:#083e35;--gold:#d7aa50;--ink:#17231f;--muted:#6f7d78;--soft:#f4f8f6;--line:#e2ebe7}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Bengali",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none}.top-quote{background:#082f29;color:#eaf5f1;font-size:14px;letter-spacing:.15px}.navbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.brand-logo{width:54px;height:54px;object-fit:contain}.brand-name{font-size:15px;line-height:1.2;font-weight:800;color:#17322b;max-width:250px}
.nav-link{font-size:14px;font-weight:650;color:#33443e!important;border-radius:9px;padding:.65rem .7rem!important}.nav-link:hover,.nav-link.active{background:#eaf5f1;color:var(--green)!important}
.hero{min-height:430px;display:flex;align-items:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(5,45,37,.94),rgba(7,66,54,.76),rgba(7,66,54,.42)),
url("../images/photo-108da94167aa.jpg") center/cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,36,30,.35))}
.hero .container{position:relative;z-index:2}.crumb{color:#d8e8e3;font-size:14px}.hero h1{font-size:clamp(38px,5vw,64px);font-weight:850;color:white;letter-spacing:-1px}.hero p{max-width:720px;color:#dcece7;font-size:18px}
.badge-soft{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:white;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700}
.section{padding:85px 0}.eyebrow{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}
.section-title{font-size:clamp(30px,4vw,45px);font-weight:850;letter-spacing:-.7px}.lead-copy{color:var(--muted);font-size:17px;line-height:1.85}
.story-image{min-height:500px;border-radius:26px;overflow:hidden;position:relative;background:
linear-gradient(180deg,rgba(4,48,39,.08),rgba(4,48,39,.82)),
url("../images/photo-ed0295d3197c.jpg") center/cover;box-shadow:0 22px 55px rgba(13,91,77,.14)}
.story-caption{position:absolute;left:28px;right:28px;bottom:28px;color:white}.story-caption h3{font-weight:800}
.mini-stat{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(14,62,51,.05)}.mini-stat strong{display:block;font-size:29px;color:var(--green)}
.vm-wrap{background:var(--soft)}.vm-card{height:100%;padding:34px;border-radius:22px;background:white;border:1px solid var(--line);transition:.25s}.vm-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(13,91,77,.09)}
.vm-icon{width:52px;height:52px;border-radius:15px;background:#e8f4f0;color:var(--green);display:grid;place-items:center;font-size:23px;margin-bottom:22px}
.values-card{height:100%;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}.values-card span{width:38px;height:38px;border-radius:11px;background:#edf6f3;color:var(--green);display:grid;place-items:center;font-weight:900;margin-bottom:17px}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:#d8e8e2}.time-item{position:relative;padding-left:58px;margin-bottom:31px}.time-dot{position:absolute;left:8px;top:2px;width:24px;height:24px;border-radius:50%;background:var(--green);border:6px solid #dceee8}.time-item small{color:var(--green);font-weight:800}.time-item h5{font-weight:800;margin:.3rem 0}
.community-banner{min-height:380px;border-radius:28px;position:relative;overflow:hidden;display:flex;align-items:end;background:
linear-gradient(180deg,rgba(5,52,43,.18),rgba(4,51,42,.91)),
url("../images/photo-3f4a123b642f.jpg") center/cover}
.community-banner .content{padding:42px;color:white;position:relative;z-index:2}.community-banner h2{font-weight:850}
.cta{background:linear-gradient(135deg,var(--green),var(--green2));border-radius:25px;padding:42px;color:white}.cta .btn{background:white;color:var(--green);font-weight:800}
footer{background:#072c26;color:#a9c0b9;padding-top:60px}.footer-title{color:white;font-weight:800}.footer-link{color:#b9cbc6;display:block;margin:.55rem 0}.footer-link:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding:22px 0;font-size:13px}
@media(max-width:991px){.section{padding:65px 0}.story-image{min-height:390px}.hero{min-height:390px}.navbar-collapse{padding:12px 0}}

/* Image-backed introduction panels */
.photo-column{align-self:stretch}
.about-photo-panel{height:100%;min-height:360px;border-radius:26px;padding:38px 30px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center;color:#fff;box-shadow:0 18px 40px rgba(7,63,52,.12)}
.objectives-photo{background-image:linear-gradient(135deg,rgba(4,46,37,.88),rgba(4,46,37,.58)),url('../images/photo-ed0295d3197c.jpg')}
.journey-photo{background-image:linear-gradient(135deg,rgba(4,46,37,.88),rgba(4,46,37,.62)),url('../images/photo-3f4a123b642f.jpg')}
.about-photo-panel .eyebrow{color:#f0d698}.about-photo-panel .section-title{color:#fff}.about-photo-panel .lead-copy{color:rgba(255,255,255,.88);margin-bottom:0}
@media(max-width:575.98px){.about-photo-panel{min-height:320px;padding:30px 24px}}

/* Photo panels and directory portraits */
.cta.connected-photo{background:linear-gradient(100deg,rgba(4,46,37,.91),rgba(4,46,37,.6)),url('../images/photo-3f4a123b642f.jpg') center/cover}.connected-photo .text-white-50{color:rgba(255,255,255,.85)!important}
