/* ===== SHARED SYSTEM ===== */

/* ==========================================================
   WICONI LECALA | DESIGN SYSTEM v4
   TYPE: two voices only.
     Headings   EB Garamond 400/500. Sentence case. Never uppercase.
                Max display size 52px so nothing turns delicate.
     Everything Lato 300/400/700. Uppercase + wide tracking ONLY on
     else       eyebrows, buttons, nav, labels.
   COLOR
     Cream #F3F0EA  Sand #E7E1D6  Wheel-black #191512  Sage band #4C5347
     North red #8E4326 (eyebrows only)   East gold #B9903F (money only)
     Camel  #9E8264   Ink  #2C251E   Muted #6E6357
     Four directions appear only as a 10px marker + the medallion.
   ========================================================== */
:root{
  --cream:#F3F0EA;--sand:#E7E1D6;--white:#FAF8F4;
  --espresso:#191512;--espresso-d:#0F0C0A;--camel:#4C5347;--camel-d:#3E443A;
  --gold:#B9903F;--gold-d:#A17B31;--north:#8E4326;
  --ink:#2C251E;--muted:#6E6357;--stone:#A79C8D;
  --rule:rgba(44,37,30,.16);--rule-l:rgba(243,240,234,.26);
  --serif:"EB Garamond",Georgia,serif;
  --sans:"Lato","Helvetica Neue",Arial,sans-serif;
  --w:1300px;--gut:clamp(20px,5vw,68px);--sy:clamp(72px,9vw,132px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
  font-weight:400;font-size:18px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;line-height:1.24;letter-spacing:.002em}
p{margin:0 0 1.2em}p:last-child{margin-bottom:0}
.wrap{max-width:var(--w);margin:0 auto;padding-inline:var(--gut)}
.narrow{max-width:920px;margin:0 auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sy)}
.sec-s{padding-block:clamp(52px,6.5vw,92px)}

/* ---- scale ---- */
.d1{font-size:clamp(30px,3.6vw,46px);line-height:1.22}
.oneline{white-space:nowrap;font-size:clamp(19px,2.3vw,31px);line-height:1.24}
@media(max-width:900px){.oneline{font-size:clamp(21px,3.6vw,30px)}}
@media(max-width:540px){.oneline{white-space:normal;font-size:26px}}
.d2{font-size:clamp(27px,3.1vw,40px);line-height:1.24}
.twoline{white-space:nowrap;font-size:clamp(19px,2.05vw,28px);line-height:1.3;max-width:none}
@media(max-width:620px){.twoline{white-space:normal;font-size:25px}
  .twoline br{display:none}}
.d3{font-size:clamp(23px,2.4vw,31px);line-height:1.28}
.d4{font-size:clamp(20px,1.9vw,24px);line-height:1.32}
.eyebrow,p.eyebrow{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin:0 0 20px;display:flex;align-items:center;gap:11px;
  line-height:1.6;max-width:none}
.eyebrow.c{justify-content:center}
.lede{font-size:18px;line-height:1.8;color:var(--muted);font-weight:400}
.small{font-size:16px;line-height:1.8;color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.on-dark{color:var(--cream)}
.on-dark h1,.on-dark h2,.on-dark h3{color:var(--cream)}
.on-dark .lede,.on-dark p{color:rgba(243,240,234,.8)}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);
  font-size:13.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;
  cursor:pointer;padding:17px 34px;border:1px solid var(--ink);border-radius:0;background:transparent;
  color:var(--ink);transition:background .35s ease,color .35s ease,border-color .35s ease}
.btn:hover{background:var(--ink);color:var(--cream)}
.btn-fill{background:var(--espresso);border-color:var(--espresso);color:var(--cream)}
.btn-fill:hover{background:var(--cream);border-color:var(--ink);color:var(--ink)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--espresso);font-weight:700}
.btn-gold:hover{background:var(--espresso);border-color:var(--espresso);color:var(--gold)}
.btn-camel{background:var(--camel);border-color:var(--camel);color:#fff}
.btn-camel:hover{background:var(--camel-d);border-color:var(--camel-d)}
.btn-l{border-color:rgba(243,240,234,.55);color:var(--cream)}
.btn-l:hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn-sm{padding:14px 28px;font-size:12.5px;letter-spacing:.11em}
.btn-w{width:100%}
.tlink{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:6px;display:inline-block;transition:border-color .35s}
.tlink:hover{border-color:var(--ink)}
.on-dark .tlink{border-color:var(--rule-l)}.on-dark .tlink:hover{border-color:var(--cream)}
:focus-visible{outline:2px solid var(--camel);outline-offset:3px}

/* ---- marker ---- */

/* ---- slots ---- */
.slot{position:relative;margin:0;overflow:hidden;background:#DFD9CD}
.slot img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.3,1)}
.slot.is-empty{background:linear-gradient(160deg,#E3DDD1,#D2CBBC 60%,#BFB7A6)}
.slot.is-empty::after{content:attr(data-slot);position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;text-align:center;padding:22px;font-family:var(--sans);font-size:9.5px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(44,37,30,.4);line-height:2.1}
.zoom:hover .slot img{transform:scale(1.04)}

/* ================= ANNOUNCEMENT ================= */
.ann{background:var(--espresso);color:var(--cream);text-align:center;padding:10px 20px;
  font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.ann a{color:var(--gold);text-underline-offset:3px}

/* ================= HEADER ================= */
.skip{position:absolute;left:-9999px}
.skip:focus{left:0;top:0;z-index:300;background:var(--espresso);color:#fff;padding:12px 18px}
header.site{background:var(--cream);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:120}
.bar{display:flex;align-items:center;height:98px;gap:40px;max-width:none;
  padding-inline:clamp(20px,3.4vw,52px)}
.wm{display:block;flex:0 0 auto;line-height:0}
.wm img{height:52px;width:auto;display:block}
@media(max-width:1060px){.wm img{height:38px}}
.wm b{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.wm i{font-family:var(--sans);font-style:normal;font-size:9px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--camel)}
nav.main{margin-left:auto;display:flex;align-items:center;gap:clamp(20px,2.2vw,34px)}
.nl{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  color:var(--muted);transition:color .3s;white-space:nowrap}
.nl:hover{color:var(--ink)}
.burger{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
@media(max-width:1060px){.bar{gap:0}}
.burger span{display:block;width:22px;height:1.5px;background:var(--ink);margin:5.5px 0;transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1060px){
  nav.main{position:fixed;inset:auto 0 auto 0;top:calc(98px + var(--annh,34px));background:var(--cream);
    flex-direction:column;align-items:stretch;gap:0;padding:10px var(--gut) 30px;display:none;
    border-bottom:1px solid var(--rule);z-index:119}
  nav.main.open{display:flex}
  nav.main .nl{padding:16px 0;border-bottom:1px solid var(--rule);font-size:14px}
  nav.main .btn{margin-top:20px}
  .burger{display:block}
}

/* ================= SPLIT HERO ================= */
.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--cream);align-items:stretch}
.hero .slot{min-height:clamp(360px,50vw,620px);height:100%}
.hero-slot picture{display:block;width:100%;height:100%}
.hero-slot img{width:100%;height:100%;object-fit:cover;object-position:center 56%;
  animation:heroSettle 2.4s cubic-bezier(.16,.7,.24,1) both}
.hero-slot::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(25,21,18,.14) 0%,rgba(25,21,18,0) 42%,rgba(25,21,18,.16) 100%)}
@media(max-width:900px){
  .hero-slot::after{background:linear-gradient(180deg,rgba(25,21,18,.10),rgba(25,21,18,.18))}
}
@keyframes heroSettle{from{transform:scale(1.06);opacity:.55}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-slot img{animation:none}}
.hero .slot.is-empty{background:linear-gradient(160deg,#3B342C,#171310)}
.hero .slot.is-empty::after{color:rgba(243,240,234,.4)}
.hero-body{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(44px,5.5vw,84px) clamp(26px,5vw,74px)}
.hero-body h1{font-size:clamp(28px,3.3vw,42px);line-height:1.26;max-width:15em}
.hero-body p:not(.eyebrow){margin-top:20px;max-width:34em;color:var(--muted);font-size:18px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero .slot{min-height:320px}}

/* ================= STATEMENT BAND ================= */
.stmt{background:var(--espresso);color:var(--cream);position:relative;text-align:center;
  padding-block:clamp(58px,7vw,104px)}
.stmt h2{font-size:clamp(23px,2.6vw,34px);line-height:1.42;max-width:20em;margin:0 auto;color:var(--cream)}
.stmt-side{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(180deg);
  writing-mode:vertical-rl;font-size:8.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(243,240,234,.42)}
@media(max-width:760px){.stmt-side{display:none}}

/* ================= SPLIT ROWS ================= */
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--cream)}
.split .slot{min-height:clamp(340px,44vw,560px);height:100%}
.win-slot picture{display:block;width:100%;height:100%}
.win-slot img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.split-body{padding:clamp(44px,5.5vw,86px) clamp(26px,5vw,72px)}
.split-body .lede{max-width:34em}
.split.rev .split-media{order:2}
.split.rev .split-body{order:1}
@media(max-width:900px){
  .split{grid-template-columns:1fr}
  .split .slot{min-height:300px}
  .split.rev .split-media{order:1}.split.rev .split-body{order:2}
}
.counts{margin-top:30px;border-top:1px solid var(--rule)}
.count-row{display:grid;grid-template-columns:58px 1fr;gap:26px;align-items:baseline;padding:18px 0;
  border-bottom:1px solid var(--rule)}
.count-n{font-family:var(--serif);font-size:38px;line-height:1;color:var(--gold-d);
  font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.01em}
.count-t{font-size:18px;line-height:1.6;color:var(--muted);max-width:30em}
.count-t b{font-weight:700;color:var(--ink)}

/* ================= CAMEL BAND + OVERLAP ================= */
.camel{background:var(--sand);color:var(--ink);position:relative}
.camel-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0}
.camel-body{padding:clamp(48px,6vw,92px) clamp(26px,5vw,74px);text-align:center}
.camel-body h2{max-width:none;margin:0 auto}
.camel-body p:not(.eyebrow){color:var(--muted);max-width:34em;margin:18px auto 0;font-size:18px}
.camel-body p.eyebrow{justify-content:center}
.camel-media{position:relative;align-self:stretch}
.camel-media .slot{height:100%;min-height:clamp(300px,40vw,520px)}
.don-slot picture,.hz-slot picture{display:block;width:100%;height:100%}
.hz-slot img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.don-slot img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
@media(max-width:900px){.camel-grid{grid-template-columns:1fr}.camel-media .slot{min-height:280px}}

/* ================= COMPASS (what we carry) ================= */
.compass{display:grid;grid-template-columns:1fr minmax(210px,270px) 1fr;
  grid-template-rows:auto auto;gap:clamp(18px,2.2vw,34px) clamp(22px,3vw,50px);align-items:stretch}
.med-cell{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center}
.med{width:100%;height:auto;max-width:270px;display:block}
.med .qd{transition:opacity .5s ease,transform .5s ease;transform-origin:50% 50%;cursor:pointer}
.med.act .qd{opacity:.26}
.med.act .qd.on{opacity:1;transform:scale(1.03)}
.med-cap{margin-top:20px;font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
  color:var(--camel);text-align:center;line-height:2}
.dcard{border:1px solid var(--rule);background:var(--cream);padding:clamp(24px,2.4vw,32px);
  display:flex;flex-direction:column;transition:background .45s ease,border-color .45s ease,transform .45s ease}
