/* Concept: a youth-led nonprofit site in the manner of projectworthy.org. Big uppercase headlines, a story row,
   a mission banner and stats. The brand is navy, cream and orange, and every image frame is an arched doorway. */
:root{
  --navy:#14233F; --navy-2:#22365C; --cream:#F6EFE2; --sand:#E9DFCB; --orange:#E8742A; --orange-deep:#B14F14;
  --white:#FFFDF8; --ink:#14233F; --muted:#525C75; --line:rgba(20,35,63,.2);
  --c-inc:#2a78d6; --c-rent:#eb6834; --c-food:#1baf7a; --c-util:#eda100; --c-trans:#6250d6; --c-health:#e87ba4; --c-extra:#7a8296; --c-custom:#8d7f66;
  --c-short:#c23b32; --c-save:#2c8a58; --c-flow:#7a8296;
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.65;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));overflow-x:clip}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1180px;margin-inline:auto}
.sec{padding-block:clamp(3rem,7vw,5.5rem)}
.h1,.h2{font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
.h1{font-size:clamp(2.3rem,6vw,4.6rem)}
.h2{font-size:clamp(1.7rem,3.8vw,2.9rem)}
.h3{font-weight:700;font-size:1.25rem;line-height:1.25}
.lead{font-size:1.15rem;max-width:56ch}
.muted{color:var(--muted)}
.btn{display:inline-block;padding:.8rem 1.5rem;border:2px solid var(--navy);border-radius:999px;background:transparent;color:var(--navy);
  font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--navy);color:var(--cream)}
