/* ===== responsive1.css (only responsive overrides) ===== */

@media (max-width:960px){
  .hero{min-height:auto;align-items:flex-start;}
  .hero__inner,.prob__grid,.schol-grid,.res-inner,.nl-inner{grid-template-columns:1fr;}
  .hero__vis{order:-1;display:block;max-width:100%;width:100%;margin:0 auto;}
  .hero__img{aspect-ratio:4/3;}
  .hcf{display:none;}

  .main-menu__right-top{display:none;}
  .main-menu__right-bottom{padding:12px 0;min-height:70px;display:flex;align-items:center;}
  .main-menu__btn{padding:10px 14px;font-size:12px;}

  .main-menu__logo .logo-desktop{display:none !important;}
  .main-menu__logo .logo-mobile{
    display:block !important;
    width:190px;
    height:auto;
    max-height:80px;
    object-fit:contain;
  }

  .mobile-nav__container .main-menu__list>li>a{
    display:flex;align-items:center;min-height:44px;padding:12px 0;
  }
  .mobile-nav__container .main-menu__list>li.current>a{color:var(--g-dk);}

  .hero__h1{font-size:clamp(2rem,8vw,2.6rem);line-height:1.12;}
  .hero__sub{font-size:15px;line-height:1.65;}
  .hero__supp{font-size:13px;line-height:1.6;}
  .hero__btns{gap:10px;}

  .pillar-grid{grid-template-columns:1fr 1fr;}
  .stories-grid,.engage-grid{grid-template-columns:1fr 1fr;}
  .model-journey{grid-template-columns:1fr 1fr;}
  .imp-strip__inner{grid-template-columns:repeat(3,1fr);}
  .vid-grid{grid-template-columns:1fr;}
  .kf__top{grid-template-columns:1fr 1fr;}

  .k-po,.k-pp{top:74px;}
  .k-pp__c{max-height:calc(100vh - 74px - 20px);}
  .k-pp__c img{max-height:calc(100vh - 74px - 20px);}
}
@media (max-width:640px){
  .ks{padding:60px 0;}
  .kw{padding:0 1.25rem;}
  .hero__inner{padding:10px 1.25rem 56px;gap:.75rem;}
  .hero__vis{max-width:100%;}
  .hero__img{aspect-ratio:5/4;}

  .main-menu__logo .logo-mobile{width:190px;max-height:80px;height:auto;}

  .pillar-grid,.stories-grid,.engage-grid{grid-template-columns:1fr;}
  .model-journey{grid-template-columns:1fr;}
  .imp-strip__inner{grid-template-columns:repeat(2,1fr);}
  .nf-row{grid-template-columns:1fr;}
  .hero__stats{gap:1.4rem;}
  .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .kf__bot{padding:14px 1.25rem;flex-direction:column;text-align:center;}
  .dcp-card-grid{grid-template-columns:1fr 1fr;}

  /* Mobile footer accordion using normal footer HTML */
  .kf__top > div:not(.kf__brand){
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:.35rem;
    margin:0;
  }

  .kf__ct{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    font-size:11px;
    letter-spacing:.1em;
    margin:0;
    padding:.75rem 0;
  }

  .kf__ct::after{
    content:"+";
    font-size:20px;
    line-height:1;
    color:rgba(255,255,255,.85);
  }

  .kf__top > div.is-open .kf__ct::after{content:"−";}

  .kf__top > div:not(.kf__brand) .kf__links{
    display:none !important;
  }

  .kf__top > div.is-open .kf__links{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:.45rem .8rem;
    padding:.1rem 0 .8rem;
  }

  .kf__links li{margin:0;}
  .kf__links a{font-size:13px;line-height:1.45;}

  .kf__brand{text-align:left;}
  .kf__brand img{width:120px;height:auto;margin-bottom:.6rem;}
  .kf__brand p{max-width:100%;font-size:14px;line-height:1.65;margin-bottom:.9rem;}
  .kf__soc{margin-top:.4rem;margin-bottom:.8rem;}
  /* DCP section mobile fix */
.dcp-inner{
  grid-template-columns:1fr;
  gap:1.25rem;
}
.dcp-s{padding:56px 0;}
.dcp-card{padding:1.25rem;}
.dcp-card-grid{grid-template-columns:1fr 1fr;}
.dcc{padding:1rem .75rem;}
.dcc-num{font-size:1.5rem;}
.dcc-lbl{font-size:10px;line-height:1.3;}
.dcp-h2 br{display:none;}
.dcp-h2{font-size:clamp(1.5rem,7vw,2rem);line-height:1.2;}
.dcp-lead{font-size:14px;line-height:1.7;}
.dcp-strip{font-size:11.5px;line-height:1.55;padding:.75rem .9rem;}
.dcp-btns{display:grid;grid-template-columns:1fr;gap:.6rem;}
.dcp-btns .k-btn{width:100%;justify-content:center;}
}