.dcard.on{background:var(--white);border-color:rgba(44,37,30,.34);transform:translateY(-2px)}
.dcard.p-w{grid-column:1;grid-row:1;text-align:right;align-items:flex-end}
.dcard.p-n{grid-column:3;grid-row:1}
.dcard.p-s{grid-column:1;grid-row:2;text-align:right;align-items:flex-end}
.dcard.p-e{grid-column:3;grid-row:2}
.dcard-dir{font-size:9.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--camel);
  display:flex;align-items:center;gap:9px;margin-bottom:12px}
.dcard.p-w .dcard-dir,.dcard.p-s .dcard-dir{flex-direction:row-reverse}
.dcard-dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(44,37,30,.25);transition:transform .45s ease}
.dcard.on .dcard-dot{transform:scale(1.3)}
.dcard h3{font-size:24px;margin-bottom:10px}
.dcard p{font-size:18px;color:var(--muted);line-height:1.65;flex:1;max-width:32em}
.slist{list-style:none;margin:18px 0 0;padding:0;width:100%;flex:1}
.slist li{font-size:15.5px;line-height:1.45;padding:11px 0;color:var(--muted);
  border-top:1px solid var(--rule)}
.dcard.p-w .slist,.dcard.p-s .slist{text-align:right}
.slist li:last-child{border-bottom:1px solid var(--rule)}
@media(max-width:1040px){
  .compass{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .med-cell{grid-column:1/3;grid-row:1;margin-bottom:6px}
  .med{max-width:190px}
  .dcard.p-w{grid-column:1;grid-row:2}.dcard.p-n{grid-column:2;grid-row:2}
  .dcard.p-s{grid-column:1;grid-row:3}.dcard.p-e{grid-column:2;grid-row:3}
  .dcard.p-w,.dcard.p-s{text-align:left;align-items:flex-start}
  .dcard.p-w .dcard-dir,.dcard.p-s .dcard-dir{flex-direction:row}
  .dcard.p-w ul,.dcard.p-s ul{justify-content:flex-start}
}
@media(max-width:660px){
  .compass{grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}
  .med-cell{grid-column:1;grid-row:1}
  .dcard.p-w{grid-column:1;grid-row:2}.dcard.p-n{grid-column:1;grid-row:3}
  .dcard.p-e{grid-column:1;grid-row:4}.dcard.p-s{grid-column:1;grid-row:5}
}

/* ================= FOUNDER OVERLAP ================= */
.fnd-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,80px);align-items:center}
@media(max-width:900px){.fnd-grid{grid-template-columns:1fr;gap:36px}}
.fnd-media{position:relative;padding:0 0 clamp(40px,5vw,70px) clamp(30px,4vw,56px)}
.fnd-media .a{aspect-ratio:4/5}
.fnd-media .b{position:absolute;left:0;bottom:0;width:40%;aspect-ratio:1/1;border:8px solid var(--sand)}
@media(max-width:520px){.fnd-media{padding-left:0;padding-bottom:0}.fnd-media .b{display:none}}
.sig{font-family:var(--serif);font-size:24px;margin-top:26px;color:var(--ink)}
.sig small{display:block;font-family:var(--sans);font-size:9.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--camel);margin-top:10px}

/* ================= QUOTE BAND ================= */
.qband{background:var(--espresso);color:var(--cream);text-align:center}
.qwheel{width:82px;height:82px;display:block;margin:0 auto 30px}
.qband blockquote{margin:0 auto;max-width:min(1120px,92vw);font-family:var(--serif);
  font-size:clamp(17px,2.05vw,26px);line-height:1.55;color:var(--cream);text-wrap:balance}
.qbr{display:inline}
@media(max-width:820px){.qbr{display:none}
  .qband blockquote{max-width:26em;font-size:clamp(19px,3.2vw,24px)}}
.qband cite{display:block;margin-top:26px;font-family:var(--sans);font-style:normal;font-size:9.5px;
  font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:rgba(243,240,234,.6)}

/* ================= GIVING ================= */
.give-head{text-align:center;max-width:660px;margin:0 auto clamp(34px,4vw,54px)}
.give-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
@media(max-width:860px){.give-boxes{grid-template-columns:1fr}}
.gbox{border:1px solid var(--rule);background:var(--cream);padding:clamp(28px,2.8vw,40px) clamp(22px,2.2vw,30px);
  text-align:center;display:flex;flex-direction:column;position:relative;transition:background .4s,border-color .4s}
.gbox:hover{background:var(--white);border-color:rgba(44,37,30,.32)}
.gbox.feat{background:var(--espresso);border-color:var(--espresso)}
.gbox.feat h3,.gbox.feat .gamt{color:var(--cream)}
.gbox.feat p{color:rgba(243,240,234,.78)}
.gflag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--camel);color:#fff;
  font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:0;white-space:nowrap}
.gamt{font-family:var(--serif);font-size:clamp(54px,4.6vw,68px);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gbox h3{font-size:21px;margin:16px 0 10px}
.gbox p{font-size:18px;color:var(--muted);line-height:1.7;flex:1}
.gbox .btn{margin-top:24px}
.give-alt{margin-top:clamp(28px,3vw,42px);text-align:center;font-size:18px;color:var(--muted);
  display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center}
.give-alt a{color:var(--espresso);font-weight:700}
.give-assure{margin-top:20px;text-align:center;font-size:16px;color:var(--stone)}

/* ================= TABBED IMAGE ROW ================= */
.tabs-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:clamp(30px,4vw,68px);align-items:center}
@media(max-width:900px){.tabs-grid{grid-template-columns:1fr;gap:32px}}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,26px)}
@media(max-width:560px){.tabs{grid-template-columns:1fr}}
.tab{position:relative;display:flex;flex-direction:column}
.tab .slot{aspect-ratio:3/4}
.tab-label{position:absolute;top:16px;right:0;background:var(--cream);padding:14px 8px;
  writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.tab-body{margin-top:18px;display:flex;flex-direction:column;flex:1}
.tab-body h3{font-size:22px;margin-bottom:2px}


/* ================= CIRCLES ================= */
.circ-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px)}
@media(max-width:800px){.circ-grid{grid-template-columns:1fr}}
.circ .slot{aspect-ratio:16/11}
.circ h3{font-size:clamp(22px,2.2vw,27px);margin:20px 0 10px}
.circ p{font-size:18px;color:var(--muted);line-height:1.7}
.circ .meta{margin-top:16px;font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north)}

/* ================= VISION STEPS ================= */
.steps{list-style:none;margin:28px 0 0;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding:16px 0 16px 52px;position:relative;border-top:1px solid var(--rule);
  font-size:18px;color:var(--muted);line-height:1.7}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:18px;
  font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--north)}
.steps li b{color:var(--ink);font-weight:700}

/* ================= FORMS ================= */
.help{background:var(--sand)}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,78px);align-items:start}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}}
.field{margin-bottom:20px}
.field label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);margin-bottom:10px}
.field input,.field select,.field textarea{width:100%;font-family:var(--sans);font-size:18px;color:var(--ink);
  background:var(--cream);border:1px solid var(--rule);padding:14px 16px;border-radius:0;transition:border-color .3s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--espresso)}
.field textarea{min-height:118px;resize:vertical}
.form-note{font-size:15px;color:var(--muted);margin-top:16px;line-height:1.7}
.hp{position:absolute;left:-9999px}

/* ================= NEWSLETTER ================= */
.news{background:var(--sand);text-align:center}
.news-in{max-width:660px;margin:0 auto}
.news form{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.news input{font-family:var(--sans);font-size:17px;padding:14px 22px;border:1px solid var(--rule);
  border-radius:0;background:var(--cream);color:var(--ink);min-width:200px;flex:1;max-width:260px}
.news input:focus{outline:none;border-color:var(--espresso)}
@media(max-width:560px){.news input,.news .btn{width:100%;max-width:none;flex:none}}

/* ================= PARTNERS ================= */
.plist{display:flex;flex-wrap:wrap;gap:clamp(20px,3.6vw,52px);align-items:center;justify-content:center;
  margin:28px 0 0;padding:0;list-style:none}
.plist li{font-family:var(--serif);font-size:clamp(17px,1.5vw,21px);color:var(--muted);text-align:center}

/* ================= FOOTER ================= */
footer.site{background:var(--camel);color:#fff;padding-block:clamp(50px,6vw,78px) 0}
.f-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:clamp(30px,4vw,60px);align-items:start;
  padding-bottom:clamp(36px,4vw,54px)}
@media(max-width:820px){.f-grid{grid-template-columns:1fr;text-align:center;gap:34px}}
.f-mid{text-align:center;border-inline:1px solid rgba(255,255,255,.28);padding-inline:clamp(20px,3vw,44px)}
@media(max-width:820px){.f-mid{border:0;border-block:1px solid rgba(255,255,255,.28);
  padding-block:30px;padding-inline:0}}
.f-mid b{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:.1em;text-transform:uppercase;display:block}
.f-mid p{font-size:16px;color:rgba(255,255,255,.82);max-width:26em;margin:14px auto 0;line-height:1.75}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col li{margin-bottom:15px}
.f-col a{font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;
  color:rgba(255,255,255,.9);transition:color .3s}
.f-col a:hover{color:#fff}
.f-col.r{text-align:right}
@media(max-width:820px){.f-col.r{text-align:center}}
.f-bar{border-top:1px solid rgba(255,255,255,.28);padding:18px 0 26px;display:flex;flex-wrap:wrap;
  gap:8px 24px;justify-content:space-between;font-size:9.5px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.72)}
.f-bar a{color:rgba(255,255,255,.72);text-decoration:none}
.f-bar a:hover{color:#fff}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.22,.7,.28,1),transform .9s cubic-bezier(.22,.7,.28,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}


/* ===== DONATE ===== */
body.page-donate /* ================= DONATE PAGE ================= */
/* collaged hero */
.dhero{background:var(--cream);padding-block:clamp(44px,5.5vw,80px) clamp(56px,7vw,96px)}
body.page-donate .dhero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,74px);align-items:center}
@media(max-width:940px){body.page-donate .dhero-grid{grid-template-columns:1fr;gap:40px}}
body.page-donate .dhero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.2;max-width:15em}
body.page-donate .dhero .lede{margin-top:20px;max-width:32em}
body.page-donate .dhero .btn{margin-top:28px}
body.page-donate .collage{position:relative;padding:clamp(22px,3vw,44px) 0 clamp(30px,4vw,56px) clamp(22px,3vw,48px)}
body.page-donate .collage .frame{position:absolute;inset:0 clamp(40px,6vw,90px) clamp(52px,7vw,96px) 0;
  border:1px solid var(--rule);pointer-events:none}
body.page-donate .collage .big{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden}
body.page-donate .collage .sm{position:absolute;right:0;bottom:0;z-index:3;width:46%;aspect-ratio:3/4;
  overflow:hidden;border:9px solid var(--cream)}
