/* =====================================================================
   Phones — one pass over every page for screens up to 600px wide.
   Loaded last on every page, so it settles the phone layout in one place.
   The aim (client, 2026-10-01): smaller pictures, fewer words, the same
   calm as the desktop pages. Where a section's supporting lines made a
   phone screen a wall of text, the phone shows the names alone; the full
   wording stays on tablets and desktops.
   ===================================================================== */
@media (max-width:600px){

  /* ---------- rhythm: sections sit closer, headlines a step down ---------- */
  .section{padding-block:clamp(2.8rem,11vw,3.6rem)}
  .section-head{margin-bottom:1.5rem}
  .d2,h2{font-size:clamp(1.75rem,7.4vw,2.15rem)}

  /* ---------- Home: the shareholder grid, four across, names only ---------- */
  .home-sh .home-inv{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05rem .5rem}
  .home-sh .home-inv .inv-card{gap:.4rem}
  .home-sh .home-inv .inv-card:last-child{grid-column:auto;width:auto;justify-self:stretch}
  .home-sh .home-inv .inv-card .nm{font-size:.74rem;line-height:1.22;letter-spacing:0;text-wrap:balance}
  .home-sh .home-inv .inv-card .tl{display:none}
  .home-sh .home-inv__cta{margin-top:1.6rem}
  .home-sh .home-inv__cta .btn{width:100%;justify-content:center}

  /* ---------- Shareholders: three across, captions a size down ---------- */
  .inv-grid.ix-grid{--cols:3;--gx:.6rem;row-gap:1.25rem}
  .ix-grid>.inv-card{gap:.45rem}
  .ix-grid .inv-card .nm{font-size:.8rem;line-height:1.22}
  .ix-grid .inv-card .tl{font-size:.7rem;line-height:1.32;min-height:0;margin-top:.12rem}

  /* ---------- Team: three across, bios a tap away ---------- */
  .tm-page .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem .6rem}
  .tm-page .person .nm{font-size:.84rem;line-height:1.22}
  .tm-page .person .tl{font-size:.7rem;line-height:1.32}
  .tm-page .person .more{font-size:.74rem}
  .tm-page .person .more svg{width:10px;height:10px}

  /* ---------- Our Approach: criteria and network as lists of names ---------- */
  .icr,.rc,.vx{padding-block:clamp(2.8rem,11vw,3.6rem)}
  .icr__head,.rc__head{margin-bottom:1.6rem}
  .icr .icr-h,.rc .icr-h{font-size:1.3rem;padding-bottom:.6rem}
  .icr-grp+.icr-grp,.rc-grp+.rc-grp{margin-top:2.1rem}
  .icr .icr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.1rem}
  .icr .icr-lead{grid-column:1/-1}
  .icr .icr-grp--look{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.1rem}   /* its four items two across, as before */
  .icr .icr-it,.rc .icr-it{padding-block:.8rem .85rem}
  .icr .icr-it__t,.rc .icr-it__t{font-size:1.02rem;line-height:1.22}
  .icr .icr-it__d,.rc-grp--play .icr-it__d{display:none}
  .rc-grp--sds .icr-it__d{font-size:.92rem;line-height:1.4;margin-top:.25em}
  .rc .rc-n{grid-template-columns:1.9rem minmax(0,1fr)}
  .rc .rc-n__i{font-size:1.3rem}
  .rc__head .rc__lede{font-size:1rem;line-height:1.45}
  /* How We Help: six steps in two short columns (1–3, 4–6) */
  .rc-grp--play .icr-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:1.1rem}
  .icr-contact{margin-top:2.6rem;padding-top:1.8rem;gap:1.2rem}
  .icr-contact__d{font-size:1rem}

  /* ---------- logo tiles (Portfolio, Giving): two across, the logo and a line ---------- */
  .logo-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .6rem}
  .logo-tiles>.logo-tile{min-height:0;grid-template-rows:auto 1fr}
  .logo-tiles>.logo-tile>*{grid-area:auto}
  .logo-tiles>.logo-tile:last-child:nth-child(odd){grid-column:1/-1!important;width:calc(50% - .3rem);justify-self:center}
  .logo-tiles .logo-tile__logo{aspect-ratio:16/11;opacity:1!important}
  .logo-tiles .logo-tile__text{opacity:1;background:transparent;border:0;padding:.5rem 0 0;gap:.15rem}
  .logo-tiles .logo-tile__name{font-size:.86rem;line-height:1.25;color:var(--ink)}
  .logo-tiles .logo-tile__title{font-size:.76rem;line-height:1.3;font-weight:400;color:var(--ink-soft)}
  .logo-tiles .logo-tile__desc,.logo-tiles .logo-tile__go,.gv-orgs .logo-tile__foot{display:none}
  .logo-tiles .logo-tile__foot,.logo-tiles .cx-exit{font-size:.74rem;line-height:1.3;padding-top:0;margin-top:0;color:var(--ink-soft)}
  #cx-portfolio{padding-bottom:1.4rem}
  .cx-exits.section{padding-top:1.4rem}

  /* ---------- Portfolio: owners' words. The quote leads; a small portrait sits by the name ---------- */
  .tq-grid{gap:.8rem}
  .tq-card{grid-template-columns:3.4rem minmax(0,1fr);column-gap:.9rem;align-items:center;padding:1.2rem 1.1rem 1.1rem}
  .tq-card .tq-body{display:contents}
  .tq-card .tq-mark{grid-column:1/-1;width:18px;margin-bottom:.5rem}
  .tq-card blockquote{grid-column:1/-1;font-size:1rem;line-height:1.5;margin-bottom:1rem}
  .cx-voices .tq-card img,.tq-card img{grid-column:1;grid-row:3;width:3.4rem;height:3.4rem;min-height:0;aspect-ratio:1/1;border-radius:50%;object-position:50% 22%}
  .tq-card figcaption{grid-column:2;grid-row:3;margin:0}
  .tq-body .who{font-size:.95rem}
  .tq-body .role{font-size:.84rem}

  /* ---------- Giving: beds closer together, smaller plants ---------- */
  .gv-ways{padding-block:clamp(2.8rem,11vw,3.6rem)}
  .gv-ways__title{margin-bottom:1rem}
  .gv-ways__grid{--ph:104px;--rg:.95rem}
  .gv-bed{margin-top:1.1rem}
  .gv-bed__name{font-size:1.3rem}
  .gv-bed__list h4{font-size:1.02rem}
  .gv-ways__note{font-size:.84rem;line-height:1.5;margin-top:1.8rem}
  .gv-band{min-height:62svh}

  /* ---------- News: rows closer, headlines a size down ---------- */
  .nw-it a{padding-block:.95rem}
  .nw-it__t{font-size:1.04rem;line-height:1.3}
  .nw-it time{font-size:.8rem}
  .nw-h{font-size:1.35rem}
  .nw-hero,.ct-hero{padding-top:calc(var(--hdr) + 2.2rem);padding-bottom:1.6rem}
  .nw-hero .d1,.ct-hero .d1{font-size:2.3rem}

  /* ---------- footer: the small print reads as small print ---------- */
  .site-footer .disclaimer__body p{font-size:.72rem;line-height:1.5;text-align:left}
}