/* The phone version: each section laid out for a phone's shape instead of the computer layout squeezed narrow.
   Text sized for a phone (headings on 1–2 lines), tighter spacing, side-by-side boxes only where they fit,
   lists as compact rows. Only applies under 760px wide; computers are untouched. */
@media (max-width:760px){
  body.d7{--g:20px;--sec:56px;font-size:15px}
  body.d7 p{line-height:1.55}
  body.d7 .eyebrow{font-size:11px!important;letter-spacing:.12em}
  body.d7 h2,body.d7.d2 h2{font-size:27px!important;line-height:1.12!important;letter-spacing:-.025em!important}
  body.d7 .sec-intro,body.d7 .blk-head p{font-size:15px!important}
  body.d7 .sec-head{gap:10px!important;margin-bottom:24px!important}
  body.d7 .sec-head>div{gap:10px!important;min-width:0}

  /* opening */
  body.d7 .ttl,body.d7.d2 .ttl{font-size:31px!important;line-height:1.1!important;letter-spacing:-.025em!important}
  body.d7 .ttl .ln{padding-bottom:.06em!important;margin-bottom:-.03em!important}
  body.d7 .hero .lede{font-size:15px!important;line-height:1.55!important}
  body.d7 .hero-copy{gap:14px!important}
  body.d7 .hero-btns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  body.d7 .hero-btns .btn,body.d7 .hero-btns .btn-lg{height:46px!important;padding:0 10px!important;font-size:14.5px!important;border-radius:99px!important}

  /* next-outreach card */
  body.d7 .m-next{padding:16px var(--g)}
  body.d7 .m-next .next-card{padding:18px!important;gap:8px!important}
  body.d7 .m-next .next-card h3{font-size:22px!important}
  body.d7 .m-next .mini{padding:10px 0!important}
  body.d7 .m-next .mini b{font-size:24px!important}

  /* impact numbers: a compact two-by-two */
  body.d7 .impact{padding:36px var(--g)!important}
  body.d7 .impact .eyebrow{margin-bottom:16px!important}
  body.d7 .stats{gap:20px 0!important}
  body.d7 .stats div{padding:0 14px!important;gap:2px!important}
  body.d7 .stats div:nth-child(odd){padding-left:0!important;border-left:0!important}
  body.d7 .stats b{font-size:34px!important;line-height:1.05!important;letter-spacing:-.02em!important}
  body.d7 .stats div>span{font-size:13px!important;line-height:1.35}
  body.d7 .stats b span{font-size:inherit!important}

  /* who we are: four short chapters */
  body.d7 .ab-step{gap:10px!important;padding:26px 0!important}
  body.d7 .ab-step h2{font-size:25px!important}
  body.d7 .ab-m{aspect-ratio:16/10!important;margin-bottom:4px!important}
  body.d7 .ab-big{font-size:20px!important;line-height:1.3!important;letter-spacing:-.015em!important}
  body.d7 .ab-step>p:not(.eyebrow):not(.ab-big){font-size:15px!important}

  /* why it matters */
  body.d7 .need{padding:56px var(--g)!important}
  body.d7 .need-in{gap:14px!important}
  body.d7 .need-num{font-size:60px!important;line-height:1!important}
  body.d7 .need-big{font-size:19px!important;line-height:1.35!important}
  body.d7 .need-row{padding-top:16px!important;gap:10px!important}
  body.d7 .need-row p{font-size:14.5px}

  /* programmes: compact rows (small photo beside the words) */
  body.d7 .prog-grid{gap:0!important}
  body.d7.d2 .prog{display:grid!important;grid-template-columns:104px 1fr!important;grid-template-rows:auto auto auto!important;column-gap:14px!important;row-gap:4px!important;align-items:start;padding:16px 0!important}
  body.d7.d2 .prog figure{grid-row:1 / span 3!important;aspect-ratio:1!important;margin:0!important}
  body.d7.d2 .prog .pn{display:none}
  body.d7.d2 .prog h3{font-size:18px!important;line-height:1.2!important;letter-spacing:-.015em!important}
  body.d7.d2 .prog p{font-size:14px!important;line-height:1.45}
  body.d7.d2 .prog a{font-size:13.5px}

  /* current outreach */
  body.d7 .camp-pic{min-height:0!important;aspect-ratio:16/10}
  body.d7 .camp-copy{padding:30px var(--g)!important;gap:14px!important}
  body.d7 .camp-copy h2{font-size:27px!important}
  body.d7 .camp-facts{grid-template-columns:1fr!important;gap:8px!important;padding:12px 0!important}
  body.d7 .camp-facts li{display:flex!important;gap:12px;align-items:baseline}
  body.d7 .camp-facts span{width:52px;flex:none;font-size:11px!important}
  body.d7 .camp-facts b{font-size:15px}
  body.d7 .camp-cd{gap:6px!important}
  body.d7 .camp-cd div{padding:10px 4px!important}
  body.d7 .camp-cd b{font-size:24px!important}
  body.d7 .camp-cd span{font-size:10px!important}
  body.d7 .camp-btns{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  body.d7 .camp-btns .btn{width:auto!important;height:46px!important;font-size:14px!important;padding:0 8px!important}

  /* how we work: a compact list */
  body.d7 .steps{gap:0!important;padding-left:0!important}
  body.d7 .steps::before,body.d7 .steps::after{display:none!important}
  body.d7 .steps li{display:grid!important;grid-template-columns:30px 1fr;column-gap:12px;row-gap:2px;padding:14px 0!important;border-bottom:1px solid var(--line)}
  body.d7 .sn,body.d7.d2 .sn{position:static!important;grid-row:1 / span 2;font-size:13px!important;margin-top:4px}
  body.d7 .steps h3,body.d7.d2 .steps h3{font-size:18px!important;margin:0!important;line-height:1.25!important}
  body.d7 .steps p{font-size:14px!important}

  /* ways to help: compact rows */
  body.d7 .help{padding:56px var(--g)!important}
  body.d7 .help-grid{gap:0!important;border-top:1px solid rgba(255,255,255,.18)}
  body.d7 .hcard,body.d7.d2 .hcard,body.d7.d2 .hcard:nth-child(odd),body.d7.d2 .hcard:nth-child(even){min-height:0!important;padding:16px 0!important;gap:4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:none!important}
  body.d7 .hcard h3,body.d7.d2 .hcard h3{font-size:20px!important;margin:0!important}
  body.d7 .hcard p{font-size:14px!important}
  body.d7 .hn{display:none}
  body.d7 .go{font-size:14px}

  /* quotes */
  body.d7 .voices{gap:18px!important;padding:56px var(--g)!important}
  body.d7 .v-stage{min-height:230px!important}
  body.d7 .vq blockquote{font-size:19px!important;line-height:1.4!important}

  /* photos from the field */
  body.d7 .strip figure{width:230px!important}
  body.d7 .strip figure.tall{width:180px!important}

  /* stories: compact rows */
  body.d7 .posts{gap:0!important}
  body.d7 .post{display:grid!important;grid-template-columns:96px 1fr;column-gap:14px;row-gap:2px;padding:14px 0!important;border-bottom:1px solid var(--line);background:none!important}
  body.d7 .post .reveal-img{grid-row:1 / span 3;aspect-ratio:1!important;margin:0!important}
  body.d7 .post h3{font-size:17px!important;line-height:1.25}
  body.d7 .post .eyebrow,body.d7 .post h3,body.d7 .post .note{padding:0!important}

  /* partners, questions, closing */
  body.d7 .partners{gap:18px!important;padding:44px var(--g)!important}
  body.d7 .partners h3{font-size:16px!important}
  body.d7 .p-logos span{height:52px}
  body.d7 .qa summary{font-size:15.5px!important;padding:16px 0!important}
  body.d7 .qa summary::after{width:30px;height:30px;font-size:20px}
  body.d7 .qa details p{font-size:14.5px;padding-bottom:16px}
  body.d7 .cl-in{padding:28px 20px!important;gap:16px!important}
  body.d7 .cl-in h2{font-size:28px!important}
  body.d7 .cl-right p{font-size:14.5px}

  /* inner pages */
  body.d7 .ph h1{font-size:30px!important;line-height:1.12!important;letter-spacing:-.025em!important}
  body.d7 .ph .lede{font-size:15px!important}
  body.d7 .ph-pic{height:220px!important}
  body.d7 .founder{gap:22px!important;padding:48px var(--g)!important}
  body.d7 .f-copy h2{font-size:27px!important}
  body.d7 .f-story{font-size:15px!important}
  body.d7 .mv2 p:not(.eyebrow){font-size:20px!important;line-height:1.3!important}
  body.d7 .mv2>div{padding:18px 0 12px!important}
  body.d7 .values{grid-template-columns:1fr 1fr!important}
  body.d7 .value{padding:16px 12px 16px 0!important;border-left:0!important;border-top:1px solid var(--line)}
  body.d7 .value h3{font-size:17px!important}
  body.d7 .value p{font-size:13.5px!important}
  body.d7 .team-grid{gap:12px!important}
  body.d7 .member img,body.d7 .member .avatar{aspect-ratio:1!important}
  body.d7 .member b{font-size:16px!important}
  body.d7 .member span{font-size:13px!important}
  body.d7 .member.join{aspect-ratio:1!important;min-height:0!important;padding:16px!important}
  body.d7 .gi{gap:20px!important;padding:48px var(--g)!important}
  body.d7 .gi-copy h2{font-size:27px!important}
  body.d7 .gi-copy>p{font-size:15px!important}
  body.d7 .ci a,body.d7 .ci b{font-size:19px!important}
  body.d7 .contact-wrap{gap:28px!important;padding:44px var(--g)!important}

  /* footer: the logo, words and social buttons on a pink card, links in three columns below */
  .foot{padding:22px var(--g) 20px!important}
  .foot-top{grid-template-columns:1fr 1fr 1fr!important;gap:26px 12px!important}
  .fb{background:var(--z);border-radius:18px;padding:22px 20px}
  .fb .fb-logo{filter:brightness(0) invert(1)}
  .fb p{font-size:14.5px!important;color:#fff;margin:12px 0 16px!important}
  .social a{border-color:rgba(255,255,255,.5)!important;background:none!important}
  .social a:first-child{background:#fff!important;color:var(--z);border-color:#fff!important}
  .foot ul{gap:9px!important;font-size:13.5px!important}
  .foot ul .fh{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
  .foot ul:last-child{grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important}
  .foot ul:last-child .fh{grid-column:auto!important}
  .foot-bottom{margin-top:30px!important;font-size:12px!important}

  /* opening words sit a little below the middle of the photo */
  body.d7 .hero{justify-content:center!important;padding-top:210px!important;padding-bottom:70px!important}
  body.d7 .hero .shade{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.72) 62%,rgba(0,0,0,.45) 100%)!important}
}