:root, html, body{
    --forest:#1B4332;
    --forest-deep:#0F2A20;
    --sage:#74A57F;
    --sage-light:#A9C9AC;
    --ivory:#F7F4EC;
    --soil:#6B4226;
    --amber:#E8A33D;
    --ink:#171B18;
    --line: rgba(23,27,24,0.12);
    --radius: 4px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--ivory, #F7F4EC);
    color:var(--ink, #171B18);
    font-family:'Inter', sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces', serif;
    font-weight:450;
    letter-spacing:-0.01em;
    color:var(--forest-deep, #0F2A20);
  }
  .mono{
    font-family:'IBM Plex Mono', monospace;
    letter-spacing:0.02em;
  }
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }
  section{position:relative;}

  /* ---------- focus ---------- */
  a:focus-visible, button:focus-visible{
    outline:2px solid var(--amber, #E8A33D);
    outline-offset:3px;
  }

  /* ---------- nav ---------- */
  header.nav{
    position:sticky; top:0; z-index:50;
    background:rgba(247,244,236,0.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .nav-inner{
    max-width:1180px;
    margin:0 auto;
    padding:18px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .logo{
    display:flex; align-items:center; gap:10px;
  }
  .logo-img{
    height:38px;
    width:auto;
    display:block;
  }
  .footer-logo{
    display:inline-flex;
    margin-bottom:16px;
  }
  .footer-logo-img{
    height:40px;
    width:auto;
    display:block;
  }
  .nav-links{
    display:flex;
    gap:36px;
    font-size:15px;
    font-weight:500;
  }
  .nav-links a{
    color:var(--forest-deep, #0F2A20);
    opacity:0.75;
    transition:opacity 0.15s ease;
    position:relative;
  }
  .nav-links a:hover{opacity:1;}
  .nav-item{position:relative; display:flex; align-items:center;}
  .nav-item > a{display:flex; align-items:center; gap:5px;}
  .nav-links .nav-trigger{
    font:inherit;
    background:none;
    border:0;
    padding:0;
    margin:0;
    cursor:default;
    display:flex;
    align-items:center;
    gap:5px;
    color:var(--forest-deep, #0F2A20);
    opacity:0.75;
    transition:opacity 0.15s ease;
  }
  .nav-item:hover .nav-trigger,
  .nav-item:focus-within .nav-trigger{opacity:1;}
  .nav-caret{width:9px; height:9px; flex-shrink:0; transition:transform 0.15s ease;}
  .nav-item:hover .nav-caret{transform:rotate(180deg);}
  .nav-dropdown{
    position:absolute;
    top:100%;
    left:-16px;
    padding-top:16px;
    opacity:0;
    visibility:hidden;
    transform:translateY(4px);
    transition:opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    z-index:40;
  }
  .nav-item:hover .nav-dropdown,
  .nav-item:focus-within .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .nav-dropdown-inner{
    background:var(--ivory, #F7F4EC);
    border:1px solid rgba(27,67,50,0.12);
    border-radius:4px;
    box-shadow:0 14px 30px rgba(27,67,50,0.14);
    padding:8px;
    min-width:220px;
    display:flex;
    flex-direction:column;
  }
  .nav-dropdown-inner a{
    padding:10px 14px;
    border-radius:3px;
    font-size:14px;
    font-weight:500;
    color:var(--forest-deep, #0F2A20);
    opacity:0.85;
    white-space:nowrap;
  }
  .nav-dropdown-inner a:hover{opacity:1; background:rgba(27,67,50,0.06);}
  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 22px;
    border-radius:2px;
    font-size:14.5px;
    font-weight:600;
    cursor:pointer;
    border:1px solid transparent;
    transition:transform 0.15s ease, background 0.15s ease;
  }
  .btn-primary{
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
  }
  .btn-primary:hover{background:var(--forest, #1B4332);}
  .btn-ghost{
    border-color:var(--forest-deep, #0F2A20);
    color:var(--forest-deep, #0F2A20);
  }
  .btn-ghost:hover{background:var(--forest-deep, #0F2A20); color:var(--ivory, #F7F4EC);}
  .nav-cta{display:flex; align-items:center; gap:18px;}
  .nav-toggle-checkbox{display:none;}
  .nav-menu-btn{
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    width:26px;
    height:22px;
    cursor:pointer;
  }
  .nav-menu-btn span{
    display:block;
    height:2px;
    width:100%;
    background:var(--forest-deep, #0F2A20);
    border-radius:2px;
    transition:transform 0.2s ease, opacity 0.2s ease;
  }
  .nav-cta:has(.nav-toggle-checkbox:checked) .nav-menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-cta:has(.nav-toggle-checkbox:checked) .nav-menu-btn span:nth-child(2){opacity:0;}
  .nav-cta:has(.nav-toggle-checkbox:checked) .nav-menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    padding:120px 0 120px;
    overflow:hidden;
    min-height:600px;
    display:flex;
    align-items:center;
  }
  .hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
  }
  .hero-bg-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:100% 50%;
    display:block;
  }
  .hero-fade{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      var(--ivory, #F7F4EC) 0%,
      var(--ivory, #F7F4EC) 42%,
      rgba(247,244,236,0.5) 46%,
      rgba(247,244,236,0) 51%);
  }
  .hero .wrap{width:100%;}
  .hero-content{
    position:relative;
    z-index:1;
    max-width:440px;
  }
  .eyebrow{
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    margin-bottom:20px;
    display:flex; align-items:center; gap:10px;
  }
  .eyebrow::before{
    content:'';
    width:26px; height:1px;
    background:var(--soil, #6B4226);
  }
  .hero h1{
    font-size:clamp(40px, 5.2vw, 66px);
    line-height:1.04;
    font-weight:450;
    max-width:11.5ch;
  }
  .hero h1 em{
    font-style:italic;
    color:var(--sage, #74A57F);
    color:var(--forest, #1B4332);
  }
  .hero p.lede{
    margin-top:24px;
    font-size:18px;
    line-height:1.65;
    max-width:46ch;
    color:#3A4239;
  }
  .hero-actions{
    margin-top:36px;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
  }
  .btn-lg{padding:15px 28px; font-size:15px;}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
  }

  /* ---------- marquee strip ---------- */
  .strip{
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
    padding:13px 0 15px;
    overflow:hidden;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .strip-dot{color:var(--sage, #74A57F);}
  .strip-every{color:var(--sage-light, #A9C9AC);}
  .strip-track{
    display:flex;
    gap:56px;
    white-space:nowrap;
    animation:scroll 52s linear infinite;
    width:max-content;
  }
  .strip-track-label{
    animation:scroll 68s linear infinite;
    margin-bottom:7px;
  }
  @media (prefers-reduced-motion: reduce){ .strip-track-label{animation:none;} }
  @media (prefers-reduced-motion: reduce){ .strip-track{animation:none;} }
  @keyframes scroll{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
  }
  .strip-track span{
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    letter-spacing:0.04em;
    opacity:0.85;
  }

  /* ---------- mission ---------- */
  .mission{
    padding:120px 0 100px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .mission-inner{
    max-width:820px;
  }
  .mission .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:22px;
  }
  .mission h2{
    font-size:clamp(28px, 3.4vw, 40px);
    font-weight:450;
    line-height:1.32;
  }
  .mission h2 .accent{color:var(--sage, #74A57F); font-style:italic;}
  .mission p{
    margin-top:24px;
    font-size:18px;
    line-height:1.6;
    color:#3A4239;
    max-width:640px;
  }

  /* ---------- impact rings section ---------- */
  .impact{
    padding:100px 0;
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .impact-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:64px;
    flex-wrap:wrap;
  }
  .impact-head h2{color:var(--ivory, #F7F4EC); font-size:clamp(26px,3vw,36px); font-weight:450;}
  .impact-head p{max-width:38ch; color:rgba(247,244,236,0.7); font-size:15px;}
  .rings-row{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:20px;
  }
  .ring-card{
    border:1px solid rgba(247,244,236,0.16);
    padding:26px 20px 22px;
    text-align:center;
  }
  .ring-card .year{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--sage-light, #A9C9AC);
    margin-bottom:16px;
    letter-spacing:0.06em;
  }
  .ring-card svg{width:64px; height:64px; margin:0 auto 16px;}
  .ring-card .figure{
    font-family:'Fraunces', serif;
    font-size:28px;
    line-height:1;
  }
  .ring-card .unit{
    font-size:12px;
    color:rgba(247,244,236,0.6);
    margin-top:6px;
  }

  /* ---------- our reach: achievement cards ---------- */
  .impact-head.reach{
    display:block;
    max-width:780px;
    margin-bottom:64px;
  }
  .impact-head .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--sage-light, #A9C9AC);
    font-weight:500;
    margin-bottom:18px;
  }
  .impact-head.reach p{
    max-width:680px;
    font-size:17px;
    line-height:1.6;
    margin-top:18px;
  }
  .achieve-row{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
  }
  .achieve-card{
    border:1px solid rgba(247,244,236,0.16);
    border-radius:8px;
    padding:36px 30px 32px;
    background:linear-gradient(165deg, rgba(247,244,236,0.05), rgba(247,244,236,0.01));
    transition:transform 0.2s ease, border-color 0.2s ease;
  }
  .achieve-card:hover{transform:translateY(-4px); border-color:rgba(247,244,236,0.32);}
  .achieve-badge{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:26px;
  }
  .achieve-badge.tint-1{background:linear-gradient(135deg, rgba(232,163,61,0.32), rgba(232,163,61,0.1));}
  .achieve-badge.tint-2{background:linear-gradient(135deg, rgba(116,165,127,0.36), rgba(63,122,85,0.14));}
  .achieve-badge.tint-3{background:linear-gradient(135deg, rgba(169,201,172,0.34), rgba(116,165,127,0.12));}
  .achieve-badge svg{width:34px; height:34px;}
  .achieve-card .figure{
    font-family:'Fraunces', serif;
    font-size:clamp(30px, 2.6vw, 38px);
    font-weight:500;
    line-height:1.1;
    color:var(--ivory, #F7F4EC);
  }
  .achieve-card .label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    color:var(--sage-light, #A9C9AC);
    margin-top:8px;
    margin-bottom:18px;
  }
  .achieve-card p{
    font-size:14.5px;
    line-height:1.6;
    color:rgba(247,244,236,0.72);
  }

  /* ---------- programs ---------- */
  .programs{padding:110px 0;}
  .programs-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:56px;
    flex-wrap:wrap;
  }
  .programs-head h2{font-size:clamp(26px,3vw,36px); max-width:16ch;}
  .programs-head p{max-width:36ch; color:#3A4239; font-size:15px;}
  .program-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:2px;
    background:var(--line, rgba(23,27,24,0.12));
    border:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .program-card{
    background:var(--ivory, #F7F4EC);
    padding:40px 32px 36px;
    transition:background 0.2s ease;
  }
  .program-card:hover{background:#EFEADC;}
  .icon-badge{
    width:64px;
    height:64px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    transition:transform 0.2s ease;
  }
  .program-card:hover .icon-badge{transform:scale(1.05);}
  .icon-badge.tint-a{background:linear-gradient(135deg, rgba(116,165,127,0.3), rgba(63,122,85,0.16));}
  .icon-badge.tint-b{background:linear-gradient(135deg, rgba(232,163,61,0.28), rgba(232,163,61,0.12));}
  .icon-badge.tint-c{background:linear-gradient(135deg, rgba(27,67,50,0.14), rgba(116,165,127,0.22));}
  .icon-badge.tint-d{background:linear-gradient(135deg, rgba(107,66,38,0.22), rgba(232,163,61,0.14));}
  .program-card .icon{
    width:30px; height:30px;
  }
  .icon-image{
    height:68px;
    width:auto;
    margin-bottom:20px;
    display:block;
  }
  .program-card h3{
    font-size:22px;
    font-weight:450;
    margin-bottom:12px;
  }
  .program-card p{
    font-size:14.5px;
    color:#3A4239;
    margin-bottom:20px;
  }
  .program-card .learn{
    font-size:13.5px;
    font-weight:600;
    color:var(--forest, #1B4332);
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .program-card .learn svg{width:14px; height:14px; transition:transform 0.15s ease;}
  .program-card:hover .learn svg{transform:translateX(3px);}

  /* ---------- our identity ---------- */
  .identity{
    position:relative;
    min-height:600px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:var(--ivory, #F7F4EC);
  }
  .identity-bg-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:32% 38%;
  }
  .identity-fade{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(27,67,50,0.08) 0%,
      rgba(23,55,42,0.42) 38%,
      rgba(18,42,33,0.86) 58%,
      var(--forest-deep, #0F2A20) 78%,
      var(--forest-deep, #0F2A20) 100%);
  }
  .identity-content{
    position:relative;
    z-index:2;
    max-width:520px;
    margin-left:auto;
    padding:90px 0;
  }
  .identity-content .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.16em;
    color:var(--sage-light, #A9C9AC);
    font-weight:500;
    margin-bottom:22px;
  }
  .identity-content h2{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(26px, 3.2vw, 38px);
    line-height:1.28;
    color:var(--ivory, #F7F4EC);
  }
  .identity-content p{
    margin-top:22px;
    font-size:16px;
    line-height:1.65;
    color:rgba(247,244,236,0.82);
    max-width:46ch;
  }
  .identity-content .btn{margin-top:32px;}
  .identity-content .tagline{
    margin-top:36px;
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:450;
    font-size:19px;
    color:var(--sage-light, #A9C9AC);
  }

  /* ---------- circularity matters ---------- */
  .circularity{
    padding:120px 0;
    background:var(--ivory, #F7F4EC);
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .circularity-head{
    max-width:640px;
    margin-bottom:56px;
  }
  .circularity-head .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:18px;
  }
  .circularity-head h2{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(30px, 3.6vw, 44px);
    line-height:1.15;
  }
  .circularity-grid{
    display:flex;
    flex-direction:column;
    gap:56px;
  }
  .circularity-graphic{width:100%;}
  .circularity-copy{max-width:760px;}
  .circularity-flow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:wrap;
    padding:28px 12px;
  }
  .flow-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:148px;
  }
  .flow-badge{
    width:104px;
    height:104px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
  }
  .flow-badge.tint-a{background:linear-gradient(135deg, rgba(116,165,127,0.3), rgba(63,122,85,0.16));}
  .flow-badge.tint-b{background:linear-gradient(135deg, rgba(232,163,61,0.28), rgba(232,163,61,0.12));}
  .flow-badge.tint-c{background:linear-gradient(135deg, rgba(27,67,50,0.14), rgba(116,165,127,0.22));}
  .flow-badge svg{width:44px; height:44px;}
  .flow-badge.box-badge{
    background:transparent;
    width:auto;
    height:132px;
    border-radius:0;
  }
  .flow-badge.box-badge img{
    height:132px;
    width:auto;
    display:block;
    filter:drop-shadow(0 8px 14px rgba(27,67,50,0.18));
  }
  .flow-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    color:var(--forest-deep, #0F2A20);
    font-weight:500;
    line-height:1.45;
  }
  .flow-arrow{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--sage, #74A57F);
    margin:0 2px 30px;
  }
  .flow-arrow svg{width:30px; height:30px;}
  .circularity-copy .lede{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:450;
    font-size:clamp(19px, 2vw, 24px);
    line-height:1.48;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:26px;
  }
  .circularity-copy p{
    font-size:16.5px;
    line-height:1.68;
    color:#3A4239;
    margin-bottom:20px;
  }
  .circularity-cta{
    margin-top:28px;
    padding-top:28px;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .circularity-cta p{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:450;
    font-size:19px;
    line-height:1.5;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:22px;
  }

  /* ---------- involve / CTA ---------- */

  .involve{
    padding:120px 0;
    text-align:center;
  }
  .involve h2{
    font-size:clamp(32px, 4.5vw, 54px);
    max-width:15ch;
    margin:0 auto 28px;
    line-height:1.08;
  }
  .involve p{
    max-width:44ch;
    margin:0 auto 40px;
    font-size:17px;
    color:#3A4239;
  }
  .involve-actions{
    display:flex;
    gap:16px;
    justify-content:center;
    flex-wrap:wrap;
  }

  /* ---------- footer ---------- */
  footer{
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
    padding:64px 0 32px;
  }
  .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(247,244,236,0.14);
  }
  .footer-logo{
    display:flex; align-items:center; gap:10px;
    font-family:'Fraunces', serif;
    font-weight:600;
    font-size:19px;
    margin-bottom:16px;
  }
  .footer-logo svg{width:24px; height:24px;}
  .footer-grid p{font-size:14px; color:rgba(247,244,236,0.65); max-width:32ch;}
  .footer-col h3{
    font-size:12.5px;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color:var(--sage-light, #A9C9AC);
    margin-bottom:16px;
    font-weight:500;
  }
  .footer-nap{
    font-style:normal;
    font-size:14.5px;
    line-height:1.65;
    color:rgba(247,244,236,0.8);
    margin-bottom:12px;
  }
  .footer-col a{
    display:block;
    font-size:14.5px;
    color:rgba(247,244,236,0.8);
    margin-bottom:12px;
  }
  .footer-col a:hover{color:var(--ivory, #F7F4EC);}
  .footer-bottom{
    padding-top:28px;
    display:flex;
    justify-content:space-between;
    font-size:12.5px;
    color:rgba(247,244,236,0.5);
    flex-wrap:wrap;
    gap:12px;
  }

  /* ---------- subpage: hero band ---------- */
  .page-hero{
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
    padding:64px 0 56px;
  }
  .page-hero .crumb{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.06em;
    color:var(--sage-light, #A9C9AC);
    text-transform:uppercase;
    margin-bottom:18px;
  }
  .page-hero .crumb a{color:var(--sage-light, #A9C9AC); opacity:0.8;}
  .page-hero .crumb a:hover{opacity:1;}
  .page-hero h1{
    font-size:clamp(32px, 4.6vw, 52px);
    font-weight:450;
    line-height:1.1;
    max-width:18ch;
    color:var(--ivory, #F7F4EC);
  }
  .page-hero h1.wide{max-width:none;}
  .page-hero h1 .accent{color:var(--sage-light, #A9C9AC); font-style:italic;}
  .page-hero p{
    margin-top:18px;
    font-size:17px;
    max-width:56ch;
    color:rgba(247,244,236,0.78);
  }

  /* ---------- subpage: jump nav ---------- */
  .jump-nav{
    background:var(--ivory, #F7F4EC);
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
    position:sticky;
    top:73px;
    z-index:20;
  }
  .jump-nav .wrap{
    display:flex;
    gap:28px;
    padding-top:14px;
    padding-bottom:14px;
    flex-wrap:wrap;
    font-size:14px;
    font-weight:500;
  }
  .jump-nav a{color:var(--forest-deep, #0F2A20); opacity:0.65;}
  .jump-nav a:hover{opacity:1;}

  /* ---------- subpage: content section ---------- */
  .sub-section{
    padding:88px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .sub-section.alt{background:#F1EEE3;}
  .sub-section:nth-of-type(even){background:#F1EEE3;}
  .sub-section .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:18px;
  }
  .sub-section h2{
    font-size:clamp(26px, 3.2vw, 38px);
    font-weight:450;
    line-height:1.28;
    max-width:22ch;
  }
  .sub-section > .wrap > p.lede{
    margin-top:20px;
    font-size:17.5px;
    line-height:1.6;
    color:#3A4239;
    max-width:640px;
  }
  .sub-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    margin-top:48px;
  }
  .sub-grid.cols-2{grid-template-columns:repeat(2, 1fr);}
  .sub-card{
    background:var(--ivory, #F7F4EC);
    border:1px solid var(--line, rgba(23,27,24,0.12));
    border-radius:6px;
    padding:32px 26px;
  }
  .sub-section:nth-of-type(even) .sub-card{background:var(--ivory, #F7F4EC);}
  .sub-card .icon-badge{margin-bottom:20px;}
  .sub-card h3{font-size:19px; font-weight:600; margin-bottom:10px;}
  .sub-card p{font-size:14.5px; line-height:1.55; color:#3A4239;}
  .sub-card .num{
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    color:var(--sage, #74A57F);
    font-weight:600;
    margin-bottom:14px;
    display:block;
  }
  .stat-row{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    margin-top:48px;
  }
  .stat-box{
    text-align:center;
    padding:28px 16px;
    border:1px solid var(--line, rgba(23,27,24,0.12));
    border-radius:6px;
  }
  .stat-box .figure{
    font-family:'IBM Plex Mono', monospace;
    font-size:clamp(28px, 3vw, 40px);
    font-weight:500;
    color:var(--forest-deep, #0F2A20);
  }
  .stat-box .label{
    margin-top:8px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.06em;
    color:var(--soil, #6B4226);
  }
  .pub-list{margin-top:48px; display:flex; flex-direction:column; gap:1px; background:var(--line, rgba(23,27,24,0.12));}
  .pub-row{
    background:var(--ivory, #F7F4EC);
    padding:20px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
  }
  .pub-row .pub-title{font-weight:600; font-size:15.5px;}
  .pub-row .pub-meta{font-size:13px; color:#3A4239; margin-top:4px;}
  .pub-row .btn{padding:8px 16px; font-size:13px;}

  /* ---------- responsive ---------- */
  /* wide screens: hold more ivory so the photograph doesn't dominate */
  @media (min-width: 1440px){
    .hero-fade{
      background:linear-gradient(90deg,
        var(--ivory, #F7F4EC) 0%,
        var(--ivory, #F7F4EC) 48%,
        rgba(247,244,236,0.5) 52%,
        rgba(247,244,236,0) 57%);
    }
  }
  @media (min-width: 1700px){
    .hero-fade{
      background:linear-gradient(90deg,
        var(--ivory, #F7F4EC) 0%,
        var(--ivory, #F7F4EC) 52%,
        rgba(247,244,236,0.5) 56%,
        rgba(247,244,236,0) 61%);
    }
  }
  /* narrower desktops: text wraps wider, so widen the ivory panel to match */
  @media (max-width: 1080px) and (min-width: 881px){
    .hero-fade{
      background:linear-gradient(90deg,
        var(--ivory, #F7F4EC) 0%,
        var(--ivory, #F7F4EC) 54%,
        rgba(247,244,236,0.5) 58%,
        rgba(247,244,236,0) 63%);
    }
  }

  @media (max-width: 880px){
    .sub-grid{grid-template-columns:1fr 1fr;}
    .stat-row{grid-template-columns:1fr 1fr;}
    .jump-nav{position:static;}
  }
  @media (max-width: 620px){
    .sub-grid{grid-template-columns:1fr;}
    .sub-grid.cols-2{grid-template-columns:1fr;}
    .stat-row{grid-template-columns:1fr;}
  }
  @media (max-width: 880px){
    .nav-links{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      flex-direction:column;
      gap:0;
      background:var(--ivory, #F7F4EC);
      border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
      box-shadow:0 16px 28px rgba(27,67,50,0.12);
      padding:8px 24px 20px;
      max-height:calc(100vh - 73px);
      overflow-y:auto;
    }
    .nav-inner:has(.nav-toggle-checkbox:checked) .nav-links{display:flex;}
    .nav-item{
      position:static;
      flex-direction:column;
      align-items:flex-start;
      width:100%;
      border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .nav-links > a{
      width:100%;
      border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
      padding:14px 0;
    }
    .nav-item > a{width:100%; padding:14px 0; justify-content:space-between;}
    .nav-links .nav-trigger{width:100%; padding:14px 0; justify-content:space-between; text-align:left;}
    .nav-caret{display:none;}
    .nav-dropdown{
      position:static;
      padding-top:0;
      opacity:1;
      visibility:visible;
      transform:none;
      width:100%;
    }
    .nav-dropdown-inner{
      border:none;
      box-shadow:none;
      background:transparent;
      padding:0 0 10px 12px;
      min-width:0;
    }
    .nav-dropdown-inner a{padding:8px 0; font-size:14px;}
    .nav-menu-btn{display:flex;}
    .hero-grid{grid-template-columns:1fr; gap:40px;}
    .hero{min-height:480px; padding:80px 0;}
    .hero-content{max-width:100%;}
    .hero-fade{background:linear-gradient(180deg,
      var(--ivory, #F7F4EC) 0%,
      var(--ivory, #F7F4EC) 74%,
      rgba(247,244,236,0.5) 79%,
      rgba(247,244,236,0) 85%);}
    .rings-row{grid-template-columns:repeat(2, 1fr);}
    .achieve-row{grid-template-columns:1fr;}
    .program-grid{grid-template-columns:1fr;}
    .story-grid{grid-template-columns:1fr;}
    .story-art{aspect-ratio:16/9;}
    .identity{min-height:auto;}
    .identity-fade{background:linear-gradient(180deg, rgba(27,67,50,0.15) 0%, rgba(20,45,35,0.82) 40%, var(--forest-deep, #0F2A20) 68%, var(--forest-deep, #0F2A20) 100%);}
    .identity-content{max-width:100%; margin-left:0; padding:220px 0 60px;}
    .circularity-grid{grid-template-columns:1fr; gap:40px;}
    .circularity{padding:80px 0;}
    .circularity-flow{flex-direction:column; gap:0;}
    .flow-arrow{transform:rotate(90deg); margin:4px 0 30px;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .mission{padding:80px 0;}
    .impact{padding:70px 0;}
    .programs{padding:70px 0;}
    .story{padding:70px 0;}
    .involve{padding:80px 0;}
  }
  @media (max-width: 520px){
    .wrap{padding:0 20px;}
    .nav-inner{padding:16px 20px;}
    .rings-row{grid-template-columns:repeat(2, 1fr);}
    .footer-grid{grid-template-columns:1fr;}
    .hero{padding:56px 0 40px;}
    .hero-actions .btn{flex:1; justify-content:center;}
  }

  /* ---------- mission page ---------- */
  .creed{
    padding:96px 0 92px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .creed .kicker,
  .premise .kicker,
  .shift .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:36px;
  }
  .creed-list{
    list-style:none;
    max-width:940px;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .creed-list li{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.2vw, 38px);
    line-height:1.24;
    letter-spacing:-0.01em;
    color:var(--forest-deep, #0F2A20);
    padding:30px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .creed-list li .lead-word{color:var(--sage, #74A57F); font-style:italic;}
  .creed-note{
    margin-top:40px;
    max-width:620px;
    padding-left:22px;
    border-left:2px solid var(--sage, #74A57F);
    font-size:16.5px;
    line-height:1.68;
    color:#3A4239;
  }

  /* the premise — signature moment */
  .premise{
    padding:104px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .premise-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(30px, 5vw, 60px);
    line-height:1.14;
    letter-spacing:-0.018em;
    color:var(--forest-deep, #0F2A20);
    max-width:16ch;
  }
  .premise-aside{
    margin-top:34px;
    padding-left:20px;
    border-left:2px solid var(--amber, #E8A33D);
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    letter-spacing:0.04em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
    line-height:2;
  }
  .premise-body{
    margin-top:44px;
    max-width:640px;
    font-size:17.5px;
    line-height:1.68;
    color:#3A4239;
  }

  /* the two-sided shift */
  .shift{
    padding:96px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .shift-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .shift-col{
    padding:40px 44px 8px 0;
  }
  .shift-col + .shift-col{
    padding:40px 0 8px 44px;
    border-left:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .shift-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    margin-bottom:18px;
  }
  .shift-col.problem .shift-label{color:var(--soil, #6B4226);}
  .shift-col.shiftward .shift-label{color:var(--sage, #74A57F);}
  .shift-col p{
    font-size:16.5px;
    line-height:1.7;
    color:#3A4239;
  }

  /* closing statement */
  .closing{
    background:var(--forest-deep, #0F2A20) !important;
    color:var(--ivory, #F7F4EC) !important;
    padding:104px 0;
  }
  .closing-lines p{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(21px, 2.5vw, 30px);
    line-height:1.4;
    color:var(--ivory, #F7F4EC);
    max-width:640px;
    padding:22px 0;
    border-bottom:1px solid rgba(247,244,236,0.16);
  }
  .closing-lines p:first-child{padding-top:0;}
  .closing-summary{
    margin-top:38px;
    max-width:640px;
    font-family:'Fraunces', serif;
    font-style:italic;
    font-size:19px;
    line-height:1.55;
    color:var(--sage-light, #A9C9AC);
  }

  @media (max-width: 880px){
    .creed{padding:72px 0 68px;}
    .premise{padding:76px 0;}
    .shift{padding:72px 0;}
    .closing{padding:76px 0;}
    .shift-grid{grid-template-columns:1fr;}
    .shift-col{padding:32px 0 8px;}
    .shift-col + .shift-col{
      padding:32px 0 8px;
      border-left:0;
      border-top:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .premise-statement{max-width:none;}
    .closing-lines p{max-width:none;}
  }

  /* ---------- what guides us ---------- */
  .page-hero h1.two-line{max-width:26ch; text-wrap:balance;}

  .guides-intro{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .guides-intro .kicker,
  .transform .kicker,
  .solidarity-body .kicker,
  .believe .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:32px;
  }
  .guides-intro .intro-a{
    max-width:640px;
    font-size:17.5px;
    line-height:1.7;
    color:#3A4239;
  }
  .guides-intro .intro-b{
    margin-top:34px;
    max-width:20ch;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(26px, 3.6vw, 42px);
    line-height:1.2;
    letter-spacing:-0.015em;
    color:var(--forest-deep, #0F2A20);
  }

  .transform{
    padding:92px 0 84px;
    background:#F1EEE3;
  }
  .transform h2{
    font-size:clamp(24px, 2.8vw, 32px);
    font-weight:450;
    margin-bottom:34px;
    color:var(--forest-deep, #0F2A20);
  }
  .creed-list.compact li{
    font-size:clamp(19px, 2.3vw, 27px);
    padding:22px 0;
  }

  /* three-up photo band */
  .photo-band{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:5px;
    background:#F1EEE3;
  }
  .photo-band img{
    display:block;
    width:100%;
    aspect-ratio:3/2;
    object-fit:cover;
  }

  /* solidarity band — statement over photograph */
  .solidarity-band{
    position:relative;
    display:flex;
    align-items:center;
    min-height:440px;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center 38%;
  }
  .solidarity-band::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(15,42,32,0.94) 0%,
      rgba(15,42,32,0.86) 48%,
      rgba(15,42,32,0.60) 100%);
  }
  .solidarity-band .wrap{position:relative; z-index:1;}
  .solidarity-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.4vw, 40px);
    line-height:1.22;
    letter-spacing:-0.012em;
    color:var(--ivory, #F7F4EC);
    max-width:19ch;
  }

  .solidarity-body{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .solidarity-body p{
    max-width:660px;
    font-size:17px;
    line-height:1.72;
    color:#3A4239;
  }
  .solidarity-body p + p{margin-top:28px;}
  .value-word{
    font-style:normal;
    font-weight:600;
    color:var(--forest, #1B4332);
  }

  .believe{
    padding:88px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .believe-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    margin-top:14px;
  }
  .believe-card{
    background:var(--ivory, #F7F4EC);
    border:1px solid var(--line, rgba(23,27,24,0.12));
    border-radius:6px;
    padding:30px 26px 32px;
    border-top:3px solid var(--sage, #74A57F);
  }
  .believe-card h3{
    font-family:'Fraunces', serif;
    font-size:21px;
    font-weight:450;
    margin-bottom:12px;
    color:var(--forest-deep, #0F2A20);
  }
  .believe-card p{
    font-size:15px;
    line-height:1.62;
    color:#3A4239;
  }

  .closing .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--sage, #74A57F);
    font-weight:500;
    margin-bottom:30px;
  }

  @media (max-width: 880px){
    .guides-intro{padding:70px 0 66px;}
    .transform{padding:70px 0 64px;}
    .solidarity-body{padding:70px 0 66px;}
    .believe{padding:68px 0;}
    .believe-grid{grid-template-columns:1fr;}
    .photo-band{grid-template-columns:1fr 1fr;}
    .photo-band img{aspect-ratio:4/3;}
    .photo-band img:last-child{grid-column:1 / -1; aspect-ratio:21/9;}
    .solidarity-band{min-height:380px;}
    .solidarity-band::before{
      background:linear-gradient(180deg,
        rgba(15,42,32,0.80) 0%,
        rgba(15,42,32,0.92) 100%);
    }
    .solidarity-statement{max-width:none;}
    .guides-intro .intro-b{max-width:none;}
  }
  @media (max-width: 560px){
    .photo-band{grid-template-columns:1fr;}
    .photo-band img{aspect-ratio:3/2;}
    .photo-band img:last-child{grid-column:auto; aspect-ratio:3/2;}
  }

  /* ---------- programs page ---------- */
  .programs-intro{
    padding:88px 0 84px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .programs-intro .kicker,
  .program .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
  }
  .programs-intro p{
    max-width:660px;
    font-size:17.5px;
    line-height:1.72;
    color:#3A4239;
  }

  .program{
    padding:88px 0 84px;
    overflow:hidden;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .program.alt{background:#F1EEE3;}
  .program h2{
    font-size:clamp(26px, 3.2vw, 38px);
    font-weight:450;
    line-height:1.14;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:26px;
  }
  .prog-lead{
    max-width:24ch;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(21px, 2.6vw, 30px);
    line-height:1.26;
    color:var(--forest, #1B4332);
    margin-bottom:30px;
  }
  .prog-body{max-width:660px;}
  .prog-body p{
    font-size:16.5px;
    line-height:1.72;
    color:#3A4239;
  }
  .prog-body p + p{margin-top:22px;}

  /* single feature statistic */
  .prog-stat{
    border-left:3px solid var(--amber, #E8A33D);
    padding-left:24px;
    margin:0 0 32px;
    max-width:640px;
  }
  .prog-stat-figure{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:clamp(26px, 3.6vw, 40px);
    line-height:1.1;
    letter-spacing:-0.02em;
    color:var(--forest-deep, #0F2A20);
  }
  .prog-stat-text{
    display:block;
    margin-top:10px;
    font-size:16px;
    line-height:1.6;
    color:#3A4239;
  }
  .prog-stat-src{
    display:block;
    margin-top:10px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
  }

  /* editorial spread: text and photographs share the same band,
     with the images running off the outer edge of the page */
  .prog-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
    gap:64px;
    align-items:center;
  }
  .prog-text{
    padding-left:max(32px, calc((100vw - 1116px) / 2));
    padding-right:8px;
  }
  .prog-layout.reverse .prog-text{
    order:2;
    padding-left:8px;
    padding-right:max(32px, calc((100vw - 1116px) / 2));
  }
  .prog-layout.reverse .prog-figs{order:1;}

  .prog-figs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:start;
  }
  .prog-figs img{
    display:block;
    width:100%;
    object-fit:cover;
  }
  .prog-figs .m1{grid-column:1 / -1; aspect-ratio:16/9;}
  .prog-figs .m2{aspect-ratio:3/2;}
  .prog-figs .m3{aspect-ratio:3/2; margin-top:34px;}

  .prog-actions{margin-top:38px;}

  @media (max-width: 880px){
    .programs-intro{padding:68px 0 64px;}
    .program{padding:68px 0 64px;}
    .prog-lead{max-width:none;}
  }
  @media (max-width: 880px){
    .prog-layout,
    .prog-layout.reverse{
      grid-template-columns:1fr;
      gap:38px;
    }
    .prog-layout .prog-text,
    .prog-layout.reverse .prog-text{
      order:1;
      padding-left:32px;
      padding-right:32px;
    }
    .prog-layout .prog-figs,
    .prog-layout.reverse .prog-figs{order:2;}
    .prog-figs .m3{margin-top:0;}
  }
  @media (max-width: 520px){
    .prog-layout .prog-text,
    .prog-layout.reverse .prog-text{padding-left:20px; padding-right:20px;}
    .prog-figs{grid-template-columns:1fr;}
    .prog-figs .m1{aspect-ratio:3/2;}
  }

  /* ---------- journey of a donated garment ---------- */
  .journey-open{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .journey-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(26px, 4.3vw, 48px);
    line-height:1.15;
    letter-spacing:-0.02em;
    color:var(--forest-deep, #0F2A20);
    max-width:none;
    margin-bottom:34px;
  }
  .journey-open .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:30px;
  }
  .journey-open p:not(.journey-statement){
    max-width:68ch;
    font-size:17px;
    line-height:1.72;
    color:#3A4239;
  }


  /* numbered stages — text and photograph share one band */
  .stage{border-bottom:1px solid var(--line, rgba(23,27,24,0.12));}
  .stage.alt{background:#F1EEE3;}
  .stage-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:64px;
    align-items:stretch;
  }
  .stage-text{
    padding:82px 8px 82px max(32px, calc((100vw - 1116px) / 2));
    align-self:center;
  }
  .stage-grid.reverse .stage-text{
    order:2;
    padding:82px max(32px, calc((100vw - 1116px) / 2)) 82px 8px;
  }
  .stage-grid.reverse .stage-figure{order:1;}
  .stage-figure{display:block; height:100%;}
  .stage-figure img{
    display:block;
    width:100%;
    height:100%;
    min-height:430px;
    object-fit:cover;
  }
  .stage-num{
    display:inline-block;
    min-width:112px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.14em;
    color:var(--sage, #74A57F);
    padding-bottom:12px;
    margin-bottom:22px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .stage h2{
    font-size:clamp(23px, 2.9vw, 33px);
    font-weight:450;
    line-height:1.16;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:20px;
  }
  .stage p{
    font-size:16.5px;
    line-height:1.72;
    color:#3A4239;
    max-width:54ch;
  }

  .beyond{
    padding:88px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .beyond p{
    max-width:640px;
    font-size:17.5px;
    line-height:1.72;
    color:#3A4239;
  }

  @media (max-width: 880px){
    .journey-open{padding:68px 0 64px;}
    .journey-statement{max-width:none;}
    .stage-grid,
    .stage-grid.reverse{grid-template-columns:1fr; gap:0;}
    .stage-grid .stage-text,
    .stage-grid.reverse .stage-text{
      order:1;
      padding:64px 32px 40px;
    }
    .stage-grid .stage-figure,
    .stage-grid.reverse .stage-figure{order:2; padding-bottom:0;}
    .stage-figure img{min-height:0; aspect-ratio:4/3;}
    .beyond{padding:64px 0;}
  }
  @media (max-width: 520px){
    .stage-grid .stage-text,
    .stage-grid.reverse .stage-text{padding:56px 20px 36px;}
  }

  /* ---------- sustainable development ---------- */
  .sd-lead{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .sd-lead-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.86fr);
    gap:44px;
    align-items:center;
  }
  .sd-lead .kicker,
  .sd-partners-intro .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
  }
  .sd-lead p{
    font-size:17px;
    line-height:1.74;
    color:#3A4239;
  }
  .sd-lead p + p{margin-top:24px;}
  .sd-lead .sd-opening{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(21px, 2.5vw, 29px);
    line-height:1.3;
    color:var(--forest, #1B4332);
    margin-bottom:28px;
  }
  /* staggered pair — deliberately off the grid */
  .sd-figs{
    display:grid;
    grid-template-columns:1.06fr 0.94fr;
    gap:12px;
    align-items:end;
  }
  .sd-figs img{display:block; width:100%; margin:0;}
  .sd-figs .f1{max-width:520px;}
  .sd-figs .f2{max-width:384px;}

  /* full-bleed band with the line centred over it */
  .sd-both{
    position:relative;
    display:flex;
    align-items:center;
    min-height:470px;
    padding:76px 0;
    text-align:center;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center 42%;
    background-repeat:no-repeat;
  }
  .sd-both::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse 72% 64% at 50% 50%,
      rgba(15,42,32,0.87) 0%,
      rgba(15,42,32,0.73) 55%,
      rgba(15,42,32,0.45) 100%);
  }
  .sd-both .wrap{position:relative; z-index:1;}
  .sd-both p{
    max-width:780px;
    margin:0 auto;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(19px, 2.3vw, 28px);
    line-height:1.38;
    color:var(--ivory, #F7F4EC);
    text-shadow:0 1px 14px rgba(15,42,32,0.55);
  }

  .sub-card .card-detail{
    margin-top:12px;
    color:#5A6459;
    font-size:14px;
  }

  .sd-partners-intro{padding:84px 0 12px;}
  .sd-partners-intro p{
    max-width:640px;
    font-size:17.5px;
    line-height:1.72;
    color:#3A4239;
  }

  .partner{padding:56px 0 60px;}
  .partner-solo{padding:84px 0 92px;}
  .partner-solo .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:26px;
    display:inline-block;
  }
  .partner-lead{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(23px, 3.1vw, 36px);
    line-height:1.2;
    letter-spacing:-0.015em;
    color:var(--forest-deep, #0F2A20);
    max-width:24ch;
    margin-bottom:46px;
  }
  .partner-solo .partner-lead{max-width:32ch; margin-bottom:66px;}
  .partner-name{
    font-family:'Fraunces', serif;
    font-size:clamp(21px, 2.5vw, 27px);
    font-weight:450;
    line-height:1.2;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:18px;
  }
  .partner + .partner{border-top:1px solid var(--line, rgba(23,27,24,0.12));}
  .partner:last-of-type{padding-bottom:88px;}
  .partner-grid{
    display:grid;
    grid-template-columns:minmax(0,0.86fr) minmax(0,1fr);
    gap:56px;
    align-items:start;
  }
  .partner-figure img{display:block; width:100%;}
  .partner h2{
    font-size:clamp(22px, 2.7vw, 30px);
    font-weight:450;
    line-height:1.18;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:18px;
  }
  .partner p{
    font-size:16.5px;
    line-height:1.72;
    color:#3A4239;
  }
  .partner p + p{margin-top:18px;}
  .ext-link{
    display:inline-block;
    margin-top:24px;
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    letter-spacing:0.06em;
    color:var(--forest, #1B4332);
    border-bottom:1px solid var(--sage, #74A57F);
    padding-bottom:3px;
    transition:color 0.15s ease, border-color 0.15s ease;
  }
  .ext-link:hover{
    color:var(--sage, #74A57F);
    border-color:var(--forest, #1B4332);
  }

  @media (max-width: 880px){
    .sd-lead{padding:68px 0 64px;}
    .sd-lead-grid{grid-template-columns:1fr; gap:44px;}
    .sd-figs{display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start;}
    .sd-figs .f1,
    .sd-figs .f2{width:100%; margin:0;}
    .sd-both{min-height:400px; padding:60px 0;}
    .sd-partners-intro{padding:64px 0 8px;}
    .partner{padding:44px 0 48px;}
    .partner-solo{padding:62px 0 66px;}
    .partner-lead{max-width:none; margin-bottom:32px;}
    .partner-solo .partner-lead{max-width:none; margin-bottom:32px;}
    .partner-grid{grid-template-columns:1fr; gap:28px;}
    .partner-figure img{max-width:560px;}
  }
  @media (max-width: 520px){
    .sd-figs{grid-template-columns:1fr;}
  }

  /* ---------- become a partner ---------- */
  .bp-problem{
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .bp-problem .kicker,
  .bp-reasons .kicker,
  .bp-spec .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
  }
  .bp-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.6vw, 42px);
    line-height:1.18;
    letter-spacing:-0.018em;
    color:var(--forest-deep, #0F2A20);
    max-width:22ch;
    margin-bottom:34px;
  }
  /* photograph sits behind the copy and fades out to the left */
  .bp-lead{position:relative; overflow:hidden;}
  .bp-lead .wrap{position:relative; z-index:1;}
  .bp-lead-copy{
    max-width:620px;
    padding:92px 0 88px;
  }
  .bp-lead-img{
    position:absolute;
    top:0; right:0;
    width:62%;
    height:100%;
    object-fit:cover;
    object-position:center right;
  }
  .bp-lead::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(247,244,236,1) 0%,
      rgba(247,244,236,1) 34%,
      rgba(247,244,236,0.94) 47%,
      rgba(247,244,236,0.62) 63%,
      rgba(247,244,236,0.18) 80%,
      rgba(247,244,236,0) 94%);
  }
  .bp-lead-copy p{
    font-size:16.5px;
    line-height:1.74;
    color:#3A4239;
  }
  .bp-lead-copy p + p{margin-top:20px;}
  .bp-close{
    margin-top:34px;
    font-family:'Fraunces', serif;
    font-size:clamp(19px, 2.1vw, 24px);
    line-height:1.34;
    color:var(--forest, #1B4332);
    max-width:34ch;
  }

  /* four reasons */
  .bp-reasons{
    padding:88px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .bp-reasons h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:40px;
  }
  .reason-list{
    list-style:none;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .reason-list li{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:22px;
    padding:28px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .reason-num{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.12em;
    color:var(--sage, #74A57F);
    padding-top:5px;
  }
  .reason-list h3{
    font-family:'Fraunces', serif;
    font-size:clamp(18px, 2vw, 22px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:8px;
  }
  .reason-list p{
    font-size:16px;
    line-height:1.7;
    color:#3A4239;
    max-width:62ch;
  }

  .bp-band img{display:block; width:100%; height:auto;}

  /* spec sheet: the box, measured */
  .bp-spec{
    padding:92px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .bp-spec h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:44px;
  }
  .spec-grid{
    display:grid;
    grid-template-columns:minmax(0,1.10fr) minmax(0,1fr);
    gap:64px;
    align-items:start;
  }
  .spec-figure{
    position:relative;
    padding:0 0 46px 62px;
  }
  .spec-figure img{display:block; width:100%;}

  .dim-v,
  .dim-h{position:absolute; border-color:rgba(23,27,24,0.32);}
  .dim-v{
    left:30px; top:0; bottom:46px;
    border-left:1px solid rgba(23,27,24,0.32);
  }
  .dim-h{
    left:62px; right:0; bottom:16px;
    border-bottom:1px solid rgba(23,27,24,0.32);
  }
  .dim-v::before, .dim-v::after{
    content:''; position:absolute; left:-6px; width:13px; height:1px;
    background:rgba(23,27,24,0.32);
  }
  .dim-v::before{top:0;} .dim-v::after{bottom:0;}
  .dim-h::before, .dim-h::after{
    content:''; position:absolute; bottom:-6px; width:1px; height:13px;
    background:rgba(23,27,24,0.32);
  }
  .dim-h::before{left:0;} .dim-h::after{right:0;}
  .dim-label{
    position:absolute;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.08em;
    color:var(--soil, #6B4226);
    background:#F1EEE3;
    padding:3px 6px;
    white-space:nowrap;
  }
  .dim-label.v{left:30px; top:50%; transform:translate(-50%,-50%);}
  .dim-label.h{left:50%; bottom:16px; transform:translate(-50%,50%);}

  .spec-qa dt{
    font-family:'Fraunces', serif;
    font-size:19px;
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:8px;
  }
  .spec-qa dd{
    margin:0 0 26px;
    font-size:16px;
    line-height:1.7;
    color:#3A4239;
    max-width:56ch;
  }
  .spec-qa dd:last-of-type{margin-bottom:0;}

  /* testimonial */
  .bp-quote{
    background:var(--forest-deep, #0F2A20);
    padding:92px 0;
  }
  .bp-quote blockquote{
    margin:0;
    max-width:800px;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-style:italic;
    font-size:clamp(20px, 2.5vw, 29px);
    line-height:1.36;
    color:var(--ivory, #F7F4EC);
  }
  .bp-quote cite{
    display:block;
    margin-top:28px;
    font-family:'IBM Plex Mono', monospace;
    font-style:normal;
    font-size:12.5px;
    letter-spacing:0.08em;
    line-height:1.9;
    color:var(--sage-light, #A9C9AC);
  }

  @media (max-width: 880px){
    .bp-lead-copy{max-width:none; padding:68px 0 32px;}
    .bp-lead-img{
      position:static;
      width:100%;
      height:auto;
      display:block;
    }
    .bp-lead::after{display:none;}
    .bp-statement{max-width:none;}
    .bp-reasons{padding:66px 0;}
    .reason-list li{grid-template-columns:1fr; gap:6px;}
    .reason-num{padding-top:0;}
    .bp-spec{padding:68px 0;}
    .spec-grid{grid-template-columns:1fr; gap:44px;}
    .spec-figure{max-width:400px;}
    .bp-quote{padding:66px 0;}
  }
  /* ---------- donate clothes ---------- */
  .dn-intro{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .dn-intro .kicker,
  .dn-three .kicker,
  .dn-accept .kicker,
  .dn-mail .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
  }
  .dn-split{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.62fr);
    gap:56px;
    align-items:center;
  }
  .dn-split p{font-size:17px; line-height:1.74; color:#3A4239;}
  .dn-split p + p{margin-top:20px;}
  .dn-split img{display:block; width:100%;}
  .dn-objects{display:block;}
  .dn-objects img{display:block;}
  .dn-objects .obj-a{width:100%;}

  /* three things */
  .dn-three{
    position:relative;
    padding:96px 0 92px;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .dn-three::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(15,42,32,0.97) 0%,
      rgba(15,42,32,0.96) 46%,
      rgba(15,42,32,0.72) 64%,
      rgba(15,42,32,0.30) 82%,
      rgba(15,42,32,0.10) 100%);
  }
  .dn-three .wrap{position:relative; z-index:1;}
  .dn-three .kicker{color:var(--sage-light, #A9C9AC); display:inline-block;}
  .dn-three h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:44px;
    max-width:20ch;
  }
  .thing-list{display:block; max-width:640px;}
  .thing{
    padding:26px 0;
    border-top:1px solid rgba(247,244,236,0.18);
    display:grid;
    grid-template-columns:56px 1fr;
    gap:18px;
  }
  .thing:last-child{border-bottom:1px solid rgba(247,244,236,0.18);}
  .thing-num{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.12em;
    color:var(--sage-light, #A9C9AC);
    padding-top:5px;
  }
  .thing h3{
    font-family:'Fraunces', serif;
    font-size:clamp(18px, 2vw, 21px);
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:8px;
  }
  .thing p{font-size:16px; line-height:1.7; color:var(--ivory, #F7F4EC); text-shadow:0 1px 10px rgba(15,42,32,0.55);}
  .thing p{max-width:66ch;}

  .dn-band img{display:block; width:100%; height:auto;}

  /* what we accept */
  .dn-accept{
    padding:92px 0 88px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .dn-test{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(22px, 3vw, 34px);
    line-height:1.2;
    color:var(--forest-deep, #0F2A20);
    max-width:24ch;
    margin-bottom:40px;
  }
  .accept-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.78fr);
    gap:48px;
    align-items:start;
  }
  .accept-list{list-style:none;}
  .accept-list li{
    position:relative;
    padding:11px 0 11px 30px;
    font-size:16px;
    line-height:1.55;
    color:#3A4239;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .accept-list li::before{
    content:'';
    position:absolute;
    left:2px; top:17px;
    width:11px; height:6px;
    border-left:2px solid var(--sage, #74A57F);
    border-bottom:2px solid var(--sage, #74A57F);
    transform:rotate(-45deg);
  }
  .accept-note{
    margin-top:22px;
    font-size:15.5px;
    line-height:1.7;
    color:#3A4239;
  }
  .exclude{
    padding:24px 26px;
    background:var(--ivory, #F7F4EC);
    border-left:3px solid var(--soil, #6B4226);
  }
  .exclude h3{
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
    margin-bottom:12px;
  }
  .exclude p{font-size:15px; line-height:1.66; color:#3A4239;}
  .accept-grid > img{display:block; width:100%;}

  /* mail it */
  .dn-mail{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .dn-mail h2{
    font-size:clamp(24px, 3.1vw, 36px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:18px;
  }
  .dn-mail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.42fr);
    gap:56px;
    align-items:start;
  }
  .dn-mail p{font-size:16.5px; line-height:1.74; color:#3A4239; max-width:62ch;}
  .dn-mail p + p{margin-top:18px;}
  .steps{
    list-style:none;
    counter-reset:step;
    margin:34px 0 26px;
  }
  .steps li{
    counter-increment:step;
    position:relative;
    padding:16px 0 16px 52px;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
    font-size:16px;
    line-height:1.62;
    color:#3A4239;
  }
  .steps li:last-child{border-bottom:1px solid var(--line, rgba(23,27,24,0.12));}
  .steps li::before{
    content:counter(step, decimal-leading-zero);
    position:absolute;
    left:0; top:18px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.1em;
    color:var(--sage, #74A57F);
  }
  .steps strong{font-weight:600; color:var(--forest-deep, #0F2A20);}
  .fineprint{
    margin-top:22px;
    font-size:14.5px;
    line-height:1.68;
    color:#5A6459;
  }
  .dn-mail-grid > img{display:block; width:100%; max-width:400px;}

  /* tax */
  .dn-tax{
    background:var(--forest-deep, #0F2A20);
    padding:88px 0;
  }
  .dn-tax h2{
    font-size:clamp(24px, 3.1vw, 36px);
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:22px;
  }
  .dn-tax p{
    max-width:60ch;
    font-size:16.5px;
    line-height:1.74;
    color:rgba(247,244,236,0.82);
  }
  .dn-tax p + p{margin-top:16px;}
  .ein{
    display:inline-block;
    margin-top:26px;
    padding:12px 18px;
    border:1px solid rgba(247,244,236,0.28);
    font-family:'IBM Plex Mono', monospace;
    font-size:14px;
    letter-spacing:0.08em;
    color:var(--sage-light, #A9C9AC);
  }
  .dn-tax .btn{margin-top:30px;}

  @media (max-width: 880px){
    .dn-intro, .dn-accept, .dn-mail{padding:66px 0 62px;}
    /* no room for a side-by-side split: reveal the photograph below the copy */
    .dn-three{
      padding:66px 0 300px;
      background-position:center bottom;
    }
    .dn-three::before{
      background:linear-gradient(to top,
        rgba(15,42,32,0.10) 0px,
        rgba(15,42,32,0.50) 95px,
        rgba(15,42,32,0.94) 235px,
        rgba(15,42,32,0.97) 100%);
    }
    .dn-three h2{max-width:none;}
    .thing-list{max-width:none;}
    .dn-split, .dn-mail-grid{grid-template-columns:1fr; gap:36px;}
    .accept-grid{grid-template-columns:1fr; gap:32px;}
    .dn-objects{max-width:460px;}

    .dn-test{max-width:none;}
    .dn-tax{padding:64px 0;}
  }
  /* ---------- organize a clothes drive ---------- */
  .cd-open{
    padding:92px 0 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .cd-open .kicker,
  .cd-what .kicker,
  .cd-run .kicker,
  .cd-why .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
  }
  .cd-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(25px, 3.9vw, 44px);
    line-height:1.17;
    letter-spacing:-0.018em;
    color:var(--forest-deep, #0F2A20);
    max-width:24ch;
    margin-bottom:30px;
  }
  .cd-open p{
    max-width:64ch;
    font-size:17px;
    line-height:1.74;
    color:#3A4239;
  }
  .cd-open p + p{margin-top:20px;}
  .cd-open-img{
    display:block;
    width:100%;
    margin-top:56px;
  }

  /* what we bring — the barrel kit */
  .cd-what{
    padding:92px 0 88px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .cd-what-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.5fr);
    gap:44px;
    align-items:center;
    margin-bottom:44px;
  }
  .cd-what-head img{display:block; width:100%; max-width:520px;}
  .cd-what h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin:0;
    max-width:22ch;
  }
  .kit{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:26px;
  }
  .kit-item{
    background:var(--ivory, #F7F4EC);
    border:1px solid var(--line, rgba(23,27,24,0.12));
    border-top:3px solid var(--sage, #74A57F);
    border-radius:6px;
    padding:28px 26px 30px;
  }
  .kit-item h3{
    font-family:'Fraunces', serif;
    font-size:20px;
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:10px;
  }
  .kit-item p{font-size:15px; line-height:1.64; color:#3A4239;}
  .kit-note{
    margin-top:30px;
    max-width:62ch;
    font-size:16px;
    line-height:1.72;
    color:#3A4239;
  }

  /* how to run one */
  .cd-run{
    position:relative;
    padding:96px 0 92px;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center 30%;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .cd-run::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(15,42,32,0.97) 0%,
      rgba(15,42,32,0.95) 48%,
      rgba(15,42,32,0.70) 66%,
      rgba(15,42,32,0.28) 84%,
      rgba(15,42,32,0.08) 100%);
  }
  .cd-run .wrap{position:relative; z-index:1;}
  .cd-run .kicker{color:var(--sage-light, #A9C9AC); display:inline-block;}
  .cd-run h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:14px;
    max-width:20ch;
  }
  .cd-run-body{max-width:640px;}
  .playbook{list-style:none; counter-reset:pb; margin-top:26px;}
  .playbook li{
    counter-increment:pb;
    position:relative;
    padding:22px 0 22px 58px;
    border-top:1px solid rgba(247,244,236,0.18);
  }
  .playbook li:last-child{border-bottom:1px solid rgba(247,244,236,0.18);}
  .playbook li::before{
    content:counter(pb, decimal-leading-zero);
    position:absolute;
    left:0; top:26px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.1em;
    color:var(--sage-light, #A9C9AC);
  }
  .playbook h3{
    font-family:'Fraunces', serif;
    font-size:19px;
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:7px;
  }
  .playbook p{font-size:16px; line-height:1.7; color:var(--ivory, #F7F4EC);}


  /* why it works */
  .cd-why{
    padding:92px 0 88px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .cd-why-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.56fr);
    gap:44px;
    align-items:center;
    margin-bottom:40px;
  }
  .cd-why-head img{display:block; width:100%; max-width:560px;}
  .cd-why h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin:0;
    max-width:24ch;
  }
  .why-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .why-col{padding:32px 34px 8px 0;}
  .why-col + .why-col{
    padding:32px 34px 8px 34px;
    border-left:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .why-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
    margin-bottom:16px;
  }
  .why-col h3{
    font-family:'Fraunces', serif;
    font-size:19px;
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:10px;
  }
  .why-col p{font-size:15.5px; line-height:1.7; color:#3A4239;}

  .cd-start{
    background:var(--forest-deep, #0F2A20);
    padding:92px 0;
  }
  .cd-start h2{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.2vw, 38px);
    line-height:1.2;
    color:var(--ivory, #F7F4EC);
    max-width:20ch;
    margin-bottom:20px;
  }
  .cd-start p{
    max-width:58ch;
    font-size:16.5px;
    line-height:1.74;
    color:rgba(247,244,236,0.82);
  }
  .cd-start .btn{margin-top:30px;}

  @media (max-width: 880px){
    .cd-open{padding:68px 0 0;}
    .cd-what, .cd-why{padding:68px 0 64px;}
    .cd-statement{max-width:none;}
    .kit{grid-template-columns:1fr;}
    .cd-what-head{grid-template-columns:1fr; gap:26px;}
    .cd-what-head img{max-width:400px;}
    .cd-run{padding:66px 0 300px; background-position:center bottom;}
    .cd-run::before{
      background:linear-gradient(to top,
        rgba(15,42,32,0.10) 0px,
        rgba(15,42,32,0.50) 95px,
        rgba(15,42,32,0.94) 235px,
        rgba(15,42,32,0.97) 100%);
    }
    .cd-run h2{max-width:none;}
    .cd-run-body{max-width:none;}
    .cd-why-head{grid-template-columns:1fr; gap:26px;}
    .cd-why-head img{max-width:420px;}
    .why-grid{grid-template-columns:1fr;}
    .why-col{padding:28px 0 8px;}
    .why-col + .why-col{
      padding:28px 0 8px;
      border-left:0;
      border-top:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .cd-start{padding:68px 0;}
  }
  /* ---------- volunteer ---------- */
  .vl-hero{
    position:relative;
    display:flex;
    align-items:flex-end;
    min-height:540px;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center 32%;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .vl-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,
      rgba(15,42,32,0.42) 0%,
      rgba(15,42,32,0.46) 30%,
      rgba(15,42,32,0.80) 58%,
      rgba(15,42,32,0.95) 78%,
      rgba(15,42,32,0.98) 100%);
  }
  .vl-hero .wrap{position:relative; z-index:1; padding-top:120px; padding-bottom:64px;}
  .vl-hero .crumb{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--sage-light, #A9C9AC);
    margin-bottom:22px;
  }
  .vl-hero .crumb a{color:var(--sage-light, #A9C9AC); opacity:0.85;}
  .vl-hero h1{
    font-size:clamp(32px, 5vw, 58px);
    font-weight:450;
    line-height:1.08;
    letter-spacing:-0.02em;
    color:var(--ivory, #F7F4EC);
    max-width:16ch;
  }

  /* the hesitation */
  .vl-doubt{
    padding:88px 0 84px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .vl-doubt p{
    max-width:60ch;
    font-size:17.5px;
    line-height:1.76;
    color:#3A4239;
  }
  .vl-doubt p + p{margin-top:22px;}
  .vl-turn{
    margin-top:30px;
    padding-left:24px;
    border-left:3px solid var(--amber, #E8A33D);
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(22px, 2.9vw, 32px);
    line-height:1.26;
    color:var(--forest-deep, #0F2A20);
    max-width:22ch;
  }

  /* the bar to entry, as plain facts */
  .vl-bar{
    padding:76px 0 80px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .vl-bar .kicker,
  .vl-real .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
    display:inline-block;
  }
  .bar-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
    margin-bottom:32px;
  }
  .bar-item{padding:26px 26px 24px 0;}
  .bar-item + .bar-item{
    padding-left:26px;
    border-left:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .bar-figure{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:clamp(22px, 2.7vw, 30px);
    line-height:1.1;
    letter-spacing:-0.01em;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:10px;
  }
  .bar-item p{font-size:15px; line-height:1.6; color:#3A4239;}
  .vl-bar-note{
    max-width:62ch;
    font-size:16.5px;
    line-height:1.74;
    color:#3A4239;
  }

  /* the four claims, each with its evidence */
  .claim{border-bottom:1px solid var(--line, rgba(23,27,24,0.12));}
  .claim-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.84fr);
    gap:56px;
    align-items:center;
  }
  .claim-text{padding:72px 0;}
  .claim.reverse .claim-text{order:2;}
  .claim.reverse .claim-figure{order:1;}
  .claim-figure img{display:block; width:100%;}
  .claim h2{
    font-family:'Fraunces', serif;
    font-size:clamp(23px, 2.9vw, 33px);
    font-weight:450;
    line-height:1.18;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:16px;
  }
  .claim p{
    font-size:16.5px;
    line-height:1.74;
    color:#3A4239;
    max-width:56ch;
  }
  .claim p + p{margin-top:16px;}
  .claim.alt{background:#F1EEE3;}

  /* honest closing */
  .vl-real{
    padding:88px 0;
    background:var(--forest-deep, #0F2A20);
  }
  .vl-real .kicker{color:var(--sage-light, #A9C9AC);}
  .vl-real p{
    max-width:58ch;
    font-size:17px;
    line-height:1.76;
    color:rgba(247,244,236,0.86);
  }
  .vl-line{
    margin-top:34px;
    padding-top:32px;
    border-top:1px solid rgba(247,244,236,0.18);
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:450;
    font-size:clamp(21px, 2.7vw, 30px);
    line-height:1.32;
    color:var(--ivory, #F7F4EC);
    max-width:20ch;
  }
  .vl-real .btn{margin-top:32px;}

  @media (max-width: 880px){
    .vl-hero{min-height:440px;}
    .vl-hero .wrap{padding-top:88px; padding-bottom:48px;}
    .vl-doubt{padding:66px 0 62px;}
    .vl-turn{max-width:none;}
    .vl-bar{padding:60px 0 64px;}
    .bar-grid{grid-template-columns:1fr 1fr;}
    .bar-item, .bar-item + .bar-item{padding:22px 18px 20px 0; border-left:0;}
    .bar-item:nth-child(even){padding-left:18px; border-left:1px solid var(--line, rgba(23,27,24,0.12));}
    .claim-grid, .claim.reverse .claim-grid{grid-template-columns:1fr; gap:0;}
    .claim-text, .claim.reverse .claim-text{order:1; padding:56px 0 28px;}
    .claim-figure, .claim.reverse .claim-figure{order:2; padding-bottom:56px;}
    .claim-figure img{max-width:520px;}
    .vl-real{padding:66px 0;}
    .vl-line{max-width:none;}
  }
  @media (max-width: 520px){
    .bar-grid{grid-template-columns:1fr;}
    .bar-item, .bar-item + .bar-item, .bar-item:nth-child(even){
      padding:20px 0; border-left:0;
      border-top:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .bar-grid > .bar-item:first-child{border-top:0;}
  }
  /* ---------- textile circularity ---------- */
  .tc-lead{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-lead .kicker,
  .tc-law .kicker,
  .tc-where .kicker,
  .tc-model .kicker,
  .tc-care .kicker,
  .tc-act .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
    display:inline-block;
  }
  .tc-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(25px, 3.9vw, 44px);
    line-height:1.17;
    letter-spacing:-0.018em;
    color:var(--forest-deep, #0F2A20);
    max-width:22ch;
    margin-bottom:30px;
  }
  .tc-lead p, .tc-law p, .tc-where p, .tc-model p, .tc-care p, .tc-act p{
    max-width:64ch;
    font-size:17px;
    line-height:1.74;
    color:#3A4239;
  }
  .tc-lead p + p, .tc-law p + p, .tc-where p + p, .tc-care p + p{margin-top:20px;}
  .tc-lead .bar-grid{margin-top:44px; margin-bottom:0;}

  .tc-law{
    padding:88px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-law h2, .tc-where h2, .tc-model h2, .tc-care h2, .tc-act h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:18px;
    max-width:24ch;
  }
  .tc-law .kit{margin-top:40px;}
  .tc-law .kit-item{background:var(--ivory, #F7F4EC);}
  .tc-aside{
    margin-top:36px;
    max-width:62ch;
    padding-left:22px;
    border-left:2px solid var(--sage, #74A57F);
    font-size:16.5px;
    line-height:1.72;
    color:#3A4239;
  }

  .tc-where{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-where .circularity-graphic{margin:48px 0 8px;}
  .tc-where .stat-row{margin-top:44px;}

  .tc-care{
    padding:92px 0 88px;
    background:transparent;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-care .pillars{margin-top:40px;}
  .pillars{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .pillar{padding:32px 34px 8px 0;}
  .pillar + .pillar{
    padding:32px 34px 8px 34px;
    border-left:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .pillar-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
    margin-bottom:16px;
  }
  .pillar h3{
    font-family:'Fraunces', serif;
    font-size:19px;
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:10px;
  }
  .pillar p{font-size:15.5px; line-height:1.7; color:#3A4239;}

  .tc-warn{
    background:var(--forest-deep, #0F2A20);
    padding:88px 0;
  }
  .tc-warn .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--sage-light, #A9C9AC);
    font-weight:500;
    margin-bottom:28px;
    display:inline-block;
  }
  .tc-warn p{
    max-width:60ch;
    font-size:17px;
    line-height:1.76;
    color:rgba(247,244,236,0.86);
  }
  .tc-warn .tc-warn-line{
    margin-top:32px;
    padding-top:30px;
    border-top:1px solid rgba(247,244,236,0.18);
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(21px, 2.6vw, 29px);
    line-height:1.34;
    color:var(--ivory, #F7F4EC);
    max-width:24ch;
  }

  .tc-act{padding:92px 0 96px;}
  .tc-act .accept-list{max-width:760px; margin-top:34px;}
  .tc-act .accept-list li{font-size:16.5px;}
  .tc-act .accept-list strong{font-weight:600; color:var(--forest-deep, #0F2A20);}
  .tc-act-close{
    margin-top:36px;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(20px, 2.4vw, 27px);
    line-height:1.34;
    color:var(--forest, #1B4332);
    max-width:26ch;
  }
  .tc-act-actions{display:flex; gap:16px; flex-wrap:wrap; margin-top:32px;}

  @media (max-width: 1080px){
    .journey{padding:30px 22px 26px;}
    .jf{flex-direction:column; align-items:stretch; gap:0;}
    .jf-step{
      text-align:left;
      display:grid;
      grid-template-columns:58px 1fr;
      gap:16px;
      align-items:start;
    }
    .jf-badge{margin:0;}
    .jf-badge.jf-box{justify-self:center;}
    .jf-step p{max-width:none; margin:0;}
    .jf-split{justify-content:flex-start; margin-left:74px;}
    .jf-arrow{
      flex:0 0 auto;
      padding:8px 0 8px 22px;
      justify-content:flex-start;
      transform:rotate(90deg);
      transform-origin:center;
      height:26px;
    }
  }
  @media (max-width: 880px){
    .tc-lead, .tc-where, .tc-care{padding:68px 0 64px;}
    .tc-act:not(.photo){padding:68px 0 64px;}
    .tc-law{padding:66px 0;}
    .tc-warn{padding:66px 0;}
    .tc-statement, .tc-act-close{max-width:none;}
    .pillars{grid-template-columns:1fr;}
    .pillar{padding:28px 0 8px;}
    .pillar + .pillar{
      padding:28px 0 8px;
      border-left:0;
      border-top:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .tc-act-actions .btn{flex:1; justify-content:center;}
  }
  /* journey diagram: what actually happens to a donated garment */
  .journey{
    margin:48px 0 8px;
    padding:38px 34px 30px;
    background:var(--ivory, #F7F4EC);
    border:1px solid var(--line, rgba(23,27,24,0.12));
    border-radius:6px;
  }
  .jf{
    display:flex;
    align-items:flex-start;
    gap:6px;
  }
  .jf-step{
    flex:1 1 0;
    min-width:0;
    text-align:center;
  }
  .jf-badge{
    width:58px; height:58px;
    margin:0 auto 14px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg, rgba(116,165,127,0.30), rgba(63,122,85,0.12));
    color:var(--forest, #1B4332);
  }
  .jf-badge svg{width:26px; height:26px;}
  .jf-badge.jf-box{
    background:transparent;
    width:auto;
    height:58px;
    border-radius:0;
  }
  .jf-badge.jf-box img{
    height:58px;
    width:auto;
    display:block;
    filter:drop-shadow(0 6px 12px rgba(27,67,50,0.20));
  }
  .jf-num{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.12em;
    color:var(--sage, #74A57F);
    margin-bottom:6px;
  }
  .jf-step h3{
    font-family:'Fraunces', serif;
    font-size:16.5px;
    font-weight:450;
    line-height:1.25;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:6px;
  }
  .jf-step p{
    font-size:13px;
    line-height:1.5;
    color:#5A6459;
    max-width:20ch;
    margin:0 auto;
  }
  .jf-arrow{
    flex:0 0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-top:18px;
    color:rgba(23,27,24,0.28);
  }
  .jf-arrow svg{width:18px; height:18px;}

  /* the split between domestic and export markets */
  .jf-split{
    display:flex;
    gap:8px;
    margin-top:12px;
    justify-content:center;
    flex-wrap:wrap;
  }
  .jf-chip{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.05em;
    padding:5px 9px;
    border-radius:3px;
    background:rgba(116,165,127,0.16);
    color:var(--forest, #1B4332);
    white-space:nowrap;
  }
  .jf-chip.alt{background:rgba(232,163,61,0.18); color:var(--soil, #6B4226);}

  /* the return leg that closes the loop */
  .jf-loop{
    position:relative;
    margin-top:30px;
    padding-top:20px;
    border-top:1px dashed rgba(23,27,24,0.22);
    text-align:center;
  }
  .jf-loop::before,
  .jf-loop::after{
    content:'';
    position:absolute;
    top:0; width:1px; height:14px;
    background:rgba(23,27,24,0.22);
  }
  .jf-loop::before{left:0;}
  .jf-loop::after{right:0;}
  .jf-loop span{
    display:inline-block;
    background:var(--ivory, #F7F4EC);
    padding:0 14px;
    margin-top:-32px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
  }
  .jf-loop em{
    display:block;
    margin-top:10px;
    font-style:normal;
    font-size:14px;
    line-height:1.6;
    color:#3A4239;
  }

  @media (max-width: 880px){
  }
  /* RVA programme list */
  .rva-progs-label{
    margin-top:48px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
  }
  .rva-programs{
    margin-top:18px;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .rva-outro{margin-top:30px;}
  .rva-prog{
    display:grid;
    grid-template-columns:118px 1fr;
    gap:22px;
    padding:22px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .rva-len{
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    letter-spacing:0.04em;
    color:var(--sage, #74A57F);
    padding-top:3px;
  }
  .rva-prog h4{
    font-family:'Fraunces', serif;
    font-size:18px;
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:6px;
  }
  .rva-prog p{font-size:15.5px; line-height:1.66; color:#3A4239; max-width:62ch;}
  @media (max-width: 640px){
    .rva-prog{grid-template-columns:1fr; gap:6px;}
    .rva-len{padding-top:0;}
  }
  /* ---------- give back box ---------- */
  .gbb-lead{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .gbb-lead .kicker,
  .gbb-how .kicker,
  .gbb-what .kicker,
  .gbb-fine .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
    display:inline-block;
  }
  .gbb-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(25px, 3.9vw, 44px);
    line-height:1.17;
    letter-spacing:-0.018em;
    color:var(--forest-deep, #0F2A20);
    max-width:22ch;
    margin-bottom:30px;
  }
  .gbb-lead p, .gbb-how p, .gbb-what p, .gbb-fine p{
    max-width:64ch;
    font-size:17px;
    line-height:1.74;
    color:#3A4239;
  }
  .gbb-lead p + p{margin-top:20px;}

  .gbb-how{
    position:relative;
    padding:88px 0;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center 30%;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .gbb-how::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(15,42,32,0.97) 0%,
      rgba(15,42,32,0.95) 50%,
      rgba(15,42,32,0.70) 66%,
      rgba(15,42,32,0.28) 84%,
      rgba(15,42,32,0.08) 100%);
  }
  .gbb-how .wrap{position:relative; z-index:1;}
  .gbb-how .kicker{color:var(--sage-light, #A9C9AC);}
  .gbb-how h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--ivory, #F7F4EC);
    margin-bottom:16px;
    max-width:20ch;
  }
  .gbb-how > .wrap > p{color:rgba(247,244,236,0.88); max-width:56ch;}
  .gbb-how .steps{max-width:640px;}
  .gbb-how .steps li{
    border-top-color:rgba(247,244,236,0.18);
    color:var(--ivory, #F7F4EC);
  }
  .gbb-how .steps li:last-child{border-bottom-color:rgba(247,244,236,0.18);}
  .gbb-how .steps li::before{color:var(--sage-light, #A9C9AC);}
  .gbb-how .steps strong{color:var(--ivory, #F7F4EC);}
  @media (max-width: 1080px) and (min-width: 881px){
    .gbb-how::before{
      background:linear-gradient(90deg,
        rgba(15,42,32,0.97) 0%,
        rgba(15,42,32,0.96) 68%,
        rgba(15,42,32,0.72) 82%,
        rgba(15,42,32,0.30) 94%,
        rgba(15,42,32,0.10) 100%);
    }
  }
  @media (max-width: 880px){
    .gbb-how{
      padding:66px 0 calc(55% + 26px);
      background-size:100% auto;          /* whole width of the photo, not a cropped slice */
      background-position:center bottom;
    }
    .gbb-how::before{
      background:linear-gradient(to top,
        rgba(15,42,32,0.04) 0%,
        rgba(15,42,32,0.10) 34%,
        rgba(15,42,32,0.90) 48%,
        rgba(15,42,32,0.99) 58%,
        rgba(15,42,32,0.99) 100%);
    }
    .gbb-how h2, .gbb-how .steps{max-width:none;}
  }
  .gbb-what h2, .gbb-fine h2{
    font-size:clamp(24px, 2.9vw, 34px);
    font-weight:450;
    color:var(--forest-deep, #0F2A20);
    margin-bottom:16px;
    max-width:22ch;
  }
  .gbb-how .steps{margin-top:38px;}
  .gbb-how .steps li{border-top-color:rgba(23,27,24,0.14);}

  .gbb-what{
    padding:92px 0 88px;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .gbb-what-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);
    gap:48px;
    align-items:start;
    margin-top:36px;
  }

  .gbb-fine{
    padding:88px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .gbb-fine .spec-qa{margin-top:34px; max-width:760px;}

  .gbb-cta{
    background:var(--forest-deep, #0F2A20);
    padding:92px 0;
  }
  .gbb-cta h2{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.2vw, 38px);
    line-height:1.2;
    color:var(--ivory, #F7F4EC);
    max-width:20ch;
    margin-bottom:20px;
  }
  .gbb-cta p{
    max-width:58ch;
    font-size:16.5px;
    line-height:1.74;
    color:rgba(247,244,236,0.82);
  }
  .gbb-cta-actions{display:flex; gap:16px; flex-wrap:wrap; margin-top:30px;}

  @media (max-width: 880px){
    .gbb-lead, .gbb-what{padding:68px 0 64px;}
    .gbb-fine{padding:66px 0;}
    .gbb-cta{padding:68px 0;}
    .gbb-statement{max-width:none;}
    .gbb-what-grid{grid-template-columns:1fr; gap:32px;}
    .gbb-cta-actions .btn{flex:1; justify-content:center;}
  }
  /* expense breakdown */
  .spend-bar{
    display:flex;
    height:16px;
    border-radius:3px;
    overflow:hidden;
    margin:38px 0 30px;
  }
  .spend-bar span{display:block; height:100%;}
  .spend-collect{background:var(--forest, #1B4332);}
  .spend-dev{background:var(--sage, #74A57F);}
  .spend-fund{background:var(--amber, #E8A33D);}
  .spend-admin{background:var(--soil, #6B4226);}

  .spend-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:0 44px;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .spend-row{
    display:grid;
    grid-template-columns:14px 1fr auto;
    gap:14px;
    align-items:baseline;
    padding:18px 0;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .spend-key{
    width:10px; height:10px;
    border-radius:2px;
    transform:translateY(-1px);
  }
  .spend-name{
    font-size:16px;
    line-height:1.45;
    color:var(--forest-deep, #0F2A20);
  }
  .spend-name small{
    display:block;
    font-size:13.5px;
    line-height:1.5;
    color:#5A6459;
    margin-top:3px;
  }
  .spend-pct{
    font-family:'IBM Plex Mono', monospace;
    font-size:19px;
    color:var(--forest-deep, #0F2A20);
    white-space:nowrap;
  }
  .spend-note{
    margin-top:26px;
    font-size:15px;
    line-height:1.7;
    color:#5A6459;
    max-width:66ch;
  }
  @media (max-width: 880px){
    .spend-list{grid-template-columns:1fr; gap:0;}
  }
  /* whole-card click target */
  .program-card, .sub-card{position:relative;}
  .program-card .learn::after,
  .sub-card .learn::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
  }
  .program-card:focus-within, .sub-card:focus-within{
    outline:2px solid var(--sage, #74A57F);
    outline-offset:3px;
  }
  /* the poverty half of the mission */
  .other-half{
    padding:88px 0;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .other-half .kicker{
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.14em;
    color:var(--soil, #6B4226);
    font-weight:500;
    margin-bottom:28px;
    display:inline-block;
  }
  .other-half-statement{
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(24px, 3.4vw, 40px);
    line-height:1.2;
    letter-spacing:-0.015em;
    color:var(--forest-deep, #0F2A20);
    max-width:20ch;
    margin-bottom:30px;
  }
  .other-half p{
    max-width:62ch;
    font-size:16.5px;
    line-height:1.74;
    color:#3A4239;
  }
  .other-half p + p{margin-top:20px;}
  .other-half-close{
    margin-top:34px;
    padding-left:22px;
    border-left:2px solid var(--sage, #74A57F);
    font-family:'Fraunces', serif;
    font-size:clamp(18px, 2.1vw, 23px);
    line-height:1.38;
    color:var(--forest, #1B4332);
    max-width:30ch;
  }
  @media (max-width: 880px){
    .other-half{padding:66px 0;}
    .other-half-statement, .other-half-close{max-width:none;}
  }
  /* impact page section photographs */
  .impact-photo{
    margin:44px 0 0;
    border-radius:6px;
    overflow:hidden;
  }
  .impact-photo img{
    display:block;
    width:100%;
    aspect-ratio:1200/470;
    object-fit:cover;
  }
  .impact-photo figcaption{
    margin-top:12px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
  }
  .sub-section .stat-row{margin-top:44px;}

  /* photo thumbnails in place of the card icons */
  .icon-badge.photo{
    background:none;
    overflow:hidden;
    border:1px solid rgba(23,27,24,0.10);
  }
  .icon-badge.photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:50%;
  }
  .sub-card:hover .icon-badge.photo{transform:scale(1.04);}
  /* single full-width photograph, same family as .photo-band */
  .photo-band.single{grid-template-columns:1fr;}
  .photo-band.single img{aspect-ratio:1400/595;}
  @media (max-width: 640px){
    .photo-band.single img{aspect-ratio:3/2;}
  }
  /* textile circularity imagery */
  .tc-lead-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,0.52fr);
    gap:52px;
    align-items:center;
  }
  .tc-lead-grid img{display:block; width:100%; max-width:520px;}
  .tc-band img{display:block; width:100%; height:auto;}
  .tc-band figcaption{
    max-width:1180px;
    margin:12px auto 0;
    padding:0 32px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--soil, #6B4226);
  }
  .tc-band{margin:0 0 8px;}
  @media (max-width: 880px){
    .tc-lead-grid{grid-template-columns:1fr; gap:32px;}
    .tc-lead-grid img{max-width:420px;}
    .tc-band figcaption{padding:0 20px;}
  }
  /* circularity bands carrying a line of text */
  .tc-quote{
    position:relative;
    display:flex;
    align-items:center;
    min-height:420px;
    background-color:var(--forest-deep, #0F2A20);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
  }
  .tc-quote::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(15,42,32,0.97) 0%,
      rgba(15,42,32,0.96) 48%,
      rgba(15,42,32,0.68) 66%,
      rgba(15,42,32,0.26) 84%,
      rgba(15,42,32,0.06) 100%);
  }
  .tc-quote .wrap{position:relative; z-index:1;}
  .tc-quote p{
    max-width:24ch;
    font-family:'Fraunces', serif;
    font-weight:450;
    font-size:clamp(22px, 3.1vw, 36px);
    line-height:1.24;
    color:var(--ivory, #F7F4EC);
    text-shadow:0 1px 14px rgba(15,42,32,0.5);
  }
  .tc-quote cite{
    display:block;
    margin-top:20px;
    font-family:'IBM Plex Mono', monospace;
    font-style:normal;
    font-size:11.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--sage-light, #A9C9AC);
  }
  @media (max-width: 1080px) and (min-width: 881px){
    .tc-quote::before{
      background:linear-gradient(90deg,
        rgba(15,42,32,0.97) 0%,
        rgba(15,42,32,0.97) 62%,
        rgba(15,42,32,0.72) 78%,
        rgba(15,42,32,0.28) 92%,
        rgba(15,42,32,0.08) 100%);
    }
  }
  @media (max-width: 880px){
    .tc-quote{min-height:0; padding:60px 0 300px; background-position:center bottom; background-size:100% auto;}
    .tc-quote::before{
      background:linear-gradient(to top,
        rgba(15,42,32,0.04) 0%,
        rgba(15,42,32,0.10) 34%,
        rgba(15,42,32,0.90) 50%,
        rgba(15,42,32,0.99) 62%,
        rgba(15,42,32,0.99) 100%);
    }
    .tc-quote p{max-width:none;}
  }
  /* 'what you can do' over the cotton photograph — kept light, so it doesn't
     run into the dark section above it or the footer below */
  .tc-act.photo{
    position:relative;
    background-color:var(--ivory, #F7F4EC);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    overflow:hidden;
    border-top:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-act.photo::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
      rgba(247,244,236,0.97) 0%,
      rgba(247,244,236,0.95) 48%,
      rgba(247,244,236,0.68) 66%,
      rgba(247,244,236,0.24) 86%,
      rgba(247,244,236,0.04) 100%);
  }
  .tc-act.photo .wrap{position:relative; z-index:1;}
  .tc-act.photo .tc-act-close{
    margin-top:34px;
    max-width:34ch;
    font-family:'Fraunces', serif;
    font-size:clamp(19px, 2.2vw, 25px);
    line-height:1.34;
    color:var(--forest, #1B4332);
  }
  @media (max-width: 1080px) and (min-width: 881px){
    .tc-act.photo::before{
      background:linear-gradient(90deg,
        rgba(247,244,236,0.97) 0%,
        rgba(247,244,236,0.96) 64%,
        rgba(247,244,236,0.72) 80%,
        rgba(247,244,236,0.22) 94%,
        rgba(247,244,236,0.04) 100%);
    }
  }
  @media (max-width: 880px){
    .tc-act.photo{padding:70px 0 calc(66.7% + 28px); background-position:center bottom; background-size:100% auto;}
    .tc-act.photo::before{
      background:linear-gradient(to top,
        rgba(247,244,236,0.04) 0%,
        rgba(247,244,236,0.12) 32%,
        rgba(247,244,236,0.92) 48%,
        rgba(247,244,236,0.99) 60%,
        rgba(247,244,236,0.99) 100%);
    }
    .tc-act.photo .tc-act-close{max-width:none;}
  }

  /* our own model, split out from the general answer */
  .tc-model{
    padding:92px 0 96px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .tc-model .journey{margin-top:44px;}
  @media (max-width: 880px){
    .tc-model{padding:68px 0 64px;}
  }
  /* circular loop diagram */
  .loop-wrap{margin:52px auto 8px; max-width:900px;}
  .loop-svg{display:block; width:100%; height:auto;}
  .loop-svg .loop-ring{fill:none; stroke:var(--sage-light, #A9C9AC); stroke-width:2;}
  .loop-svg .loop-core{fill:var(--forest, #1B4332);}
  .loop-svg .loop-core-arc{fill:none; stroke:var(--sage, #74A57F); stroke-width:7; stroke-linecap:round;}
  .loop-svg .loop-node{fill:var(--ivory, #F7F4EC); stroke:var(--forest, #1B4332); stroke-width:2;}
  .loop-svg .loop-node.on{fill:var(--forest, #1B4332);}
  .loop-svg .loop-num{
    font-family:'IBM Plex Mono', monospace; font-size:13px; font-weight:500;
    fill:var(--forest, #1B4332); text-anchor:middle; dominant-baseline:central;
  }
  .loop-svg .loop-num.on{fill:var(--ivory, #F7F4EC);}
  .loop-svg .loop-title{
    font-family:'Fraunces', serif; font-size:16px; font-weight:600;
    fill:var(--forest-deep, #0F2A20);
  }
  .loop-svg .loop-desc{font-family:'Inter', sans-serif; font-size:12.5px; fill:#5A6459;}
  .loop-svg .loop-tick{fill:none; stroke:var(--sage, #74A57F); stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
  .loop-fallback{display:none;}
  @media (max-width: 760px){
    .loop-wrap{display:none;}
    .loop-fallback{
      display:block;
      margin-top:40px;
      border-top:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .loop-fallback li{
      display:grid; grid-template-columns:38px 1fr; gap:14px;
      padding:16px 0; border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
    }
    .loop-fallback .n{
      font-family:'IBM Plex Mono', monospace; font-size:12.5px;
      color:var(--sage, #74A57F); padding-top:2px;
    }
    .loop-fallback h4{
      font-family:'Fraunces', serif; font-size:16.5px; font-weight:450;
      color:var(--forest-deep, #0F2A20); margin-bottom:3px;
    }
    .loop-fallback p{font-size:14.5px; line-height:1.6; color:#5A6459;}
  }
  /* the final step in the chain: proceeds returning */
  .jf-step.jf-final .jf-badge{
    background:var(--forest, #1B4332);
    color:var(--ivory, #F7F4EC);
  }
  .jf-step.jf-final h3{color:var(--forest, #1B4332);}
  .jf-step.jf-final p{
    font-size:12.5px;
    line-height:1.5;
    color:#5A6459;
    margin-top:4px;
  }
  /* contact details as links, styled to sit naturally in the card */
  .sub-card p a[href^="mailto:"],
  .sub-card p a[href^="tel:"],
  .sub-card p a[href*="maps.google"]{
    color:var(--forest, #1B4332);
    text-decoration:none;
    border-bottom:1px solid rgba(27,67,50,0.28);
    transition:border-color .2s ease;
  }
  .sub-card p a[href^="mailto:"]:hover,
  .sub-card p a[href^="tel:"]:hover,
  .sub-card p a[href*="maps.google"]:hover{
    border-bottom-color:var(--forest, #1B4332);
  }
  /* contact form */
  .cf{
    padding:92px 0 96px;
    background:#F1EEE3;
    border-bottom:1px solid var(--line, rgba(23,27,24,0.12));
  }
  .cf .kicker{
    font-size:13px; text-transform:uppercase; letter-spacing:0.14em;
    color:var(--soil, #6B4226); font-weight:500; margin-bottom:28px; display:inline-block;
  }
  .cf h2{
    font-size:clamp(24px, 2.9vw, 34px); font-weight:450;
    color:var(--forest-deep, #0F2A20); margin-bottom:14px; max-width:22ch;
  }
  .cf .cf-intro{max-width:60ch; font-size:16.5px; line-height:1.74; color:#3A4239;}
  .cf-form{max-width:680px; margin-top:36px;}
  .cf-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .cf-field{margin-bottom:20px;}
  .cf-field label{
    display:block; margin-bottom:7px;
    font-family:'IBM Plex Mono', monospace; font-size:11.5px;
    letter-spacing:0.09em; text-transform:uppercase; color:var(--soil, #6B4226);
  }
  .cf-field input, .cf-field select, .cf-field textarea{
    width:100%; padding:13px 14px;
    font-family:'Inter', sans-serif; font-size:15.5px; color:var(--forest-deep, #0F2A20);
    background:var(--ivory, #F7F4EC);
    border:1px solid rgba(23,27,24,0.18); border-radius:4px;
    transition:border-color .15s ease, box-shadow .15s ease;
  }
  .cf-field textarea{min-height:150px; resize:vertical; line-height:1.6;}
  .cf-field select{appearance:none; background-image:none;}
  .cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{
    outline:none; border-color:var(--sage, #74A57F);
    box-shadow:0 0 0 3px rgba(116,165,127,0.22);
  }
  .cf-field.err input, .cf-field.err select, .cf-field.err textarea{border-color:#A6432F;}
  .cf-err{display:none; margin-top:6px; font-size:13px; color:#A6432F;}
  .cf-field.err .cf-err{display:block;}
  .cf-note{
    margin-top:20px; font-size:14px; line-height:1.65; color:#5A6459; max-width:56ch;
  }
  .cf-note a{color:var(--forest, #1B4332);}
  @media (max-width: 700px){
    .cf{padding:68px 0 64px;}
    .cf-row{grid-template-columns:1fr; gap:0;}
  }
  /* form submission states */
  .cf-actions{display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
  .cf-alt{
    font-size:14px; color:#5A6459; border:0; background:none; padding:0;
    text-decoration:underline; text-underline-offset:3px; cursor:pointer;
    font-family:'Inter', sans-serif;
  }
  .cf-alt:hover{color:var(--forest, #1B4332);}
  .cf-status{
    display:none; margin-top:22px; padding:16px 18px; border-radius:5px;
    font-size:15px; line-height:1.6;
  }
  .cf-status.ok{
    display:block; background:rgba(116,165,127,0.16);
    border:1px solid var(--sage, #74A57F); color:var(--forest-deep, #0F2A20);
  }
  .cf-status.bad{
    display:block; background:rgba(166,67,47,0.09);
    border:1px solid #A6432F; color:#7C3120;
  }
  .cf-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
  #cf-send[disabled]{opacity:.6; cursor:default;}
  /* merged tax + receipt section */
  .cf-tax .ein{
    display:inline-block;
    margin-top:22px;
    padding:11px 18px;
    border:1px solid rgba(23,27,24,0.20);
    border-radius:4px;
    background:var(--ivory, #F7F4EC);
    font-family:'IBM Plex Mono', monospace;
    font-size:14px;
    letter-spacing:0.06em;
    color:var(--forest-deep, #0F2A20);
  }