body.page-donate .collage img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){body.page-donate .collage .sm{display:none}
body.page-donate .collage .frame{display:none}
body.page-donate .collage{padding:0}}
body.page-donate /* marquee strip */
.strip{background:var(--espresso);overflow:hidden;padding:16px 0}
body.page-donate .strip-track{display:flex;width:max-content;animation:slide 44s linear infinite}
@media(prefers-reduced-motion:reduce){body.page-donate .strip-track{animation:none}}
body.page-donate to{transform:translateX(-50%)}
body.page-donate .strip span{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(243,240,234,.72);padding:0 30px;white-space:nowrap}
body.page-donate /* picker block with vertical label */
.pick-sec{background:var(--sand)}
body.page-donate .pick-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,74px);align-items:center}
@media(max-width:940px){body.page-donate .pick-grid{grid-template-columns:1fr;gap:36px}}
body.page-donate .vlab{position:relative;padding-left:44px}
body.page-donate .vlab::before{content:attr(data-label);position:absolute;left:0;top:0;writing-mode:vertical-rl;
  transform:rotate(180deg);font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.28em;
  text-transform:uppercase;color:var(--north)}
body.page-donate .vlab .shot{aspect-ratio:4/5;overflow:hidden}
body.page-donate .vlab .shot img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){body.page-donate .vlab{padding-left:0}
body.page-donate .vlab::before{display:none}}
body.page-donate .picker{background:var(--cream);border:1px solid var(--rule);padding:clamp(24px,3vw,38px)}
body.page-donate .toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);margin-bottom:22px}
body.page-donate .toggle button{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;padding:15px 8px;border:0;background:transparent;color:var(--ink);
  cursor:pointer;transition:background .3s,color .3s}
body.page-donate .toggle button.on{background:var(--ink);color:var(--cream)}
body.page-donate .amts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
body.page-donate .amts button{font-family:var(--serif);font-size:26px;padding:18px 4px;border:1px solid var(--rule);
  background:var(--white);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;
  transition:border-color .25s,background .25s}
body.page-donate .amts button:hover{border-color:rgba(44,37,30,.4)}
body.page-donate .amts button.on{background:var(--gold);border-color:var(--gold);color:var(--espresso)}
body.page-donate .custom{margin-top:9px;display:flex;align-items:center;border:1px solid var(--rule);background:var(--white)}
body.page-donate .custom span{font-family:var(--serif);font-size:22px;padding:0 2px 0 16px;color:var(--muted)}
body.page-donate .custom input{flex:1;font-family:var(--serif);font-size:22px;padding:15px 14px 15px 4px;border:0;
  background:transparent;color:var(--ink);width:100%}
body.page-donate .custom input:focus{outline:none}
body.page-donate .custom.on{border-color:var(--gold)}
body.page-donate .impact{margin-top:20px;padding-top:18px;border-top:1px solid var(--rule);font-size:18px;
  line-height:1.6;color:var(--muted);min-height:3.3em}
body.page-donate .impact b{color:var(--ink);font-weight:700}
body.page-donate .picker .btn{margin-top:18px;width:100%}
body.page-donate .picker-note{margin-top:14px;font-size:15px;color:var(--muted);text-align:center;line-height:1.6}
body.page-donate /* band with bleeding image */
.wband{background:var(--camel);color:var(--cream);position:relative}
body.page-donate .wband-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}
@media(max-width:900px){body.page-donate .wband-grid{grid-template-columns:1fr}}
body.page-donate .wband-body{padding:clamp(48px,6vw,96px) clamp(26px,5vw,74px)}
body.page-donate .wband-body h2, body.page-donate .wband-body .d2{color:var(--cream)}
body.page-donate .wband-body p{color:rgba(243,240,234,.86)}
body.page-donate .wband-body .eyebrow{color:var(--cream)}
body.page-donate .wband .shot{min-height:clamp(300px,40vw,540px);height:100%;overflow:hidden}
body.page-donate .wband .shot img{width:100%;height:100%;object-fit:cover}
body.page-donate .bars{margin-top:28px}
body.page-donate .bar-row{padding:16px 0;border-bottom:1px solid var(--rule-l)}
body.page-donate .bar-row:first-child{border-top:1px solid var(--rule-l)}
body.page-donate .bar-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
body.page-donate .bar-top h3{font-size:20px;color:var(--cream)}
body.page-donate .bar-pct{font-family:var(--serif);font-size:26px;color:var(--gold);font-variant-numeric:tabular-nums}
body.page-donate .bar-track{height:3px;background:rgba(243,240,234,.2);margin-top:10px}
body.page-donate .bar-fill{height:100%;background:var(--gold);width:0;transition:width 1.2s cubic-bezier(.2,.7,.3,1)}
body.page-donate .bar-row p{margin-top:9px;font-size:16px;color:rgba(243,240,234,.78)}
body.page-donate /* three bordered boxes */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
@media(max-width:860px){body.page-donate .trio{grid-template-columns:1fr}}
body.page-donate .tbox{border:1px solid var(--rule);background:var(--cream);padding:clamp(26px,2.8vw,38px) clamp(20px,2.2vw,28px);
  text-align:center;display:flex;flex-direction:column;transition:background .35s,border-color .35s}
body.page-donate .tbox:hover{background:var(--white);border-color:rgba(44,37,30,.32)}
body.page-donate .tbox .lbl{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin-bottom:16px}
body.page-donate .tbox .amt{font-family:var(--serif);font-size:clamp(46px,4.4vw,62px);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
body.page-donate .tbox h3{font-size:21px;margin:16px 0 10px}
body.page-donate .tbox p{font-size:18px;color:var(--muted);line-height:1.65;flex:1}
body.page-donate .tbox .btn{margin-top:24px}
body.page-donate /* quote carousel */
.qcar{background:var(--espresso);color:var(--cream);text-align:center;position:relative}
body.page-donate .qcar-in{max-width:900px;margin:0 auto;position:relative}
body.page-donate .qslide{display:none}
body.page-donate .qslide.on{display:block;animation:fade .6s ease both}
body.page-donate from{opacity:0;transform:translateY(8px)}
body.page-donate to{opacity:1;transform:none}
body.page-donate .qcar blockquote{margin:0 auto;max-width:24em;font-family:var(--serif);
  font-size:clamp(20px,2.4vw,30px);line-height:1.5;color:var(--cream)}
body.page-donate .qcar cite{display:block;margin-top:24px;font-family:var(--sans);font-style:normal;font-size:12.5px;
  font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgba(243,240,234,.62)}
body.page-donate .qnav{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:34px}
body.page-donate .qarrow{background:none;border:0;cursor:pointer;color:rgba(243,240,234,.7);font-size:22px;
  line-height:1;padding:8px 10px;transition:color .3s}
body.page-donate .qarrow:hover{color:var(--cream)}
body.page-donate .qdots{display:flex;gap:9px}
body.page-donate .qdot{width:8px;height:8px;border:1px solid rgba(243,240,234,.5);background:transparent;
  padding:0;cursor:pointer;transition:background .3s}
body.page-donate .qdot.on{background:var(--gold);border-color:var(--gold)}
body.page-donate /* offset collage + text */
.oc-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,72px);align-items:center}
@media(max-width:940px){body.page-donate .oc-grid{grid-template-columns:1fr;gap:36px}}
body.page-donate .oc{position:relative;padding:0 clamp(20px,3vw,44px) clamp(40px,5vw,72px) 0}
body.page-donate .oc .a{aspect-ratio:5/4;overflow:hidden}
body.page-donate .oc .b{position:absolute;right:0;bottom:0;width:52%;aspect-ratio:4/5;overflow:hidden;border:9px solid var(--cream)}
body.page-donate .oc img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){body.page-donate .oc{padding:0}
body.page-donate .oc .b{display:none}}
body.page-donate .ways-list{list-style:none;margin:24px 0 0;padding:0}
body.page-donate .ways-list li{padding:16px 0;border-top:1px solid var(--rule)}
body.page-donate .ways-list li:last-child{border-bottom:1px solid var(--rule)}
body.page-donate .ways-list h3{font-size:20px;margin-bottom:5px}
body.page-donate .ways-list p{font-size:17px;color:var(--muted);line-height:1.6;margin:0}
body.page-donate /* two-column compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px)}
@media(max-width:820px){body.page-donate .cmp{grid-template-columns:1fr;gap:36px}}
body.page-donate .cmp h3{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);padding-bottom:18px;border-bottom:1px solid var(--rule)}
body.page-donate .cmp ul{list-style:none;margin:0;padding:0}
body.page-donate .cmp li{padding:15px 0 15px 28px;border-bottom:1px solid var(--rule);font-size:18px;
  color:var(--muted);line-height:1.55;position:relative}
body.page-donate .cmp li::before{content:"+";position:absolute;left:0;top:15px;font-family:var(--sans);
  font-size:17px;font-weight:700;line-height:1.55;color:var(--gold-d)}
body.page-donate .cmp .no li::before{content:"–";color:var(--north);font-size:16px}
body.page-donate /* full-bleed CTA band */
.cta{position:relative;min-height:clamp(360px,40vw,500px);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:70px var(--gut);overflow:hidden}
body.page-donate .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
body.page-donate .cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.42) 0%,rgba(25,21,18,.66) 55%,rgba(25,21,18,.74) 100%)}
body.page-donate .cta-in{position:relative;z-index:2;max-width:640px}
body.page-donate .cta h2{color:var(--cream);font-size:clamp(28px,3.6vw,46px);line-height:1.18;max-width:16em;margin-inline:auto}
body.page-donate .cta p{color:rgba(243,240,234,.85);margin-top:16px;font-size:18px}
body.page-donate .cta-in{max-width:none}
body.page-donate .cta-line{white-space:nowrap;font-size:clamp(13px,1.35vw,18px)}
@media(max-width:900px){body.page-donate .cta-line{white-space:normal;font-size:17px;max-width:34em;margin-inline:auto}}
body.page-donate .cta .eyebrow{color:var(--cream);justify-content:center}
body.page-donate .cta .btn{margin-top:28px}
body.page-donate /* faq */
.faq{max-width:880px;margin:0 auto}
body.page-donate .qa{border-bottom:1px solid var(--rule)}
body.page-donate .qa:first-child{border-top:1px solid var(--rule)}
body.page-donate .qa button{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:22px 42px 22px 0;
  font-family:var(--serif);font-size:21px;color:var(--ink);position:relative;line-height:1.35}
body.page-donate .qa button::after{content:"+";position:absolute;right:6px;top:21px;font-family:var(--sans);
  font-size:21px;color:var(--north);transition:transform .3s}
body.page-donate .qa.open button::after{transform:rotate(45deg)}
body.page-donate .qa-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
body.page-donate .qa.open .qa-a{max-height:360px}
body.page-donate .qa-a p{padding:0 0 24px;font-size:18px;color:var(--muted);line-height:1.7}

/* ===== ABOUT ===== */
body.page-about /* ================= ABOUT PAGE ================= */
.ahero{background:var(--cream);padding-block:clamp(44px,5.5vw,80px) clamp(56px,7vw,96px)}
body.page-about .ahero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(30px,5vw,74px);align-items:center}
@media(max-width:940px){body.page-about .ahero-grid{grid-template-columns:1fr;gap:40px}}
body.page-about .ahero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.2;max-width:15em}
body.page-about .ahero .lede{margin-top:20px;max-width:32em}
body.page-about .collage{position:relative;padding:clamp(22px,3vw,44px) 0 clamp(30px,4vw,56px) clamp(22px,3vw,48px)}
body.page-about .collage .frame{position:absolute;inset:0 clamp(40px,6vw,90px) clamp(52px,7vw,96px) 0;
  border:1px solid var(--rule);pointer-events:none}
body.page-about .collage .big{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden}
body.page-about .collage .sm{position:absolute;right:0;bottom:0;z-index:3;width:46%;aspect-ratio:1/1;
  overflow:hidden;border:9px solid var(--cream)}