.btn.o{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.btn.o:hover{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.btn.lt{border-color:var(--cream);color:var(--cream)}
.btn.lt:hover{background:var(--cream);color:var(--navy)}

/* ---------- header ---------- */
.top{position:relative;z-index:30}
.top-row{display:flex;align-items:center;gap:1.5rem;padding-block:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:none}
.brand svg{width:46px;height:46px;flex:none}
.brand-t{display:flex;flex-direction:column;line-height:1;font-weight:900;font-size:1.65rem;letter-spacing:-.01em}
.brand-t small{font-size:.62rem;font-weight:700;letter-spacing:.2em;margin-bottom:.2rem}
.search{position:relative;flex:1;max-width:460px;margin-left:auto}
.search input{width:100%;padding:.65rem 2.8rem .65rem 1.1rem;border:2px solid var(--navy);border-radius:999px;background:var(--white);font-size:.95rem}
.search button{position:absolute;right:4px;top:4px;bottom:4px;width:38px;border:0;border-radius:50%;background:var(--navy);color:var(--cream);cursor:pointer;display:grid;place-items:center}
.search button svg{width:16px;height:16px}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--white);border:2px solid var(--navy);border-radius:16px;overflow:hidden;z-index:40}
.sugg a{display:block;padding:.6rem 1rem;text-decoration:none;font-size:.9rem;border-bottom:1px solid var(--line)}
.sugg a:last-child{border-bottom:0}
.sugg a:hover,.sugg a:focus-visible{background:var(--sand)}
.sugg small{display:block;color:var(--muted);font-size:.75rem}
.menu-btn{display:none;background:var(--navy);color:var(--cream);border:0;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;font-size:.85rem;text-transform:uppercase;cursor:pointer}
.nav{background:var(--navy);color:var(--cream)}
.nav>.wrap>ul{display:flex;flex-wrap:wrap;align-items:center;gap:0 .25rem}
.nav li{position:relative}
.nav .nb{display:block;padding:.95rem 1rem;background:none;border:0;color:var(--cream);text-decoration:none;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.nav .nb:hover,.nav .nb:focus-visible{color:var(--orange)}
.nav .has>.nb::after{content:"";display:inline-block;margin-left:.45rem;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.drop{display:none;position:absolute;left:0;top:100%;min-width:260px;background:var(--white);color:var(--ink);border:2px solid var(--navy);border-top:0;border-radius:0 0 16px 16px;padding:.5rem 0;z-index:50}
.drop a{display:block;padding:.55rem 1.2rem;text-decoration:none;font-size:.92rem;font-weight:500}
.drop a:hover,.drop a:focus-visible{background:var(--sand)}
.has:hover>.drop,.has:focus-within>.drop,.has.open>.drop{display:block}
.nav .push{margin-left:auto}
.nav .don{background:var(--orange);color:var(--navy);border-radius:999px;padding:.55rem 1.3rem;margin:.4rem 0}
.nav .don:hover,.nav .don:focus-visible{background:var(--cream);color:var(--navy)}

/* ---------- views ---------- */
.view[hidden]{display:none}
.pagehead{background:var(--navy);color:var(--cream);padding-block:clamp(2.5rem,6vw,4.5rem)}
.pagehead .lead{margin-top:1rem;color:#D9D6CF}
.arch{border-radius:999px 999px 0 0;overflow:hidden;position:relative}

/* ---------- home hero ---------- */
.hero{background:var(--navy);color:var(--cream);padding-block:clamp(2.5rem,6vw,4.5rem)}
.slides{display:grid}
.slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:3rem;align-items:center;visibility:hidden}
.slide.on{visibility:visible}
.slide .h1{margin-block:.9rem 1.1rem}
.slide .kick{font-weight:700;font-size:.85rem;color:var(--orange)}
.slide .lead{color:#D9D6CF}
.slide .cta{margin-top:1.75rem;display:flex;gap:.75rem;flex-wrap:wrap}
.door{justify-self:center;width:min(100%,330px);aspect-ratio:3/4;background:var(--orange);color:var(--navy);border-radius:999px 999px 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:2.2rem 1.6rem 2.2rem;position:relative}
.door::before{content:"";position:absolute;inset:14px 14px 0;border:3px solid var(--navy);border-bottom:0;border-radius:999px 999px 0 0}
.door b{font-weight:900;font-size:clamp(3.4rem,8vw,5.2rem);line-height:.95;position:relative}
.door span{font-weight:600;font-size:.95rem;line-height:1.35;position:relative;margin-top:.6rem;max-width:20ch}
.slidectl{display:flex;align-items:center;gap:.6rem;margin-top:2.25rem}
.slidectl button{width:42px;height:42px;border-radius:50%;border:2px solid var(--cream);background:transparent;color:var(--cream);cursor:pointer;display:grid;place-items:center}
.slidectl button:hover{background:var(--cream);color:var(--navy)}
.slidectl button svg{width:16px;height:16px}
.dots{display:flex;gap:.5rem;margin-left:.6rem}
.dots button{width:14px;height:14px;border-radius:50%;padding:0}
.dots button[aria-current="true"]{background:var(--orange);border-color:var(--orange)}

/* ---------- cards, stories ---------- */
.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.8rem;margin-top:2.2rem}
.card{display:flex;flex-direction:column;gap:.85rem;text-decoration:none}
.card .arch{aspect-ratio:4/3;display:grid;place-items:center}
.card .arch svg{width:44%;max-width:150px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.card:hover .arch svg{transform:translateY(-4px)}
.card .cat{font-size:.76rem;font-weight:700;text-transform:uppercase;color:var(--orange-deep)}
.card h3{font-weight:800;font-size:1.3rem;line-height:1.2}
.card:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:4px}
.card p{color:var(--muted);font-size:.95rem}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.band{background:var(--orange);color:var(--navy)}
.band .h2{max-width:22ch}
.band p{margin-top:1rem;max-width:56ch;font-weight:500;font-size:1.1rem}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}
.stat b{display:block;font-weight:900;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.02em}
.stat span{display:block;margin-top:.5rem;font-size:.92rem;font-weight:500;max-width:22ch}
.panel{background:var(--white);border:2px solid var(--navy);border-radius:28px 28px 28px 4px;padding:clamp(1.2rem,3vw,2.2rem)}
.chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}
.chip{border:2px solid var(--navy);border-radius:999px;background:transparent;padding:.35rem .95rem;font-weight:600;font-size:.88rem;cursor:pointer}
.chip:hover{background:var(--navy);color:var(--cream)}
.news{background:var(--navy-2);color:var(--cream)}
.news form{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;max-width:560px}
.news input[type=email]{flex:1;min-width:220px;padding:.8rem 1.2rem;border-radius:999px;border:2px solid var(--cream);background:var(--white);color:var(--ink)}
.msg{margin-top:.9rem;font-weight:600}