@media (max-width:420px){
  .hero__btns{flex-direction:column;}
  .hero__btns .k-btn{width:100%;}
  .hero__stats{gap:1rem;}
  .dcp-card-grid{grid-template-columns:1fr;}
}
/* About-only responsive */
@media (max-width:1024px){
  .about-page .hero-ab__inner,
  .about-page .why-uk__inner,
  .about-page .distinct__inner,
  .about-page .trust__inner{grid-template-columns:1fr;}

  .about-page .hero-ab__img-main{aspect-ratio:4/3;}
  .about-page .hero-ab__float{display:none;}

  .about-page .vmp__grid,.about-page .work-glance__grid{grid-template-columns:1fr 1fr;}
  .about-page .story__timeline{grid-template-columns:1fr 1fr;}
  .about-page .story__timeline::before{display:none;}
  .about-page .toc__flow{grid-template-columns:1fr 1fr;}
  .about-page .toc__node:not(:last-child)::after{display:none;}
  .about-page .leader-featured{grid-template-columns:1fr;}
  .about-page .leader-row2,.about-page .leader-grid{grid-template-columns:1fr 1fr;}
  .about-page .advisory__grid{grid-template-columns:1fr 1fr;}
  .about-page .beliefs__grid{grid-template-columns:1fr 1fr;}
  .about-page .trust__inner{gap:2rem;}
}
@media (max-width:960px){
  .about-page .hero-ab__inner{
    display:flex;
    flex-direction:column;
    gap:.75rem;
  }

  .about-page .hero-ab__img{
    display:block !important;   /* force show if older css hides it */
    order:-1;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  .about-page .hero-ab__img-main{aspect-ratio:4/3;}
  .about-page .hero-ab__float{display:none;}
}

@media (max-width:640px){
  .about-page .abs{padding:60px 0;}
  .about-page .abw{padding:0 1.25rem;}
  .about-page .hero-ab{padding:76px 0 56px;}
  .about-page .hero-ab__img-main{aspect-ratio:4/3;}

  .about-page .vmp__grid,.about-page .work-glance__grid,.about-page .beliefs__grid{grid-template-columns:1fr;}
  .about-page .story__timeline,.about-page .toc__flow{grid-template-columns:1fr;}
  .about-page .leader-row2,.about-page .leader-grid,.about-page .advisory__grid{grid-template-columns:1fr;}
  .about-page .identity__pillars{flex-direction:column;align-items:center;}

  .about-page .work-glance__grid{gap:1.25rem;}
  .about-page .wg-card__top{padding:1.6rem 1.25rem 1.2rem;}
  .about-page .wg-card__body{padding:1.1rem 1.25rem 1.35rem;}
  .about-page .wg-card__top-num{font-size:62px;}
}
/* ---------- Our Work Responsive ---------- */
@media (max-width:1024px){
  .ourwork-page .ow-hero__inner{grid-template-columns:1fr;}
  .ourwork-page .ow-hero__visual{grid-template-columns:1fr 1fr;}

  .ourwork-page .model-nodes{grid-template-columns:1fr 1fr;}
  .ourwork-page .mnode:not(:last-child)::after{display:none;}

  .ourwork-page .pillar-grid{grid-template-columns:1fr 1fr;}
  .ourwork-page .prog-featured{grid-template-columns:1fr;}
  .ourwork-page .prog-grid{grid-template-columns:1fr 1fr;}
  .ourwork-page .ecosys-grid{grid-template-columns:1fr 1fr;}
  .ourwork-page .research-inner{grid-template-columns:1fr;}
  .ourwork-page .journey-flow{grid-template-columns:1fr 1fr;}
  .ourwork-page .journey-flow::before{display:none;}
  .ourwork-page .opps-grid{grid-template-columns:1fr 1fr;}
  .ourwork-page .design-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  .ourwork-page .ows{padding:60px 0;}
  .ourwork-page .oww{padding:0 1.25rem;}
  .ourwork-page .ow-hero{padding:76px 0 56px;}
  .ourwork-page .ow-hero__visual{grid-template-columns:1fr;}

  .ourwork-page .model-nodes,
  .ourwork-page .pillar-grid,
  .ourwork-page .prog-grid,
  .ourwork-page .ecosys-grid,
  .ourwork-page .journey-flow,
  .ourwork-page .opps-grid,
  .ourwork-page .design-grid{
    grid-template-columns:1fr;
  }
}
/* Donation Responsive */
@media (max-width:1024px){
  .donation-page .dn-hero__inner,
  .donation-page .dn-widget__inner,
  .donation-page .dn-why__inner,
  .donation-page .sponsor-inner,
  .donation-page .dn-dcp__inner,
  .donation-page .trust-inner,
  .donation-page .corp-inner{grid-template-columns:1fr;}

  /* keep hero image visible */
  .donation-page .dn-hero__collage{
    order:-1;
    display:grid;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  /* hide only heavy secondary visuals */
  .donation-page .dn-dcp__card,
  .donation-page .sponsor-visual,
  .donation-page .trust-visual{display:none;}

  .donation-page .supports-grid,
  .donation-page .pathways-grid{grid-template-columns:1fr 1fr;}

  .donation-page .proof-metrics{grid-template-columns:1fr 1fr;}
  .donation-page .cf-2,
  .donation-page .dn-f2{grid-template-columns:1fr;}
}

@media (max-width:640px){
  .donation-page .ds{padding:60px 0;}
  .donation-page .dw{padding:0 1.25rem;}
  .donation-page .dn-hero{padding:76px 0 56px;}

  .donation-page .dn-hero__col-main{aspect-ratio:16/10;}
  .donation-page .dn-hero__col-stat{display:none;} /* optional cleaner mobile hero */

  .donation-page .supports-grid,
  .donation-page .pathways-grid{grid-template-columns:1fr;}

  .donation-page .amount-grid{grid-template-columns:repeat(3,1fr);}
  .donation-page .proof-metrics{grid-template-columns:1fr 1fr;}
  .donation-page .dn-hero__col-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }
}
/* ── DCP RESPONSIVE ── */
@media (max-width:1024px){
  .dcp-page .dcp-hero__inner,
  .dcp-page .why-grid,
  .dcp-page .build-inner,
  .dcp-page .schol-inner,
  .dcp-page .schools-inner,
  .dcp-page .partners-inner{
    grid-template-columns:1fr;
  }

  /* Keep hero visual visible and move to top */
  .dcp-page .dcp-hero__card{
    display:flex;
    order:-1;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }
  .dcp-page .dcp-hero__card-photo{aspect-ratio:4/3;}

  .dcp-page .dcp-hero__bottom-inner{grid-template-columns:repeat(3,1fr);}
  .dcp-page .journey-path{grid-template-columns:repeat(3,1fr);}
  .dcp-page .journey-path::before{display:none;}

  .dcp-page .pillars-grid,
  .dcp-page .diff-grid,
  .dcp-page .glance-grid,
  .dcp-page .who-grid,
  .dcp-page .beyond-grid,
  .dcp-page .engage-grid{
    grid-template-columns:1fr 1fr;
  }

  .dcp-page .impact-metrics,
  .dcp-page .impact-secondary{
    grid-template-columns:repeat(2,1fr);
  }

  .dcp-page .kf__top{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  .dcp-page .ds{padding:60px 0;}
  .dcp-page .dw{padding:0 1.25rem;}
  .dcp-page .dcp-hero{padding:76px 0 0;}

  /* Keep hero image first + consistent mobile ratio */
  .dcp-page .dcp-hero__card{
    order:-1;
    margin:0 auto .75rem;
  }
  .dcp-page .dcp-hero__card-photo{aspect-ratio:4/3;}

  .dcp-page .glance-grid,
  .dcp-page .diff-grid,
  .dcp-page .pillars-grid,
  .dcp-page .who-grid,
  .dcp-page .beyond-grid,
  .dcp-page .engage-grid,
  .dcp-page .partners-reasons{
    grid-template-columns:1fr;
  }

  .dcp-page .journey-path{grid-template-columns:1fr 1fr;}
  .dcp-page .impact-metrics,
  .dcp-page .impact-secondary{grid-template-columns:1fr 1fr;}
  .dcp-page .dcp-hero__bottom-inner{grid-template-columns:repeat(2,1fr);}

  .dcp-page .dp-btns{
  display:grid;
  grid-template-columns:1fr;
  gap:.6rem;
}
.dcp-page .dp-btns .dp-btn{
  width:100%;
  justify-content:center;
}
.dcp-page .dcp-hero__strip{
  white-space:normal;
  word-break:break-word;
}
.dcp-page .dcp-hero__bottom{
  padding:0 1.25rem;
}
.dcp-page .dcp-hero__bottom-inner{
  grid-template-columns:1fr;
}

  .dcp-page .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .dcp-page .kf__bot{padding:14px 1.25rem;flex-direction:column;text-align:center;}
}
.dcp-page .dcp-hero__inner > *,
.dcp-page .glance-grid > *,
.dcp-page .diff-grid > *,
.dcp-page .who-grid > *,
.dcp-page .journey-path > *,
.dcp-page .pillars-grid > *,
.dcp-page .beyond-grid > *,
.dcp-page .engage-grid > *{
  min-width:0;
}
html,body{overflow-x:hidden;}

/*Impact page  RESPONSIVE */
@media (max-width:1024px){
  .impact-page .ip-hero__inner,
  .impact-page .dcp-inner,
  .impact-page .schol-inner,
  .impact-page .community-inner,
  .impact-page .research-inner{
    grid-template-columns:1fr;
  }

  /* Keep hero image visible and move it to top */
  .impact-page .ip-hero__collage{
    order:-1;
    display:grid;
    width:100%;
    max-width:100%;
    margin:0 auto;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto;
  }
  .impact-page .ip-hero__col-main{aspect-ratio:16/9;}
  .impact-page .ip-hero__col-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  /* keep DCP card visible too */
  .impact-page .dcp-img-card{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  .impact-page .metrics-grid,
  .impact-page .metrics-row2{grid-template-columns:repeat(3,1fr);}
  .impact-page .prog-rail,
  .impact-page .innovation-grid,
  .impact-page .stories-grid{grid-template-columns:1fr 1fr;}
  .impact-page .evidence-grid,
  .impact-page .milestone-timeline{grid-template-columns:1fr 1fr;}
  .impact-page .milestone-timeline::before{display:none;}
  .impact-page .framework-flow{grid-template-columns:1fr 1fr;}
  .impact-page .framework-flow::before{display:none;}
  .impact-page .community-indicators{grid-template-columns:1fr;}
  .impact-page .kf__top{grid-template-columns:1fr 1fr;}
  .impact-page .prog-impact.dcp-wide .prog-impact__body{grid-template-columns:1fr;}
  .impact-page .inno-count{flex-direction:column;text-align:center;}
  .impact-page .inno-count__text{text-align:center;}
}

@media (max-width:640px){
  .impact-page .is{padding:60px 0;}
  .impact-page .iw{padding:0 1.25rem;}
  .impact-page .ip-hero{padding:76px 0 56px;}

  /* Keep hero image first with single-column collage */
  .impact-page .ip-hero__collage{
    order:-1;
    grid-template-columns:1fr;
    margin:0 auto .75rem;
  }
  .impact-page .ip-hero__col-main{aspect-ratio:4/3;}

  .impact-page .metrics-grid,
  .impact-page .metrics-row2{grid-template-columns:1fr 1fr;}
  .impact-page .prog-rail,
  .impact-page .innovation-grid,
  .impact-page .stories-grid{grid-template-columns:1fr;}
  .impact-page .evidence-grid{grid-template-columns:1fr 1fr;}
  .impact-page .milestone-timeline{grid-template-columns:1fr 1fr;}
  .impact-page .framework-flow{grid-template-columns:1fr;}
  .impact-page .ip-hero__stats{gap:1.25rem;}
  .impact-page .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .impact-page .kf__bot{padding:14px 1.25rem;flex-direction:column;text-align:center;}
}
/* ── Research RESPONSIVE ── */
/* RESPONSIVE */
@media (max-width:1024px){
  .research-page .ri-hero__inner,
  .research-page .ri-why__inner,
  .research-page .wp-grid,
  .research-page .form-inner{
    grid-template-columns:1fr;
  }

  /* Keep hero image visible and move to top */
  .research-page .ri-hero__visual{
    display:block;
    order:-1;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding-bottom:1rem;
  }
  .research-page .ri-hero__img-main{aspect-ratio:4/3;}
  .research-page .ri-hero__badge-float{
    position:static;
    margin-top:.75rem;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
  }

  /* keep project card visible on tablet */
  .research-page .project-hero__card{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  .research-page .project-hero__inner{grid-template-columns:1fr;}
  .research-page .role-grid,
  .research-page .caps-grid,
  .research-page .areas-grid{grid-template-columns:1fr 1fr;}
  .research-page .outcomes-grid,
  .research-page .snapshot-grid,
  .research-page .csr-grid{grid-template-columns:1fr 1fr;}
  .research-page .process-flow{grid-template-columns:repeat(3,1fr);}
  .research-page .process-flow::before{display:none;}
  .research-page .kf__top{grid-template-columns:1fr 1fr;}
  .research-page .ri-hero__bottom-cells{grid-template-columns:repeat(2,1fr);}
  .research-page .form-row2{grid-template-columns:1fr;}
}

@media (max-width:640px){
  .research-page .rs{padding:60px 0;}
  .research-page .rw{padding:0 1.25rem;}
  .research-page .ri-hero{padding:76px 0 0;}

  /* Hero image stays first on mobile */
  .research-page .ri-hero__visual{
    order:-1;
    margin:0 auto .75rem;
    padding-bottom:.5rem;
  }
  .research-page .ri-hero__img-main{aspect-ratio:4/3;}
  .research-page .ri-hero__badge-float{
    margin-top:.6rem;
    min-width:0;
    width:100%;
  }

  .research-page .role-grid,
  .research-page .caps-grid,
  .research-page .areas-grid,
  .research-page .csr-grid{grid-template-columns:1fr;}
  .research-page .outcomes-grid,
  .research-page .snapshot-grid{grid-template-columns:1fr 1fr;}
  .research-page .process-flow{grid-template-columns:1fr 1fr;}
  .research-page .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .research-page .kf__bot{padding:14px 1.25rem;flex-direction:column;text-align:center;}
}

/* Partners RESPONSIVE */
@media (max-width:1024px){
  .partners-page .pw-hero__inner,
  .partners-page .pw-why__inner,
  .partners-page .csr-inner,
  .partners-page .research-cols,
  .partners-page .schools-inner,
  .partners-page .gov-inner,
  .partners-page .mentors-inner,
  .partners-page .pw-form__inner{
    grid-template-columns:1fr;
  }

  /* keep hero image visible and move to top */
  .partners-page .pw-hero__visual{
    display:grid;
    order:-1;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  /* hide only secondary visuals */
  .partners-page .schools-visual,
  .partners-page .gov-visual,
  .partners-page .mentors-visual{
    display:none;
  }

  .partners-page .pw-hero__img-main{aspect-ratio:4/3;}

  .partners-page .opps-grid,
  .partners-page .tech-grid,
  .partners-page .support-grid,
  .partners-page .strong-grid,
  .partners-page .proof-grid{
    grid-template-columns:1fr 1fr;
  }

  .partners-page .journey-flow{grid-template-columns:repeat(3,1fr);}
  .partners-page .journey-flow::before{display:none;}
  .partners-page .kf__top{grid-template-columns:1fr 1fr;}
}

@media (max-width:640px){
  .partners-page .ps{padding:60px 0;}
  .partners-page .pw{padding:0 1.25rem;}
  .partners-page .pw-hero{padding:76px 0 56px;}

  .partners-page .pw-hero__visual{
    order:-1;
    margin:0 auto .75rem;
  }

  .partners-page .opps-grid,
  .partners-page .tech-grid,
  .partners-page .proof-grid{
    grid-template-columns:1fr;
  }

  .partners-page .support-grid,
  .partners-page .strong-grid,
  .partners-page .journey-flow{
    grid-template-columns:1fr 1fr;
  }

  .partners-page .form-2col{grid-template-columns:1fr;}
  .partners-page .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .partners-page .kf__bot{padding:14px 1.25rem;flex-direction:column;text-align:center;}
}
/* Resources RESPONSIVE */
@media (max-width:991px){
  .resources-page .res-hero{padding:32px 24px;}
  .resources-page .kf__top{grid-template-columns:1fr 1fr;}
  .resources-page .res-contact-strip{flex-direction:column;align-items:flex-start;gap:1.25rem;}
}

@media (max-width:640px){
  .resources-page .kf__top{grid-template-columns:1fr;padding:48px 1.25rem 32px;gap:2rem;}
  .resources-page .kf__bot{flex-direction:column;text-align:center;padding:14px 1.25rem;}
  .resources-page .res-hero{margin:20px 0 24px;}
}
@media (max-width:640px){
  .resources-page .res-contact-strip__actions{width:100%;}
  .resources-page .res-contact-strip__actions .rs-btn{width:100%;justify-content:center;}
}