body.page-about .collage img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){body.page-about .collage .sm, body.page-about .collage .frame{display:none}
body.page-about .collage{padding:0}}
body.page-about .strip{background:var(--espresso);overflow:hidden;padding:16px 0}
body.page-about .strip-track{display:flex;width:max-content;animation:slide 46s linear infinite}
@media(prefers-reduced-motion:reduce){body.page-about .strip-track{animation:none}}
body.page-about to{transform:translateX(-50%)}
body.page-about .strip span{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(243,240,234,.72);padding:0 30px;white-space:nowrap}
body.page-about /* story: alternating two-column blocks */
.sblock{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,68px);align-items:center;
  margin-bottom:clamp(40px,5vw,78px)}
body.page-about .sblock:last-child{margin-bottom:0}
body.page-about /* rev = image LEFT (markup order already puts media first) */
.sblock.rev .s-media{margin-top:clamp(0px,3.5vw,54px)}
body.page-about .sblock:not(.rev) .s-media{margin-bottom:clamp(0px,3.5vw,54px)}
@media(max-width:900px){body.page-about .sblock{grid-template-columns:1fr;gap:26px;margin-bottom:46px}
body.page-about .sblock.rev .s-media, body.page-about .sblock:not(.rev) .s-media{margin:0;order:2}
body.page-about .sblock .s-body{order:1}}
body.page-about .s-media figure{margin:0;overflow:hidden;aspect-ratio:4/5}
body.page-about .s-media img{width:100%;height:100%;object-fit:cover}
body.page-about .s-media figcaption{margin-top:12px;font-size:15px;color:var(--stone);line-height:1.6}
body.page-about .s-body p{font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:1.1em;max-width:34em}
body.page-about .s-body p.first::first-letter{font-family:var(--serif);font-size:58px;line-height:.82;float:left;
  padding:5px 11px 0 0;color:var(--ink)}
body.page-about .s-body h2{font-size:clamp(23px,2.5vw,31px);margin-bottom:16px;color:var(--ink)}
body.page-about .s-body .eyebrow{margin-bottom:14px}
body.page-about /* compact full-width pull */
.pullband{background:var(--sand);padding-block:clamp(40px,5vw,68px);text-align:center}
body.page-about .pullband blockquote{margin:0 auto;max-width:22em;font-family:var(--serif);
  font-size:clamp(22px,2.6vw,32px);line-height:1.42;color:var(--ink)}
body.page-about .pullband cite{display:block;margin-top:18px;font-family:var(--sans);font-style:normal;font-size:12.5px;
  font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--north)}
body.page-about /* timeline */
.tl{max-width:820px;margin:0 auto}
body.page-about .tl-row{display:grid;grid-template-columns:120px 1fr;gap:clamp(20px,3vw,44px);
  padding:26px 0;border-top:1px solid var(--rule)}
body.page-about .tl-row:last-child{border-bottom:1px solid var(--rule)}
@media(max-width:620px){body.page-about .tl-row{grid-template-columns:1fr;gap:8px}}
body.page-about .tl-year{font-family:var(--serif);font-size:30px;line-height:1;color:var(--gold-d);font-variant-numeric:tabular-nums}
body.page-about .tl-row h3{font-size:21px;margin-bottom:8px}
body.page-about .tl-row p{font-size:18px;color:var(--muted);line-height:1.7;margin:0}
body.page-about /* sage dream feature */
.dream{background:var(--camel);color:var(--cream);position:relative}
body.page-about .dream-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}
@media(max-width:900px){body.page-about .dream-grid{grid-template-columns:1fr}}
body.page-about .dream-body{padding:clamp(48px,6vw,96px) clamp(26px,5vw,74px)}
body.page-about .dream-body h2{color:var(--cream);font-size:clamp(26px,3.2vw,40px);line-height:1.2}
body.page-about .dream-body .eyebrow{color:var(--cream)}
body.page-about .dream-body p{color:rgba(243,240,234,.88);font-size:18px;line-height:1.8;margin-top:18px}
body.page-about .dream .shot{min-height:clamp(300px,42vw,560px);height:100%;overflow:hidden}
body.page-about .dream .shot img{width:100%;height:100%;object-fit:cover}
body.page-about /* facilities */
.fac{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,24px)}
@media(max-width:760px){body.page-about .fac{grid-template-columns:1fr}}
body.page-about .fac-row{border:1px solid var(--rule);background:var(--cream);padding:clamp(22px,2.4vw,30px)}
body.page-about .fac-row h3{font-size:21px;margin-bottom:6px}
body.page-about .fac-row p{font-size:17px;color:var(--muted);line-height:1.6;margin:0}
body.page-about /* people */
.people{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,38px)}
@media(max-width:980px){body.page-about .people{grid-template-columns:1fr 1fr}}

@media(max-width:640px){body.page-about .people{grid-template-columns:1fr}}
body.page-about .person figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:#DFD9CD}
body.page-about .person img{width:100%;height:100%;object-fit:cover}
body.page-about .person .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#E3DDD1,#C9C2B3);font-family:var(--sans);font-size:11px;
  font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(44,37,30,.42);text-align:center;padding:20px}
body.page-about .person h3{font-size:23px;margin:18px 0 4px}
body.page-about .person .role{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin-bottom:12px}
body.page-about .person p{font-size:18px;color:var(--muted);line-height:1.7}
body.page-about /* cta */
.cta{position:relative;min-height:clamp(360px,40vw,500px);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:70px var(--gut);overflow:hidden}
body.page-about .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
body.page-about .cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.42) 0%,rgba(25,21,18,.66) 55%,rgba(25,21,18,.74) 100%)}
body.page-about .cta-in{position:relative;z-index:2}
body.page-about .cta h2{color:var(--cream);font-size:clamp(28px,3.6vw,46px);line-height:1.18;max-width:16em;margin-inline:auto}
body.page-about .cta p{color:rgba(243,240,234,.85);margin-top:16px;font-size:18px}
body.page-about .cta .eyebrow{color:var(--cream);justify-content:center}
body.page-about .cta-line{white-space:nowrap;font-size:clamp(13px,1.35vw,18px)}
@media(max-width:900px){body.page-about .cta-line{white-space:normal;font-size:17px;max-width:34em;margin-inline:auto}}
body.page-about .cta .btn{margin-top:28px}

/* ===== WHAT-WE-DO ===== */
body.page-what-we-do /* ============ THE WORK: full-bleed + sticky rail ============ */

/* full-bleed hero, body.page-what-we-do not a split collage */
.whero{position:relative;min-height:min(70svh,620px);display:flex;align-items:flex-end;overflow:hidden}
body.page-what-we-do .whero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
body.page-what-we-do .whero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.32) 0%,rgba(25,21,18,.55) 55%,rgba(25,21,18,.86) 100%)}
body.page-what-we-do .whero-in{position:relative;z-index:2;width:100%;padding:0 var(--gut) clamp(44px,6vw,80px)}
body.page-what-we-do .whero-in .inner{max-width:var(--w);margin:0 auto}
body.page-what-we-do .whero h1{color:var(--cream);font-size:clamp(32px,5.4vw,68px);line-height:1.1;max-width:14em}
body.page-what-we-do .whero h1.oneline{white-space:nowrap;max-width:none;font-size:clamp(22px,3.35vw,52px)}
@media(max-width:720px){body.page-what-we-do .whero h1.oneline{white-space:normal;font-size:34px;max-width:12em}}
body.page-what-we-do .whero p{color:rgba(243,240,234,.86);font-size:18px;line-height:1.75;max-width:38em;margin-top:18px}
body.page-what-we-do .whero .eyebrow{color:var(--cream)}
body.page-what-we-do /* sticky rail layout */
.railwrap{display:grid;grid-template-columns:230px 1fr;align-items:start;gap:clamp(30px,4vw,72px);
  max-width:var(--w);margin:0 auto;padding-inline:var(--gut)}
@media(max-width:980px){body.page-what-we-do .railwrap{grid-template-columns:1fr;gap:0}}
body.page-what-we-do .rail{position:sticky;top:130px;align-self:start;padding-block:clamp(50px,6vw,90px);z-index:5}
@media(max-width:980px){body.page-what-we-do .rail{display:none}}
body.page-what-we-do .rail .wheel{width:150px;height:150px;display:block;margin-bottom:26px}
body.page-what-we-do .rail .wheel .qd{transition:opacity .5s ease}
body.page-what-we-do .rail .wheel.act .qd{opacity:.24}
body.page-what-we-do .rail .wheel.act .qd.on{opacity:1}
body.page-what-we-do .rail ol{list-style:none;margin:0;padding:0;counter-reset:r}
body.page-what-we-do .rail li{counter-increment:r;border-top:1px solid var(--rule)}
body.page-what-we-do .rail li:last-child{border-bottom:1px solid var(--rule)}
body.page-what-we-do .rail a{display:flex;align-items:baseline;gap:10px;padding:13px 0;text-decoration:none;
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--stone);transition:color .3s,padding-left .3s}
body.page-what-we-do .rail a::before{content:counter(r,decimal-leading-zero);font-size:11px;color:var(--stone);transition:color .3s}
body.page-what-we-do .rail a:hover{color:var(--ink)}
body.page-what-we-do .rail li.on a{color:var(--north);padding-left:8px}
body.page-what-we-do .rail li.on a::before{color:var(--north)}
body.page-what-we-do /* direction chapters */
.chap{padding-block:clamp(56px,7vw,100px);border-top:1px solid var(--rule);overflow:hidden}
body.page-what-we-do .chap:first-of-type{border-top:0}
body.page-what-we-do .chap-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2.5vw,34px);align-items:start;
  margin-bottom:clamp(26px,3vw,40px)}
body.page-what-we-do .chap-num{font-family:var(--serif);font-size:clamp(52px,7vw,96px);line-height:.82;color:var(--c);
  font-variant-numeric:tabular-nums;
  -webkit-text-stroke:1px rgba(44,37,30,.28)}
body.page-what-we-do .chap-num.light{color:transparent;-webkit-text-stroke:1px rgba(44,37,30,.45)}
body.page-what-we-do .chap-dir{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin-bottom:8px}
body.page-what-we-do .chap-head h2{font-size:clamp(27px,3.4vw,44px);line-height:1.12}
body.page-what-we-do .chap-lede{font-size:19px;line-height:1.75;color:var(--muted);max-width:38em;margin-top:16px}
body.page-what-we-do /* full-bleed image band inside a chapter */
.bleed{position:relative;width:52%;max-width:520px;margin:clamp(26px,3vw,40px) 0;
  height:clamp(200px,20vw,300px);overflow:hidden;float:right;margin-left:clamp(22px,3vw,40px)}
@media(max-width:760px){body.page-what-we-do .bleed{float:none;width:100%;max-width:none;margin-left:0;height:clamp(180px,42vw,260px)}}
body.page-what-we-do .bleed img{width:100%;height:100%;object-fit:cover}
body.page-what-we-do .bleed figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;
  background:linear-gradient(180deg,rgba(25,21,18,0),rgba(25,21,18,.72));
  color:rgba(243,240,234,.9);font-size:15px}