/* ---------- article ---------- */
.art{max-width:720px;margin-inline:auto}
.art .meta{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--orange-deep)}
.art h1{font-weight:800;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08;margin-block:.7rem 1rem;text-wrap:balance}
.art .dek{font-size:1.25rem;color:var(--muted);font-family:var(--serif);line-height:1.5}
.art .body{margin-top:2.2rem;font-family:var(--serif);font-size:1.2rem;line-height:1.75}
.art .body p{margin-top:1.1rem}
.art .body h2{font-family:var(--sans);font-weight:800;font-size:1.35rem;margin-top:2.2rem;line-height:1.2}
.art table{width:100%;border-collapse:collapse;margin-top:1.4rem;font-family:var(--sans);font-size:.95rem}
.art th,.art td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.art th{background:var(--sand)}
.art tr:last-child td{font-weight:700}
.tw{overflow-x:auto}
.art .note{margin-top:2rem;font-family:var(--sans);font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}
.art .calls{margin-top:2rem}
.back{display:inline-block;margin-bottom:1.5rem;font-weight:700;font-size:.85rem;text-transform:uppercase}

/* ---------- topic / about / misc ---------- */
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}
.prose p+p{margin-top:1rem}
.prose{max-width:62ch}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin-top:2rem}
.fact h3{font-weight:800;font-size:1.1rem;border-top:4px solid var(--orange);padding-top:.7rem}
.fact p{margin-top:.4rem;color:var(--muted)}
.members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.mem .arch{aspect-ratio:3/4;display:grid;place-items:center;background:var(--navy);color:var(--orange);font-weight:900;font-size:4rem}
.mem.open .arch{background:transparent;border:3px dashed var(--navy);color:var(--navy)}
.mem h3{margin-top:.8rem;font-weight:800;font-size:1.2rem}
.form{display:grid;gap:1rem;max-width:560px}
.form label{display:grid;gap:.3rem;font-weight:600;font-size:.9rem}
.form input,.form select,.form textarea{padding:.7rem 1rem;border:2px solid var(--navy);border-radius:14px;background:var(--white)}
.form textarea{min-height:140px;resize:vertical}
.hp{display:none}
.tabs{display:flex;gap:.6rem;flex-wrap:wrap}
.tabs button{border:2px solid var(--navy);border-radius:999px;background:transparent;padding:.55rem 1.3rem;font-weight:700;font-size:.85rem;text-transform:uppercase;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--navy);color:var(--cream)}
.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.4rem}
.filters label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem}
.filters input[type=text]{padding:.55rem 1rem;border:2px solid var(--navy);border-radius:999px;background:var(--white);min-width:230px}
.orgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.6rem}
.org{background:var(--white);border:2px solid var(--navy);border-radius:22px 22px 22px 4px;padding:1.3rem 1.4rem}
.org h3{font-weight:800;font-size:1.2rem}
.org .focus{color:var(--muted);font-size:.92rem;margin-top:.15rem}
.org dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:.9rem 0 0;font-size:.9rem}
.org dt{font-weight:700}
.org dd{margin:0}
.org .nt{margin-top:.8rem;font-size:.9rem;color:var(--muted)}
.feat{background:var(--orange);color:var(--navy);border-radius:28px 28px 28px 4px;padding:1.6rem 1.8rem;margin-top:2rem}
.feat .h3{margin-top:.3rem;font-size:1.6rem}
.bars{display:grid;gap:1rem;margin-top:1.6rem;max-width:760px}
.bar-l{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem}
.bar-t{height:14px;background:var(--sand);border-radius:7px;margin-top:.3rem;overflow:hidden}
.bar-t i{display:block;height:100%;background:var(--orange);border-radius:7px 3px 3px 7px}
.tl{margin-top:1.4rem;display:grid;gap:1.2rem;max-width:760px}
.tl li{display:grid;grid-template-columns:9rem 1fr;gap:1rem}
.tl b{font-weight:800}
.res{display:grid;gap:1rem;margin-top:1.5rem;max-width:760px}
.res a{display:block;text-decoration:none;background:var(--white);border:2px solid var(--navy);border-radius:18px;padding:1rem 1.3rem}
.res a:hover{background:var(--sand)}
.res small{display:block;color:var(--orange-deep);font-weight:700;text-transform:uppercase;font-size:.72rem}
.res strong{font-weight:800}