body.page-what-we-do /* detail columns */
.dcols{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(28px,4vw,60px)}
@media(max-width:720px){body.page-what-we-do .dcols{grid-template-columns:1fr}}
body.page-what-we-do .dcols li{font-size:17px;line-height:1.5;padding:13px 0;color:var(--muted);border-top:1px solid var(--rule)}
body.page-what-we-do .dcols{list-style:none;margin:14px 0 0;padding:0}
body.page-what-we-do .dcols li b{color:var(--ink);font-weight:700;display:block;margin-bottom:2px}
body.page-what-we-do /* facilities strip */
.facband{background:var(--espresso);color:var(--cream)}
body.page-what-we-do .facband h2, body.page-what-we-do .facband .eyebrow{color:var(--cream)}
body.page-what-we-do .facband p.lede{color:rgba(243,240,234,.84)}
body.page-what-we-do .fac{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(243,240,234,.22);
  border:1px solid rgba(243,240,234,.22);margin-top:clamp(26px,3vw,40px)}
@media(max-width:860px){body.page-what-we-do .fac{grid-template-columns:1fr 1fr}}

@media(max-width:520px){body.page-what-we-do .fac{grid-template-columns:1fr}}
body.page-what-we-do .fac-cell{background:var(--espresso);padding:clamp(22px,2.4vw,30px)}
body.page-what-we-do .fac-cell h3{color:var(--cream);font-size:21px;margin-bottom:6px}
body.page-what-we-do .fac-cell p{color:rgba(243,240,234,.78);font-size:17px;line-height:1.6;margin:0}
body.page-what-we-do /* help */
.help{background:var(--sand)}
body.page-what-we-do .oneline2{white-space:nowrap;font-size:clamp(18px,2.25vw,32px);line-height:1.2}
@media(max-width:900px){body.page-what-we-do .oneline2{white-space:normal;font-size:28px}}
body.page-what-we-do .help-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-what-we-do .help-grid{grid-template-columns:1fr;gap:28px}}
body.page-what-we-do .help-card{background:var(--cream);border:1px solid var(--rule);padding:clamp(26px,3vw,38px)}
body.page-what-we-do .help-card h3{font-size:22px;margin-bottom:12px}
body.page-what-we-do .help-card p{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:.9em}
body.page-what-we-do .help-card a:not(.btn){color:var(--espresso);font-weight:700}
body.page-what-we-do /* cta */
.cta{position:relative;min-height:clamp(360px,40vw,500px);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:70px var(--gut);overflow:hidden}
body.page-what-we-do .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
body.page-what-we-do .cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.52) 0%,rgba(25,21,18,.68) 48%,rgba(25,21,18,.8) 100%)}
body.page-what-we-do .cta-in{position:relative;z-index:2}
body.page-what-we-do .cta h2{color:var(--cream);font-size:clamp(28px,3.6vw,46px);line-height:1.18;max-width:16em;margin-inline:auto}
body.page-what-we-do .cta p{color:rgba(243,240,234,.85);margin-top:16px;font-size:18px}
body.page-what-we-do .cta .eyebrow{color:var(--cream);justify-content:center}
body.page-what-we-do .cta-line{white-space:nowrap;font-size:clamp(13px,1.35vw,18px)}
@media(max-width:900px){body.page-what-we-do .cta-line{white-space:normal;font-size:17px;max-width:34em;margin-inline:auto}}
body.page-what-we-do .cta .btn{margin-top:28px}

/* ===== CIRCLES ===== */
body.page-circles /* ============ CIRCLES ============ */
.chero{background:var(--sand);text-align:center;padding-block:clamp(52px,6.5vw,96px) clamp(40px,5vw,64px)}
body.page-circles .chero h1{font-size:clamp(30px,4vw,52px);line-height:1.16;max-width:16em;margin:0 auto}
body.page-circles .chero p{font-size:19px;line-height:1.75;color:var(--muted);max-width:36em;margin:20px auto 0}
body.page-circles .chero .eyebrow{justify-content:center}
body.page-circles .cband{height:clamp(220px,26vw,360px);overflow:hidden}
body.page-circles .cband img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
body.page-circles /* circle profile panels */
.circ{border-top:1px solid var(--rule)}
body.page-circles .circ:first-of-type{border-top:0}
body.page-circles .circ-in{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
@media(max-width:940px){body.page-circles .circ-in{grid-template-columns:1fr}}
body.page-circles .circ-media{overflow:hidden;min-height:clamp(320px,38vw,540px)}
body.page-circles .circ-media img{width:100%;height:100%;object-fit:cover}
body.page-circles .circ-body{padding:clamp(38px,5vw,76px) clamp(26px,4.5vw,64px);display:flex;flex-direction:column;justify-content:center}
body.page-circles .circ.alt .circ-media{order:2}
@media(max-width:940px){body.page-circles .circ.alt .circ-media{order:1}}
body.page-circles .circ.dark{background:var(--espresso)}
body.page-circles .circ.dark .circ-body h2, body.page-circles .circ.dark .circ-body p{color:var(--cream)}
body.page-circles .circ.dark .circ-body p.sub{color:rgba(243,240,234,.82)}
body.page-circles .circ.dark .meta dt{color:rgba(243,240,234,.6)}
body.page-circles .circ.dark .meta dd{color:var(--cream)}
body.page-circles .circ.dark .meta div{border-color:rgba(243,240,234,.25)}
body.page-circles .circ.dark .eyebrow{color:var(--cream)}
body.page-circles .circ-body h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;margin-bottom:14px}
body.page-circles .circ-body p.sub{font-size:18px;line-height:1.8;color:var(--muted);max-width:34em}
body.page-circles /* meta table */
.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:26px 0 0}
@media(max-width:520px){body.page-circles .meta{grid-template-columns:1fr}}
body.page-circles .meta div{padding:14px 0;border-top:1px solid var(--rule)}
body.page-circles .meta dt{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--stone);margin-bottom:5px}
body.page-circles .meta dd{margin:0;font-family:var(--serif);font-size:20px;color:var(--ink)}
body.page-circles .circ-body .btn{margin-top:28px;align-self:flex-start}
body.page-circles .leader{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;
  margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}
body.page-circles .circ.dark .leader{border-color:rgba(243,240,234,.25)}
body.page-circles .leader figure{margin:0;width:96px;height:96px;overflow:hidden}
body.page-circles .leader img{width:100%;height:100%;object-fit:cover;display:block}
body.page-circles .leader-role{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--north);margin:0 0 4px}
body.page-circles .circ.dark .leader-role{color:var(--gold)}
body.page-circles .leader h3{font-size:22px;margin:0 0 6px}
body.page-circles .circ.dark .leader h3{color:var(--cream)}
body.page-circles .leader-line{font-size:16px;line-height:1.55;color:var(--muted);margin:0}
body.page-circles .circ.dark .leader-line{color:rgba(243,240,234,.8)}
@media(max-width:520px){body.page-circles .leader{grid-template-columns:72px 1fr;gap:16px}
body.page-circles .leader figure{width:72px;height:72px}}
body.page-circles /* an evening, body.page-circles step by step */
.evening{background:var(--cream)}
body.page-circles .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(28px,3.5vw,46px)}
@media(max-width:900px){body.page-circles .steps{grid-template-columns:1fr 1fr}}

@media(max-width:560px){body.page-circles .steps{grid-template-columns:1fr}}
body.page-circles .step{border-top:2px solid var(--north);padding-top:18px}
body.page-circles .step .n{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--north);margin-bottom:10px}
body.page-circles .step h3{font-size:21px;margin-bottom:8px}
body.page-circles .step p{font-size:17px;color:var(--muted);line-height:1.65;margin:0}
body.page-circles /* respect note */
.respect{background:var(--camel);color:var(--cream)}
body.page-circles .respect-in{max-width:780px;margin:0 auto;text-align:center}
body.page-circles .respect h2{color:var(--cream);font-size:clamp(24px,2.9vw,36px);line-height:1.2}
body.page-circles .respect p{color:rgba(243,240,234,.88);font-size:18px;line-height:1.8;margin-top:18px}
body.page-circles .respect .eyebrow{color:var(--cream);justify-content:center}
body.page-circles /* feed the room */
.feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-circles .feed-grid{grid-template-columns:1fr;gap:28px}}
body.page-circles .feed-card{border:1px solid var(--rule);background:var(--white);padding:clamp(26px,3vw,40px)}
body.page-circles .feed-row{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:baseline;
  padding:16px 0;border-bottom:1px solid var(--rule)}
body.page-circles .feed-row:first-child{border-top:1px solid var(--rule)}
body.page-circles .feed-amt{font-family:var(--serif);font-size:34px;color:var(--gold-d);font-variant-numeric:tabular-nums;min-width:78px;text-align:right}
body.page-circles .feed-t{font-size:17px;color:var(--muted);line-height:1.6}
body.page-circles .feed-t b{color:var(--ink);font-weight:700}
body.page-circles .feed-card .btn{margin-top:26px;width:100%}
body.page-circles /* contact */
.join{background:var(--sand)}
body.page-circles .oneline{white-space:nowrap;font-size:clamp(18px,2.3vw,32px);line-height:1.2}
@media(max-width:900px){body.page-circles .oneline{white-space:normal;font-size:28px}}
body.page-circles .join-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-circles .join-grid{grid-template-columns:1fr;gap:28px}}
body.page-circles .join-card{background:var(--cream);border:1px solid var(--rule);padding:clamp(26px,3vw,38px)}
body.page-circles .join-card h3{font-size:22px;margin-bottom:12px}
body.page-circles .join-card p{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:.9em}
body.page-circles .join-card a:not(.btn){color:var(--espresso);font-weight:700}
body.page-circles /* cta */
.cta{position:relative;min-height:clamp(340px,38vw,470px);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:70px var(--gut);overflow:hidden}
body.page-circles .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
body.page-circles .cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.34) 0%,rgba(25,21,18,.56) 48%,rgba(25,21,18,.72) 100%)}
body.page-circles .cta-in{position:relative;z-index:2}
body.page-circles .cta h2{color:var(--cream);font-size:clamp(26px,3.3vw,42px);line-height:1.18;max-width:16em;margin-inline:auto}
body.page-circles .cta-h1{white-space:nowrap;max-width:none!important;font-size:clamp(17px,2.5vw,34px)}
@media(max-width:820px){body.page-circles .cta-h1{white-space:normal;font-size:27px;max-width:14em!important}}
body.page-circles .cta p{color:rgba(243,240,234,.85);margin-top:16px;font-size:18px}
body.page-circles .cta .eyebrow{color:var(--cream);justify-content:center}
body.page-circles .cta .btn{margin-top:28px}

/* ===== GET-INVOLVED ===== */
body.page-get-involved /* ================= GET INVOLVED ================= */
.ghero{background:var(--cream);padding-block:clamp(44px,5.5vw,80px) clamp(56px,7vw,96px)}
body.page-get-involved .ghero-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(30px,5vw,74px);align-items:center}
@media(max-width:940px){body.page-get-involved .ghero-grid{grid-template-columns:1fr;gap:40px}}
body.page-get-involved .ghero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.2;max-width:15em}
body.page-get-involved .ghero .lede{margin-top:20px;max-width:32em}
body.page-get-involved .collage{position:relative;padding:0}
body.page-get-involved .collage .frame{position:absolute;inset:0 clamp(40px,6vw,90px) clamp(52px,7vw,96px) 0;
  border:1px solid var(--rule);pointer-events:none}
body.page-get-involved .collage .big{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden}
body.page-get-involved .collage .sm{position:absolute;right:0;bottom:0;z-index:3;width:46%;aspect-ratio:1/1;
  overflow:hidden;border:9px solid var(--cream)}
body.page-get-involved .collage img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){body.page-get-involved .collage .sm, body.page-get-involved .collage .frame{display:none}
body.page-get-involved .collage{padding:0}}
body.page-get-involved .strip{background:var(--espresso);overflow:hidden;padding:16px 0}
body.page-get-involved .strip-track{display:flex;width:max-content;animation:slide 46s linear infinite}
@media(prefers-reduced-motion:reduce){body.page-get-involved .strip-track{animation:none}}
body.page-get-involved to{transform:translateX(-50%)}
body.page-get-involved .strip span{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(243,240,234,.72);padding:0 30px;white-space:nowrap}
body.page-get-involved /* three paths */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px)}
@media(max-width:860px){body.page-get-involved .paths{grid-template-columns:1fr}}
body.page-get-involved .path{border:1px solid var(--rule);background:var(--cream);padding:clamp(26px,2.8vw,38px);
  display:flex;flex-direction:column;text-align:center;transition:background .35s,border-color .35s}
body.page-get-involved .path:hover{background:var(--white);border-color:rgba(44,37,30,.32)}
body.page-get-involved .path .n{font-family:var(--serif);font-size:34px;color:var(--gold-d);line-height:1;margin-bottom:14px}
body.page-get-involved .path h3{font-size:24px;margin-bottom:10px}
body.page-get-involved .path p{font-size:18px;color:var(--muted);line-height:1.65;flex:1}
body.page-get-involved .path .btn{margin-top:22px}
body.page-get-involved /* alternating blocks */
.gblock{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,68px);align-items:stretch;
  margin-bottom:clamp(40px,5vw,76px)}
body.page-get-involved .gblock:last-child{margin-bottom:0}
body.page-get-involved .g-body{display:flex;flex-direction:column;justify-content:center}
body.page-get-involved .g-media{display:flex}
body.page-get-involved .g-media figure{margin:0;overflow:hidden;width:100%;height:100%;
  min-height:clamp(340px,38vw,560px)}
body.page-get-involved .g-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){body.page-get-involved .gblock{grid-template-columns:1fr;gap:26px;margin-bottom:46px}
body.page-get-involved .gblock .g-media{order:2}
body.page-get-involved .gblock .g-body{order:1}
body.page-get-involved .g-media figure{min-height:0;aspect-ratio:4/5}}
body.page-get-involved .g-body p{font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:1.1em;max-width:34em}
body.page-get-involved .g-body h2{font-size:clamp(24px,2.6vw,33px);margin-bottom:16px}
body.page-get-involved .slist{list-style:none;margin:20px 0 0;padding:0;width:100%}
body.page-get-involved .slist li{font-size:17px;line-height:1.5;padding:12px 0;color:var(--muted);border-top:1px solid var(--rule)}
body.page-get-involved .slist li:last-child{border-bottom:1px solid var(--rule)}
body.page-get-involved .slist li b{color:var(--ink);font-weight:700}
body.page-get-involved /* drop-off card */
.dropcard{border:1px solid var(--rule);background:var(--white);padding:clamp(26px,3vw,38px);margin-top:26px}
body.page-get-involved .dropcard h3{font-size:21px;margin-bottom:12px}
body.page-get-involved .dropcard p{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:.9em}
body.page-get-involved .dropcard a{color:var(--espresso);font-weight:700}
body.page-get-involved /* highlight band */
.hl{background:var(--camel);color:var(--cream)}
body.page-get-involved .hl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,74px);align-items:center}
@media(max-width:900px){body.page-get-involved .hl-grid{grid-template-columns:1fr;gap:30px}}
body.page-get-involved .hl h2{color:var(--cream);font-size:clamp(25px,3vw,38px);line-height:1.2}
body.page-get-involved .hl .eyebrow{color:var(--cream)}
body.page-get-involved .hl p{color:rgba(243,240,234,.88);font-size:18px;line-height:1.8;margin-top:16px}
body.page-get-involved .hl-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,34px);margin-top:8px}
@media(max-width:620px){body.page-get-involved .hl-two{grid-template-columns:1fr}}
body.page-get-involved .hl-card{border:1px solid rgba(243,240,234,.3);padding:clamp(22px,2.4vw,30px)}
body.page-get-involved .hl-card h3{color:var(--cream);font-size:21px;margin-bottom:8px}
body.page-get-involved .hl-card p{font-size:17px;margin-top:0}
body.page-get-involved /* form */
.fwrap{background:var(--sand)}
body.page-get-involved .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,76px);align-items:start}
@media(max-width:900px){body.page-get-involved .fgrid{grid-template-columns:1fr}}
body.page-get-involved .field{margin-bottom:20px}
body.page-get-involved .field label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink);margin-bottom:10px}
body.page-get-involved .field input, body.page-get-involved .field select, body.page-get-involved .field textarea{width:100%;font-family:var(--sans);font-size:18px;color:var(--ink);
  background:var(--cream);border:1px solid var(--rule);padding:14px 16px;border-radius:0;transition:border-color .3s}
body.page-get-involved .field input:focus, body.page-get-involved .field select:focus, body.page-get-involved .field textarea:focus{outline:none;border-color:var(--espresso)}
body.page-get-involved .field textarea{min-height:120px;resize:vertical}
body.page-get-involved .checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
@media(max-width:620px){body.page-get-involved .checks{grid-template-columns:1fr}}
body.page-get-involved .check{display:flex;align-items:center;gap:10px;font-size:17px;color:var(--muted);cursor:pointer}
body.page-get-involved .check input{width:17px;height:17px;accent-color:#8E4326;flex:0 0 auto}
body.page-get-involved .form-note{font-size:15px;color:var(--muted);margin-top:16px;line-height:1.7}
body.page-get-involved .hp{position:absolute;left:-9999px}
body.page-get-involved /* cta */
.cta{position:relative;min-height:clamp(360px,40vw,500px);display:flex;align-items:center;
  justify-content:center;text-align:center;padding:70px var(--gut);overflow:hidden}
body.page-get-involved .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
body.page-get-involved .cta::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(25,21,18,.38) 0%,rgba(25,21,18,.62) 48%,rgba(25,21,18,.78) 100%)}
body.page-get-involved .cta-in{position:relative;z-index:2}
body.page-get-involved .cta h2{color:var(--cream);font-size:clamp(28px,3.6vw,46px);line-height:1.18;max-width:16em;margin-inline:auto}
body.page-get-involved .cta-h1{white-space:nowrap;max-width:none!important;font-size:clamp(21px,3.05vw,42px)}
@media(max-width:760px){body.page-get-involved .cta-h1{white-space:normal;font-size:30px;max-width:14em!important}}
body.page-get-involved .cta p{color:rgba(243,240,234,.85);margin-top:16px;font-size:18px}
body.page-get-involved .cta .eyebrow{color:var(--cream);justify-content:center}
body.page-get-involved .cta-line{white-space:nowrap;font-size:clamp(13px,1.35vw,18px)}
@media(max-width:900px){body.page-get-involved .cta-line{white-space:normal;font-size:17px;max-width:34em;margin-inline:auto}}
body.page-get-involved .cta .btn{margin-top:28px}

/* ===== RESOURCES ===== */
body.page-resources /* ============ RESOURCES: directory ============ */
.rhero{background:var(--espresso);color:var(--cream);padding-block:clamp(48px,6vw,84px)}
body.page-resources .rhero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-resources .rhero-grid{grid-template-columns:1fr;gap:30px}}
body.page-resources .rhero h1{color:var(--cream);font-size:clamp(29px,3.7vw,46px);line-height:1.16;max-width:15em}
body.page-resources .rhero p{color:rgba(243,240,234,.86);font-size:19px;line-height:1.75;margin-top:18px;max-width:34em}
body.page-resources .rhero .eyebrow{color:var(--cream)}
body.page-resources .nowcard{border:1px solid rgba(243,240,234,.32);padding:clamp(24px,2.8vw,34px)}
body.page-resources .nowcard h2{color:var(--cream);font-size:23px;margin-bottom:16px}
body.page-resources .nowrow{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:13px 0;
  border-top:1px solid rgba(243,240,234,.22);align-items:baseline}
body.page-resources .nowrow:last-of-type{border-bottom:1px solid rgba(243,240,234,.22)}
body.page-resources .nowlab{font-family:var(--sans);font-size:11.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(243,240,234,.6);min-width:64px}
body.page-resources .nowval{font-family:var(--serif);font-size:20px;color:var(--cream)}
body.page-resources .nowval a{color:var(--gold);text-decoration:none}
body.page-resources .nowval a:hover{text-decoration:underline}
body.page-resources .nowcard .btn{margin-top:22px;width:100%}
body.page-resources /* chip nav */
.chipnav{position:sticky;top:98px;z-index:60;background:var(--cream);border-bottom:1px solid var(--rule)}
@media(max-width:1060px){body.page-resources .chipnav{top:80px}}
body.page-resources .chipnav-in{display:flex;gap:8px;overflow-x:auto;padding:14px var(--gut);max-width:var(--w);margin:0 auto;
  scrollbar-width:none}
body.page-resources .chipnav-in::-webkit-scrollbar{display:none}
body.page-resources .chipnav a{flex:0 0 auto;font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;text-decoration:none;color:var(--muted);border:1px solid var(--rule);
  padding:10px 16px;transition:background .3s,color .3s,border-color .3s}
body.page-resources .chipnav a:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
body.page-resources /* category blocks */
.cat{padding-block:clamp(44px,5.5vw,78px);border-top:1px solid var(--rule)}
body.page-resources .cat:first-of-type{border-top:0}
body.page-resources .cat-head{max-width:640px;margin-bottom:clamp(24px,3vw,38px)}
body.page-resources .cat-head h2{font-size:clamp(25px,3vw,36px);line-height:1.14}
body.page-resources .cat-head p{font-size:18px;line-height:1.75;color:var(--muted);margin-top:14px}
body.page-resources .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}
@media(max-width:1000px){body.page-resources .cards{grid-template-columns:1fr 1fr}}

@media(max-width:640px){body.page-resources .cards{grid-template-columns:1fr}}
body.page-resources .card{border:1px solid var(--rule);background:var(--cream);padding:clamp(22px,2.4vw,30px);
  display:flex;flex-direction:column;transition:background .35s,border-color .35s}
body.page-resources .card:hover{background:var(--white);border-color:rgba(44,37,30,.3)}
body.page-resources .card h3{font-size:21px;margin-bottom:8px;line-height:1.25}
body.page-resources .card p{font-size:17px;color:var(--muted);line-height:1.6;flex:1;margin:0}
body.page-resources .card .tag{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;margin-bottom:12px;display:inline-block}
body.page-resources .tag.ours{color:var(--north)}
body.page-resources .tag.partner{color:var(--gold-d)}
body.page-resources .tag.ask{color:var(--stone)}
body.page-resources .card .line{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule);
  font-size:16px;line-height:1.55;color:var(--ink)}
body.page-resources .card .line a{color:var(--espresso);font-weight:700}
body.page-resources .card .line.muted{color:var(--muted);font-weight:400}
body.page-resources /* verify note */
.verify{background:var(--sand);border-block:1px solid var(--rule)}
body.page-resources .verify-in{max-width:820px;margin:0 auto;text-align:center}
body.page-resources .verify p{font-size:18px;line-height:1.75;color:var(--muted)}
body.page-resources .verify strong{color:var(--ink)}
body.page-resources /* families */
.fam{background:var(--camel);color:var(--cream)}
body.page-resources .fam-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-resources .fam-grid{grid-template-columns:1fr;gap:28px}}
body.page-resources .fam h2{color:var(--cream);font-size:clamp(25px,3vw,38px);line-height:1.18}
body.page-resources .fam p{color:rgba(243,240,234,.88);font-size:18px;line-height:1.8;margin-top:16px}
body.page-resources .fam .eyebrow{color:var(--cream)}
body.page-resources .fam ul{list-style:none;margin:18px 0 0;padding:0}
body.page-resources .fam li{padding:13px 0;border-top:1px solid rgba(243,240,234,.26);font-size:17px;
  color:rgba(243,240,234,.88);line-height:1.55}