/* ---------- footer ---------- */
.foot{background:var(--navy);color:var(--cream);padding-block:3rem 2rem;margin-top:0}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
.foot h2{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--orange);margin-bottom:.7rem}
.foot a{display:block;text-decoration:none;padding:.2rem 0;font-size:.95rem}
.foot a:hover{color:var(--orange)}
.foot .fine{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(246,239,226,.25);font-size:.85rem;color:#C9C6BF}

/* ---------- cashflow widget ---------- */
.cf{--ct:#14233F}
.cf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;gap:.5rem}
.cf-stat{padding:.4rem .5rem}
.cf-stat+.cf-stat{border-left:1px solid var(--line)}
.cf-stat b{display:block;font-weight:800;font-size:clamp(1.3rem,3vw,2rem);line-height:1.2;font-variant-numeric:tabular-nums}
.cf-stat span{display:block;font-size:.82rem;color:var(--muted)}
.cf-stat.bad b{color:var(--c-short)}
.cf-stat.good b{color:var(--c-save)}
.cf-chart{position:relative;margin-top:1.2rem;background:#FBF8F1;border-radius:14px;overflow:hidden}
.cf-chart svg{display:block;width:100%;height:auto}
.cf-chart text{font-family:var(--sans);fill:var(--ink)}
.cf-chart .lv{fill:var(--muted)}
.cf-chart path,.cf-chart rect.nd{transition:d .2s,height .2s,y .2s}
.cf-tt{position:absolute;z-index:5;pointer-events:none;background:var(--navy);color:var(--cream);padding:.45rem .7rem;border-radius:10px;font-size:.82rem;line-height:1.35;white-space:nowrap;transform:translate(-50%,-110%)}
.cf-tt[hidden]{display:none}
.cf-try{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1.1rem}
.cf-try span{font-weight:700;font-size:.9rem;margin-right:.3rem}
.cf-ctl h3{font-weight:700;font-size:1.15rem}
.cf details{border-top:1px solid var(--line);padding-block:.9rem}
.cf summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.05rem}
.cf summary::-webkit-details-marker{display:none}
.cf summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(225deg);transition:transform .2s;margin-right:.3rem}
.cf details:not([open]) summary::after{transform:rotate(45deg)}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2.4rem;margin-top:1rem}
.srow{min-width:0}
.srow-h{display:flex;align-items:center;gap:.5rem;font-size:.92rem}
.srow-h i{width:11px;height:11px;border-radius:50%;flex:none}
.srow-h button{margin-left:auto;border:0;background:none;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--muted)}
.srow-c{display:flex;align-items:center;gap:.9rem;margin-top:.35rem}
.srow input[type=range]{flex:1;min-width:0;height:22px;-webkit-appearance:none;appearance:none;background:none;margin:0}
.srow input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(to right,var(--ink) var(--p,0%),#D4CEC0 var(--p,0%))}
.srow input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#D4CEC0}
.srow input[type=range]::-moz-range-progress{height:3px;background:var(--ink)}
.srow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:22px;border-radius:8px;background:var(--white);border:2.5px solid var(--ink);margin-top:-9.5px;cursor:grab}
.srow input[type=range]::-moz-range-thumb{width:12px;height:18px;border-radius:8px;background:var(--white);border:2.5px solid var(--ink);cursor:grab}
.val{display:flex;align-items:center;background:#EEE9DD;border-radius:10px;padding:.35rem .6rem;min-width:6rem;font-weight:600}
.val input{width:100%;border:0;background:none;font-weight:600;text-align:left;min-width:0;padding:0;font-variant-numeric:tabular-nums}
.add{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem}
.add input,.add select{padding:.5rem .8rem;border:2px solid var(--navy);border-radius:999px;background:var(--white);min-width:0}
.add input[type=text]{flex:1;min-width:150px}
.add input[type=number]{width:7rem}
.cf-tbl{margin-top:.8rem;overflow-x:auto}
.cf-tbl table{border-collapse:collapse;font-size:.9rem;min-width:420px;width:100%}
.cf-tbl th,.cf-tbl td{padding:.4rem .6rem;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.cf-tbl th:first-child,.cf-tbl td:first-child{text-align:left}
.cf-note{margin-top:.8rem;font-size:.85rem;color:var(--muted)}


/* ---------- templates (dashed boxes the owner fills in) ---------- */
.tplbar{background:var(--orange);color:var(--navy);font-size:.82rem;font-weight:600;padding:.5rem 1rem;text-align:center;line-height:1.4}
.tag{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--orange);color:var(--navy);border-radius:999px;padding:.12rem .6rem;vertical-align:middle}
.tpl{border:2px dashed var(--navy);background:rgba(233,223,203,.55);border-radius:22px 22px 22px 4px;padding:1.2rem 1.4rem}
.tpl h3{font-weight:800;font-size:1.1rem;margin-top:.5rem;line-height:1.3}
.tpl p{color:var(--muted);font-size:.95rem;margin-top:.4rem}
.tpl dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:.8rem 0 0;font-size:.9rem}
.tpl dt{font-weight:700}
.tpl dd{margin:0;color:var(--muted)}
.tpl .ideas{margin:.6rem 0 0;padding-left:1.1rem;list-style:disc;color:var(--muted);font-size:.95rem}
.tpl-arch{background:transparent;border:2px dashed var(--navy);color:var(--navy);aspect-ratio:4/3;display:grid;place-items:center}
.tpl-card h3{color:var(--muted)}
.tplgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:1.4rem}
.tplsec{margin-top:3rem}
pre.code{background:var(--navy);color:var(--cream);padding:1rem 1.2rem;border-radius:14px;overflow-x:auto;font-size:.8rem;line-height:1.5;margin-top:1rem}
.steps{margin:.6rem 0 0;padding-left:1.2rem;list-style:decimal;color:var(--muted);font-size:.95rem}
.steps li{margin-top:.3rem}
@media (max-width:900px){.tplgrid{grid-template-columns:minmax(0,1fr)}}