body.page-resources .fam li:last-child{border-bottom:1px solid rgba(243,240,234,.26)}
body.page-resources /* ask */
.ask{background:var(--cream)}
body.page-resources .ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){body.page-resources .ask-grid{grid-template-columns:1fr;gap:28px}}
body.page-resources .ask-card{background:var(--white);border:1px solid var(--rule);padding:clamp(26px,3vw,38px)}
body.page-resources .ask-card h3{font-size:22px;margin-bottom:12px}
body.page-resources .ask-card p{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:.9em}
body.page-resources .ask-card a:not(.btn){color:var(--espresso);font-weight:700}

/* ===== PRIVACY ===== */
body.page-privacy /* ---------- document pages: privacy + financials ---------- */
body.page-privacy .wl-wrap, body.page-privacy.page-financials .wl-wrap, body.page-privacy.page-privacy .wrap, body.page-privacy.page-financials .wrap{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px)}
body.page-privacy.page-privacy .doc-hero, body.page-privacy.page-financials .doc-hero{
  background:var(--sand);padding-block:clamp(56px,7vw,96px)}
body.page-privacy.page-privacy .doc-hero .inner, body.page-privacy.page-financials .doc-hero .inner{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px)}
body.page-privacy.page-privacy .doc-hero h1, body.page-privacy.page-financials .doc-hero h1{
  font-size:clamp(30px,3.8vw,50px);line-height:1.14;max-width:15em}
body.page-privacy.page-privacy .doc-hero p, body.page-privacy.page-financials .doc-hero p{
  font-size:19px;line-height:1.75;color:var(--muted);max-width:38em;margin-top:18px}
body.page-privacy /* two-column editorial layout with a sticky index */
body.page-privacy .doc-grid, body.page-privacy.page-financials .doc-grid{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px);
  display:grid;grid-template-columns:230px 1fr;gap:clamp(34px,5vw,88px);align-items:start}
@media(max-width:980px){body.page-privacy.page-privacy .doc-grid, body.page-privacy.page-financials .doc-grid{grid-template-columns:1fr;gap:0}}
body.page-privacy.page-privacy .doc-index, body.page-privacy.page-financials .doc-index{position:sticky;top:130px}
@media(max-width:980px){body.page-privacy.page-privacy .doc-index, body.page-privacy.page-financials .doc-index{display:none}}
body.page-privacy.page-privacy .doc-index p, body.page-privacy.page-financials .doc-index p{
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin:0 0 16px}
body.page-privacy.page-privacy .doc-index a, body.page-privacy.page-financials .doc-index a{
  display:block;font-family:var(--sans);font-size:13.5px;font-weight:400;color:var(--muted);
  text-decoration:none;padding:11px 0;border-top:1px solid var(--rule);line-height:1.4;
  transition:color .3s,padding-left .3s}
body.page-privacy.page-privacy .doc-index a:last-child, body.page-privacy.page-financials .doc-index a:last-child{
  border-bottom:1px solid var(--rule)}
body.page-privacy.page-privacy .doc-index a:hover, body.page-privacy.page-financials .doc-index a:hover{
  color:var(--ink);padding-left:6px}
body.page-privacy.page-privacy .doc, body.page-privacy.page-financials .doc{max-width:760px}
body.page-privacy.page-privacy .doc section, body.page-privacy.page-financials .doc section{
  padding-block:0 clamp(36px,4vw,52px)}
body.page-privacy.page-privacy .doc h2, body.page-privacy.page-financials .doc h2{
  font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:0 0 16px;
  padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--rule)}
body.page-privacy.page-privacy .doc section:first-child h2, body.page-privacy.page-financials .doc section:first-child h2{padding-top:0;border-top:0}
body.page-privacy.page-privacy .doc h3, body.page-privacy.page-financials .doc h3{font-size:20px;margin:24px 0 8px}
body.page-privacy.page-privacy .doc p, body.page-privacy.page-financials .doc p{
  font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:1.1em}
body.page-privacy.page-privacy .doc ul, body.page-privacy.page-financials .doc ul{list-style:none;margin:18px 0 0;padding:0}
body.page-privacy.page-privacy .doc ul li, body.page-privacy.page-financials .doc ul li{
  font-size:18px;line-height:1.6;color:var(--muted);
  padding:13px 0 13px 30px;border-top:1px solid var(--rule);position:relative}
body.page-privacy.page-privacy .doc ul li:last-child, body.page-privacy.page-financials .doc ul li:last-child{
  border-bottom:1px solid var(--rule)}
body.page-privacy.page-privacy .doc ul li::before, body.page-privacy.page-financials .doc ul li::before{
  content:"+";position:absolute;left:0;top:12px;font-family:var(--sans);
  font-size:17px;font-weight:700;color:var(--gold-d)}
body.page-privacy.page-privacy .doc ul.no li::before, body.page-privacy.page-financials .doc ul.no li::before{
  content:"\2013";color:var(--north)}
body.page-privacy.page-privacy .doc li b, body.page-privacy.page-financials .doc li b{color:var(--ink);font-weight:700}
body.page-privacy.page-privacy .doc a, body.page-privacy.page-financials .doc a{color:var(--espresso);font-weight:700}
body.page-privacy.page-privacy .doc-note, body.page-privacy.page-financials .doc-note{
  background:var(--white);border-left:3px solid var(--north);
  padding:clamp(24px,2.8vw,34px);margin:clamp(26px,3vw,38px) 0}
body.page-privacy.page-privacy .doc-note h3, body.page-privacy.page-financials .doc-note h3{margin-top:0}
body.page-privacy.page-privacy .doc-note p:last-child, body.page-privacy.page-financials .doc-note p:last-child{margin-bottom:0}
body.page-privacy.page-privacy .doc-updated, body.page-privacy.page-financials .doc-updated{
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--stone);margin:0;padding-top:26px;border-top:1px solid var(--rule)}
body.page-privacy /* financial figures, body.page-privacy full width of the content column */
body.page-financials .fin{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,1.6vw,20px);margin:clamp(24px,3vw,36px) 0 0}
@media(max-width:700px){body.page-privacy.page-financials .fin{grid-template-columns:1fr}}
body.page-privacy.page-financials .fin div{border:1px solid var(--rule);background:var(--cream);
  padding:clamp(22px,2.4vw,28px);text-align:center;display:flex;flex-direction:column}
body.page-privacy.page-financials .fin .n{font-family:var(--serif);font-size:clamp(36px,3.6vw,46px);
  line-height:1;color:var(--gold-d);font-variant-numeric:tabular-nums}
body.page-privacy.page-financials .fin h3{font-size:19px;margin:14px 0 6px}
body.page-privacy.page-financials .fin p{font-size:16px;margin:0;line-height:1.6}
body.page-privacy /* closing call to action shared by both */
body.page-privacy .doc-cta, body.page-privacy.page-financials .doc-cta{background:var(--espresso);color:var(--cream);
  text-align:center;padding-block:clamp(50px,6vw,80px)}
body.page-privacy.page-privacy .doc-cta h2, body.page-privacy.page-financials .doc-cta h2{
  color:var(--cream);font-size:clamp(24px,2.9vw,36px);line-height:1.2;max-width:18em;margin:0 auto}
body.page-privacy.page-privacy .doc-cta p, body.page-privacy.page-financials .doc-cta p{
  color:rgba(243,240,234,.84);font-size:18px;margin:16px auto 0;max-width:32em}
body.page-privacy.page-privacy .doc-cta .eyebrow, body.page-privacy.page-financials .doc-cta .eyebrow{
  color:var(--cream);justify-content:center}
body.page-privacy.page-privacy .doc-cta .btn, body.page-privacy.page-financials .doc-cta .btn{margin-top:26px}
body.page-privacy a, body.page-privacy a:link, body.page-privacy a:visited{color:inherit}
html, body.page-privacy{max-width:100%;overflow-x:hidden}
body.page-privacy .wl-section{padding-block:clamp(64px,8vw,110px)}
body.page-privacy /* ---- document pages: breathing room in every container ---- */
body.page-privacy .doc-hero, body.page-privacy.page-financials .doc-hero{padding-block:clamp(56px,7vw,96px)}
body.page-privacy.page-privacy .wl-section, body.page-privacy.page-financials .wl-section{padding-block:clamp(56px,7vw,100px)}
body.page-privacy.page-privacy .doc-grid, body.page-privacy.page-financials .doc-grid{padding-inline:clamp(20px,5vw,68px);gap:clamp(34px,5vw,88px)}
body.page-privacy.page-privacy .doc section, body.page-privacy.page-financials .doc section{padding-block:clamp(10px,1.4vw,18px) clamp(34px,4vw,50px)}
body.page-privacy.page-privacy .doc h2, body.page-privacy.page-financials .doc h2{padding-top:clamp(30px,3.4vw,44px)}
body.page-privacy.page-privacy .doc-note, body.page-privacy.page-financials .doc-note{padding:clamp(26px,3vw,38px);margin:clamp(28px,3.2vw,42px) 0}
body.page-privacy.page-privacy .doc ul, body.page-privacy.page-financials .doc ul{margin:20px 0 6px}
body.page-privacy.page-privacy .doc ul li, body.page-privacy.page-financials .doc ul li{padding:15px 0 15px 30px}
body.page-privacy.page-privacy .doc-updated, body.page-privacy.page-financials .doc-updated{margin-top:clamp(28px,3vw,40px);padding-top:26px}
body.page-privacy.page-privacy .doc-cta, body.page-privacy.page-financials .doc-cta{padding-block:clamp(56px,6.5vw,88px)}
body.page-privacy.page-privacy .doc-cta .inner, body.page-privacy.page-financials .doc-cta .inner{padding-inline:clamp(20px,5vw,68px)}
body.page-privacy.page-privacy .doc-index, body.page-privacy.page-financials .doc-index{top:140px}
@media(max-width:980px){body.page-privacy.page-privacy .doc-grid, body.page-privacy.page-financials .doc-grid{gap:0}
body.page-privacy.page-privacy .doc, body.page-privacy.page-financials .doc{max-width:none}}


/* ===== FINANCIALS ===== */
body.page-financials /* ---------- document pages: privacy + financials ---------- */
body.page-privacy .wl-wrap, body.page-financials.page-financials .wl-wrap, body.page-financials.page-privacy .wrap, body.page-financials.page-financials .wrap{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px)}
body.page-financials.page-privacy .doc-hero, body.page-financials.page-financials .doc-hero{
  background:var(--sand);padding-block:clamp(56px,7vw,96px)}
body.page-financials.page-privacy .doc-hero .inner, body.page-financials.page-financials .doc-hero .inner{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px)}
body.page-financials.page-privacy .doc-hero h1, body.page-financials.page-financials .doc-hero h1{
  font-size:clamp(30px,3.8vw,50px);line-height:1.14;max-width:15em}
body.page-financials.page-privacy .doc-hero p, body.page-financials.page-financials .doc-hero p{
  font-size:19px;line-height:1.75;color:var(--muted);max-width:38em;margin-top:18px}