@media (max-width:900px){
  .row,.members{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .two,.foot .cols{grid-template-columns:minmax(0,1fr)}
  .slide{grid-template-columns:minmax(0,1fr)}
  .door{width:min(100%,260px);order:-1;justify-self:start}
  .orgs,.facts,.cf-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .menu-btn{display:block;margin-left:.5rem}
  .search{order:3;flex-basis:100%;max-width:none}
  .top-row{flex-wrap:wrap;gap:.8rem}
  .brand{margin-right:auto}
  .nav{display:none}
  .nav.open{display:block}
  .nav>.wrap>ul{display:block;padding-bottom:.8rem}
  .nav .nb{width:100%;text-align:left;padding:.7rem 0;border-bottom:1px solid rgba(246,239,226,.18)}
  .nav .has>.nb::after{display:none}
  .drop{display:block;position:static;background:transparent;color:var(--cream);border:0;padding:0 0 .4rem 1rem;min-width:0}
  .drop a{padding:.4rem 0;font-size:.9rem}
  .nav .don{display:inline-block;margin:.8rem 0 0}
}
@media (max-width:560px){
  .row,.members,.stats{grid-template-columns:minmax(0,1fr)}
  .stats{gap:1.2rem}
  .cf-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}
  .cf-stat:nth-child(3){border-left:0}
  .tl li{grid-template-columns:1fr;gap:.1rem}
  .brand-t{font-size:1.4rem}
  .brand svg{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}