body.page-financials /* two-column editorial layout with a sticky index */
body.page-privacy .doc-grid, body.page-financials.page-financials .doc-grid{
  max-width:1300px;margin:0 auto;padding-inline:clamp(20px,5vw,68px);
  display:grid;grid-template-columns:230px 1fr;gap:clamp(34px,5vw,88px);align-items:start}
@media(max-width:980px){body.page-financials.page-privacy .doc-grid, body.page-financials.page-financials .doc-grid{grid-template-columns:1fr;gap:0}}
body.page-financials.page-privacy .doc-index, body.page-financials.page-financials .doc-index{position:sticky;top:130px}
@media(max-width:980px){body.page-financials.page-privacy .doc-index, body.page-financials.page-financials .doc-index{display:none}}
body.page-financials.page-privacy .doc-index p, body.page-financials.page-financials .doc-index p{
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:var(--north);margin:0 0 16px}
body.page-financials.page-privacy .doc-index a, body.page-financials.page-financials .doc-index a{
  display:block;font-family:var(--sans);font-size:13.5px;font-weight:400;color:var(--muted);
  text-decoration:none;padding:11px 0;border-top:1px solid var(--rule);line-height:1.4;
  transition:color .3s,padding-left .3s}
body.page-financials.page-privacy .doc-index a:last-child, body.page-financials.page-financials .doc-index a:last-child{
  border-bottom:1px solid var(--rule)}
body.page-financials.page-privacy .doc-index a:hover, body.page-financials.page-financials .doc-index a:hover{
  color:var(--ink);padding-left:6px}
body.page-financials.page-privacy .doc, body.page-financials.page-financials .doc{max-width:760px}
body.page-financials.page-privacy .doc section, body.page-financials.page-financials .doc section{
  padding-block:0 clamp(36px,4vw,52px)}
body.page-financials.page-privacy .doc h2, body.page-financials.page-financials .doc h2{
  font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:0 0 16px;
  padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--rule)}
body.page-financials.page-privacy .doc section:first-child h2, body.page-financials.page-financials .doc section:first-child h2{padding-top:0;border-top:0}
body.page-financials.page-privacy .doc h3, body.page-financials.page-financials .doc h3{font-size:20px;margin:24px 0 8px}
body.page-financials.page-privacy .doc p, body.page-financials.page-financials .doc p{
  font-size:18px;line-height:1.8;color:var(--muted);margin-bottom:1.1em}
body.page-financials.page-privacy .doc ul, body.page-financials.page-financials .doc ul{list-style:none;margin:18px 0 0;padding:0}
body.page-financials.page-privacy .doc ul li, body.page-financials.page-financials .doc ul li{
  font-size:18px;line-height:1.6;color:var(--muted);
  padding:13px 0 13px 30px;border-top:1px solid var(--rule);position:relative}
body.page-financials.page-privacy .doc ul li:last-child, body.page-financials.page-financials .doc ul li:last-child{
  border-bottom:1px solid var(--rule)}
body.page-financials.page-privacy .doc ul li::before, body.page-financials.page-financials .doc ul li::before{
  content:"+";position:absolute;left:0;top:12px;font-family:var(--sans);
  font-size:17px;font-weight:700;color:var(--gold-d)}
body.page-financials.page-privacy .doc ul.no li::before, body.page-financials.page-financials .doc ul.no li::before{
  content:"\2013";color:var(--north)}
body.page-financials.page-privacy .doc li b, body.page-financials.page-financials .doc li b{color:var(--ink);font-weight:700}
body.page-financials.page-privacy .doc a, body.page-financials.page-financials .doc a{color:var(--espresso);font-weight:700}
body.page-financials.page-privacy .doc-note, body.page-financials.page-financials .doc-note{
  background:var(--white);border-left:3px solid var(--north);
  padding:clamp(24px,2.8vw,34px);margin:clamp(26px,3vw,38px) 0}
body.page-financials.page-privacy .doc-note h3, body.page-financials.page-financials .doc-note h3{margin-top:0}
body.page-financials.page-privacy .doc-note p:last-child, body.page-financials.page-financials .doc-note p:last-child{margin-bottom:0}
body.page-financials.page-privacy .doc-updated, body.page-financials.page-financials .doc-updated{
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--stone);margin:0;padding-top:26px;border-top:1px solid var(--rule)}
body.page-financials /* financial figures, body.page-financials full width of the content column */
body.page-financials .fin{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,1.6vw,20px);margin:clamp(24px,3vw,36px) 0 0}
@media(max-width:700px){body.page-financials.page-financials .fin{grid-template-columns:1fr}}
body.page-financials.page-financials .fin div{border:1px solid var(--rule);background:var(--cream);
  padding:clamp(22px,2.4vw,28px);text-align:center;display:flex;flex-direction:column}
body.page-financials.page-financials .fin .n{font-family:var(--serif);font-size:clamp(36px,3.6vw,46px);
  line-height:1;color:var(--gold-d);font-variant-numeric:tabular-nums}
body.page-financials.page-financials .fin h3{font-size:19px;margin:14px 0 6px}
body.page-financials.page-financials .fin p{font-size:16px;margin:0;line-height:1.6}
body.page-financials /* closing call to action shared by both */
body.page-privacy .doc-cta, body.page-financials.page-financials .doc-cta{background:var(--espresso);color:var(--cream);
  text-align:center;padding-block:clamp(50px,6vw,80px)}
body.page-financials.page-privacy .doc-cta h2, body.page-financials.page-financials .doc-cta h2{
  color:var(--cream);font-size:clamp(24px,2.9vw,36px);line-height:1.2;max-width:18em;margin:0 auto}
body.page-financials.page-privacy .doc-cta p, body.page-financials.page-financials .doc-cta p{
  color:rgba(243,240,234,.84);font-size:18px;margin:16px auto 0;max-width:32em}
body.page-financials.page-privacy .doc-cta .eyebrow, body.page-financials.page-financials .doc-cta .eyebrow{
  color:var(--cream);justify-content:center}
body.page-financials.page-privacy .doc-cta .btn, body.page-financials.page-financials .doc-cta .btn{margin-top:26px}
body.page-financials a, body.page-financials a:link, body.page-financials a:visited{color:inherit}
html, body.page-financials{max-width:100%;overflow-x:hidden}
body.page-financials .wl-section{padding-block:clamp(64px,8vw,110px)}
body.page-financials /* ---- document pages: breathing room in every container ---- */
body.page-privacy .doc-hero, body.page-financials.page-financials .doc-hero{padding-block:clamp(56px,7vw,96px)}
body.page-financials.page-privacy .wl-section, body.page-financials.page-financials .wl-section{padding-block:clamp(56px,7vw,100px)}
body.page-financials.page-privacy .doc-grid, body.page-financials.page-financials .doc-grid{padding-inline:clamp(20px,5vw,68px);gap:clamp(34px,5vw,88px)}
body.page-financials.page-privacy .doc section, body.page-financials.page-financials .doc section{padding-block:clamp(10px,1.4vw,18px) clamp(34px,4vw,50px)}
body.page-financials.page-privacy .doc h2, body.page-financials.page-financials .doc h2{padding-top:clamp(30px,3.4vw,44px)}
body.page-financials.page-privacy .doc-note, body.page-financials.page-financials .doc-note{padding:clamp(26px,3vw,38px);margin:clamp(28px,3.2vw,42px) 0}
body.page-financials.page-privacy .doc ul, body.page-financials.page-financials .doc ul{margin:20px 0 6px}
body.page-financials.page-privacy .doc ul li, body.page-financials.page-financials .doc ul li{padding:15px 0 15px 30px}
body.page-financials.page-privacy .doc-updated, body.page-financials.page-financials .doc-updated{margin-top:clamp(28px,3vw,40px);padding-top:26px}
body.page-financials.page-privacy .doc-cta, body.page-financials.page-financials .doc-cta{padding-block:clamp(56px,6.5vw,88px)}
body.page-financials.page-privacy .doc-cta .inner, body.page-financials.page-financials .doc-cta .inner{padding-inline:clamp(20px,5vw,68px)}
body.page-financials.page-privacy .doc-index, body.page-financials.page-financials .doc-index{top:140px}
@media(max-width:980px){body.page-financials.page-privacy .doc-grid, body.page-financials.page-financials .doc-grid{gap:0}
body.page-financials.page-privacy .doc, body.page-financials.page-financials .doc{max-width:none}}


/* ===== MOBILE PASS ===== */

/* ================= MOBILE + LINK NORMALISATION PASS ================= */

/* 1. Kill browser auto-link blue. iOS/Android auto-detect phone numbers,
      addresses and emails in plain text and colour them blue. */
a, a:link, a:visited, a:active{color:inherit}
a[href^="tel:"], a[href^="mailto:"]{color:inherit;text-decoration:none}
/* Safari/Chrome data-detector overrides */
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;
  font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important}
*{-webkit-tap-highlight-color:rgba(142,67,38,.14)}

/* 2. No sideways scroll on any device */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
.bleed{width:100vw;left:auto;right:auto;margin-left:calc(50% - 50vw);margin-right:0}

/* 3. Comfortable tap targets everywhere */
.btn{min-height:48px}
.nl,.f-col a,.chipnav a,.tlink{min-height:44px;display:inline-flex;align-items:center}
.f-col a{align-items:flex-start}

@media(max-width:760px){
  :root{--gut:20px}
  body{font-size:17px;line-height:1.75}
  .lede{font-size:17px}

  /* primary actions go full width so they are easy to hit */
  .hero-cta .btn,.cta .btn,.picker .btn,.dhero .btn,.ghero .btn,.whero .btn,
  .band-card .btn,.nowcard .btn{width:100%;justify-content:center}
  .hero-cta{flex-direction:column;gap:10px}

  /* tighten oversized display type */
  .d1,.d2{line-height:1.18}
  .gamt,.feed-amt,.count-n,.chap-num{letter-spacing:-.01em}

  /* stacked images should never dominate the screen */
  .g-media figure,.s-media figure,.d-media figure,.circ-media{max-height:64svh}
}

/* 4. Forced single lines must always wrap on small screens */
@media(max-width:620px){
  .oneline,.oneline2,.cta-h1,.twoline,.cta-line{white-space:normal!important}
  .qbr,.tbr,.qbr *{display:none!important}
  .oneline,.oneline2,.cta-h1{font-size:clamp(23px,6.4vw,30px)!important;max-width:none!important}
  .cta-line{font-size:16px!important}
}

/* 5. Sticky offsets follow the shorter mobile header */
@media(max-width:1060px){
  .chipnav{top:80px}
  .rail{top:100px}
}

/* 6. Forms: 16px+ prevents iOS auto-zoom on focus */
input,select,textarea{font-size:16px!important}
@media(min-width:761px){input,select,textarea{font-size:18px!important}}
.field input,.field select,.field textarea{min-height:50px}
.check{min-height:44px}

/* 7. Small-screen grid safety for anything still two-up */
@media(max-width:520px){
  .meta,.checks,.dcols,.amts{grid-template-columns:1fr}
  .amts{grid-template-columns:1fr 1fr}
  .trio,.paths,.cards,.steps,.fac,.needs-grid,.ways{grid-template-columns:1fr}
}


/* ---- footer donate button ---- */
.wl-footer .wl-btn--gold,.f-col .btn-gold{background:#B9903F;border-color:#B9903F;color:#191512;display:inline-flex}
.wl-footer .wl-btn--gold:hover,.f-col .btn-gold:hover{background:#191512;border-color:#191512;color:#B9903F}
.wl-fcol a.wl-btn{display:inline-flex;margin-bottom:0}