:root { --fs-body: 17px; --fs-lede: clamp(18px, 1.3vw, 22px); }

.hero{
  position:relative;
  min-height:clamp(560px, 88vh, 820px);
  padding:clamp(110px, 14vw, 140px) var(--pad) 48px;
  display:flex; align-items:flex-end;
  background:#0E1814;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.hero__photo{
  position:absolute; inset:-6% -6% -6% -6%; z-index:-2;
  will-change:transform;
  transform:translate3d(0, var(--parallax, 0px), 0) scale(1.08);
  transition:transform .05s linear;
}
.hero__photo > img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 40%;
  filter:saturate(1.04) brightness(0.94) contrast(1.04);
}
.hero__photo::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(160deg, rgba(14,24,20,0.28) 0%, rgba(14,24,20,0.08) 50%, rgba(14,24,20,0.38) 100%);
}
.hero__photo-alt{
  position:absolute; inset:0; z-index:-2;
  opacity:0; pointer-events:none;
}
.hero__photo::after{
  content:"";
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    linear-gradient(180deg, rgba(14,24,20,0) 0%, rgba(14,24,20,0.15) 45%, rgba(14,24,20,0.6) 100%),
    linear-gradient(90deg, rgba(14,24,20,0.28) 0%, rgba(14,24,20,0) 55%);
}
.hero__kinetic{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  overflow:hidden;
}
.hero__kinetic svg{ width:100%; height:100%; }
.hero__kinetic-line{
  stroke:rgba(199,217,176,0.10);
  stroke-width:1;
  fill:none;
  stroke-dasharray:4 6;
  animation:drift 30s linear infinite;
}
@keyframes drift{ to{ stroke-dashoffset:-200; } }
.hero__scrollcue{
  position:absolute; left:var(--pad); bottom:28px;
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.12em; text-transform:uppercase;
  color:rgba(255,255,255,0.55);
  z-index:2;
}
.hero__scrollcue::before{
  content:""; width:22px; height:1px; background:rgba(255,255,255,0.4);
  animation:scrollcue 2s ease-in-out infinite;
  transform-origin:left;
}
@keyframes scrollcue{ 50%{ transform:scaleX(1.8); } }
.hero__grain{
  position:absolute; inset:0; z-index:-1;
  opacity:0.05; mix-blend-mode:overlay; pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");
}
.hero__inner{
  position:relative; z-index:1;
  max-width:var(--max); margin:0 auto;
  width:100%;
  display:grid; grid-template-columns: 1.35fr 1fr; gap:80px; align-items:end;
  padding-bottom:36px;
}
.hero__eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
  color:rgba(255,255,255,0.8);
  margin-bottom:28px;
}
.hero__eyebrow .dot{
  width:7px; height:7px; border-radius:50%;
  background:#7FD89F; box-shadow:0 0 0 3px rgba(127,216,159,0.22);
}
.hero__title{
  font-weight:800; letter-spacing:-0.035em; line-height:0.94;
  font-size:clamp(44px, 7.6vw, 124px);
  color:#fff;
  text-wrap:balance;
}
.hero__title .stress{ color:#C7D9B0; }
.hero__sub{
  margin-top:28px;
  font-size:var(--fs-lede); line-height:1.5;
  color:rgba(255,255,255,0.86);
  max-width:52ch;
  text-wrap:pretty;
}
.hero__ctas{ margin-top:34px; display:flex; gap:14px; flex-wrap:wrap; }

.plate{
  border:1px solid rgba(255,255,255,0.2);
  background:rgba(14,24,20,0.38);
  backdrop-filter:blur(10px);
  padding:28px 28px 22px;
  align-self:end;
  min-width:0;
}
.plate__lead-lab{ font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.62); }
.plate__lead-num{
  font-weight:800; letter-spacing:-0.04em; line-height:0.9;
  font-size:clamp(72px, 6.8vw, 108px);
  display:flex; align-items:flex-start;
  margin-top:10px;
  color:#fff;
  text-shadow:
    0 0 24px rgba(127,216,159,0.28),
    0 0 56px rgba(127,216,159,0.12);
  animation: plateGlow 3s ease-in-out infinite;
}
.plate__lead-num .pct{
  font-size:0.34em; margin-top:0.28em;
  color:var(--forest-3); font-weight:700;
  text-shadow:0 0 20px rgba(127,216,159,0.45);
}
@keyframes plateGlow {
  0%, 100% { text-shadow: 0 0 24px rgba(127,216,159,0.22), 0 0 56px rgba(127,216,159,0.10); }
  50%      { text-shadow: 0 0 38px rgba(127,216,159,0.45), 0 0 84px rgba(127,216,159,0.24); }
}
@media (prefers-reduced-motion: reduce) {
  .plate__lead-num { animation: none; }
}
.plate__lead-cap{ margin-top:10px; font-size:16px; line-height:1.6; color:rgba(255,255,255,0.78); max-width:40ch; line-height:1.5; }
.plate__micros{
  margin-top:18px; padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.16);
  display:grid; grid-template-columns:1fr 1fr 1fr;
  gap:0;
}
.plate__micro{ display:grid; gap:4px; padding:4px 14px; }
.plate__micro:first-child{ padding-left:0; }
.plate__micro + .plate__micro{ border-left:1px solid rgba(255,255,255,0.14); }
.plate__micro-num{ font-weight:700; font-size:22px; letter-spacing:-0.02em; line-height:1.1; }
.plate__micro-num sup{ font-size:12px; font-weight:600; color:rgba(255,255,255,0.7); margin-left:2px; }
.plate__micro-lab{ font-family:var(--f-mono); font-size:9px; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.6); }

.band{
  padding:28px var(--pad);
  border-bottom:1px solid var(--line-2);
  background:var(--bg);
}
.band__inner{
  max-width:var(--max); margin:0 auto;
  display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted);
}
.band__inner b{ color:var(--ink); font-weight:500; }

.contrast{
  padding:clamp(72px,10vw,130px) var(--pad) clamp(60px,7vw,100px);
  background:var(--bg);
}
.contrast__inner{ max-width:var(--max); margin:0 auto; }
.contrast__hd{
  padding:0 0 48px;
}
.contrast__hd h2{ max-width:22ch; text-wrap:balance; }
.contrast__hd .lede{ color:var(--ink-2); font-size:var(--fs-lede); line-height:1.5; max-width:44ch; margin-top:18px; }

.ratiobar{
  position:relative;
  padding:96px 0 52px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.ratiobar__track{
  position:relative;
  height:24px;
  margin:0 0 72px;
}
.ratiobar__tickrow{
  position:absolute; left:0; right:0; bottom:calc(100% + 14px);
  display:flex; justify-content:space-between;
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--muted);
}
.ruler{
  position:absolute; left:0; right:0; top:50%;
  height:1px; background:var(--line);
}
.ratiobar__stops{ position:absolute; inset:0; }
.stop{
  position:absolute; top:50%;
  transform:translate(-1px,-50%);
  width:2px; height:44px;
}
.stop[data-kind="low"]{ background:#9A928A; }
.stop[data-kind="mid"]{ background:var(--forest-2); }
.stop[data-kind="hi"]{ background:var(--forest); }
.stop__flag{
  position:absolute;
  white-space:nowrap;
  display:grid; gap:4px;
}
.stop--below .stop__flag{ top:calc(100% + 10px); left:8px; }
.stop--above .stop__flag{ bottom:calc(100% + 10px); left:8px; }
.stop--rightflag .stop__flag{ left:auto; right:8px; text-align:right; }
.stop__flag .val{
  font-weight:800; letter-spacing:-0.02em; line-height:1;
  font-size:clamp(26px, 3vw, 40px);
}
.stop__flag .val.hi{ color:var(--forest); }
.stop__flag .lab{
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--muted);
  max-width:22ch; white-space:normal; text-wrap:pretty;
}
.ratiobar__caption{
  max-width:76ch;
  color:var(--ink-2); font-size:17px; line-height:1.55;
  margin-top:24px;
}

.founder{
  padding:clamp(72px,9vw,120px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.founder__inner{
  max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:auto 1fr; gap:64px; align-items:center;
}
.founder__portraits{
  display:flex;
  position:relative;
}
.founder__portrait{
  width:140px; height:180px;
  border-radius:4px;
  background-size:cover; background-position:center 18%;
  border:3px solid var(--paper);
  box-shadow:0 8px 24px -8px rgba(0,0,0,0.18);
}
.founder__portrait + .founder__portrait{ margin-left:-26px; }
.founder__body{ max-width:60ch; }
.founder__body .mono{ margin-bottom:14px; display:inline-flex; align-items:center; gap:10px; }
.founder__body .mono::before{ content:""; width:22px; height:1px; background:var(--forest); }
.founder__quote{
  font-weight:500; letter-spacing:-0.015em;
  font-size:clamp(22px, 2.6vw, 36px);
  line-height:1.25;
  color:var(--ink);
  text-wrap:pretty;
}
.founder__quote b{ color:var(--ink); font-weight:800; }
.founder__sig{
  margin-top:24px;
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted);
}

.dash{
  padding:clamp(72px,10vw,130px) var(--pad);
  background:var(--bg);
  border-bottom:1px solid var(--line-2);
}
.dash__inner{ max-width:var(--max); margin:0 auto; }
.dash__hd{
  display:grid; grid-template-columns:1.1fr 1fr; gap:40px;
  align-items:end; margin-bottom:40px;
}
.dash__hd h2{ max-width:20ch; text-wrap:balance; }
.dash__hd-note{
  color:var(--ink-2);
  font-size:15.5px; line-height:1.55;
  max-width:48ch;
}
.dash__meta{
  display:flex; justify-content:space-between; align-items:center; gap:20px;
  padding:14px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--muted);
  flex-wrap:wrap;
}

.stories{
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.story{
  background:var(--bg);
  padding:clamp(24px, 2.4vw, 40px);
  display:grid; gap:18px;
  grid-column:span 6;
  min-height:380px;
  align-content:space-between;
}
.story--w4{ grid-column:span 4; }
.story--w5{ grid-column:span 5; }
.story--w6{ grid-column:span 6; }
.story--w7{ grid-column:span 7; }
.story--w8{ grid-column:span 8; }
.story--w12{ grid-column:span 12; }
.story--ink{ background:var(--ink); color:var(--bg); }
.story--ink .mono{ color:rgba(243,239,231,0.6); }
.story--ink .story__head{ color:rgba(243,239,231,0.8); border-color:rgba(243,239,231,0.2); }

.story__head{
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--muted);
}
.story__head-tag{
  padding:4px 9px; border:1px solid currentColor; border-radius:999px;
  color:var(--forest);
}
.story--ink .story__head-tag{ color:var(--forest-3); }

.story__num{
  font-weight:800; letter-spacing:-0.035em; line-height:0.88;
  font-size:clamp(56px, 6.4vw, 108px);
  display:flex; align-items:flex-start;
}
.story__num .pct{ font-size:0.34em; margin-top:0.3em; color:var(--forest); font-weight:700; }
.story__num .unit{ font-size:0.3em; margin-left:0.16em; margin-top:0.34em; color:var(--muted); font-weight:600; letter-spacing:0; font-family:var(--f-mono); text-transform:uppercase; }
.story__num .sup{ font-size:0.36em; font-weight:700; margin-top:0.18em; margin-left:0.05em; color:var(--muted); }
.story--ink .story__num .pct{ color:var(--forest-3); }
.story--ink .story__num .unit,
.story--ink .story__num .sup{ color:rgba(243,239,231,0.6); }

.story__title{
  font-weight:800; font-size:clamp(20px,2vw,30px); letter-spacing:-0.018em; line-height:1.15;
  text-wrap:balance;
  max-width:22ch;
}
.story__body{
  color:var(--ink-2); font-size:15px; line-height:1.55; max-width:48ch;
  text-wrap:pretty;
}
.story--ink .story__body{ color:rgba(243,239,231,0.78); }

.story__cond{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.04em; text-transform:uppercase;
  color:var(--muted);
  padding:10px 12px;
  border:1px dashed var(--line);
  max-width:40ch;
}
.story--ink .story__cond{ color:rgba(243,239,231,0.78); border-color:rgba(243,239,231,0.24); }

.strip{ position:relative; height:56px; }
.strip__rail{
  position:absolute; left:0; right:0; top:50%;
  height:8px; transform:translateY(-50%);
  background:linear-gradient(90deg, #EFEAD9 0%, var(--sand) 58%, var(--forest-2) 86%, var(--forest) 100%);
  border-radius:4px;
}
.strip__ticks{ position:absolute; inset:0; display:flex; justify-content:space-between; align-items:center; padding:0 2px; }
.strip__ticks span{ width:1px; height:16px; background:var(--line); }
.strip__mark{
  position:absolute; top:4px; bottom:4px; width:2px; background:var(--ink);
  left:var(--pos);
}
.strip__mark::before{
  content:""; position:absolute; left:-5px; top:-4px;
  width:12px; height:12px; border-radius:50%;
  background:var(--ink); border:2px solid var(--bg);
}
.strip__scale{
  display:flex; justify-content:space-between;
  margin-top:10px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.06em; color:var(--muted);
}

.londons{ display:flex; gap:10px; align-items:center; }
.londons > div{ display:grid; gap:8px; align-items:center; justify-items:center; }
.londons__dot{ width:26px; height:26px; border-radius:50%; background:var(--forest); }
.londons__dot.ink{ background:var(--ink); }
.londons__lab{ font-family:var(--f-mono); font-size:10px; letter-spacing:0.06em; color:var(--muted); }

.majority{ display:grid; gap:8px; }
.majority__bar{ display:flex; height:32px; border-radius:2px; overflow:hidden; }
.majority__seg{ display:grid; place-items:center; color:#fff; font-family:var(--f-mono); font-size:10px; letter-spacing:0.06em; }
.majority__seg--a{ background:var(--forest); flex:68; }
.majority__seg--b{ background:var(--sand); color:var(--ink); flex:32; }
.majority__key{ display:flex; justify-content:space-between; font-family:var(--f-mono); font-size:10px; color:var(--muted); letter-spacing:0.06em; text-transform:uppercase; }

.cycles{
  position:relative; height:100%; min-height:160px;
  border-left:1px solid var(--line); border-bottom:1px solid var(--line);
  padding-left:4px;
}
.cycles svg{ width:100%; height:100%; overflow:visible; }
.cycles__path{ fill:none; stroke:var(--forest); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.cycles__area{ fill:url(#cyclesGrad); opacity:0.25; }
.cycles__axis{
  display:flex; justify-content:space-between; margin-top:8px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; color:var(--muted);
}

.headline{
  position:relative;
  padding:clamp(90px,12vw,160px) var(--pad) clamp(70px,8vw,120px);
  background:var(--ink); color:var(--bg);
  overflow:hidden;
}
.headline::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 30%, rgba(199,217,176,0.08) 0, transparent 40%),
    radial-gradient(circle at 82% 75%, rgba(74,122,96,0.10) 0, transparent 45%);
  pointer-events:none;
}
.headline__inner{
  position:relative;
  max-width:1180px; margin:0 auto;
  display:grid; gap:18px; justify-items:center; text-align:center;
}
.headline__lab{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.12em; text-transform:uppercase;
  color:rgba(243,239,231,0.6);
  display:inline-flex; align-items:center; gap:12px;
}
.headline__lab::before,
.headline__lab::after{ content:""; width:28px; height:1px; background:rgba(243,239,231,0.3); }
.headline__num{
  font-weight:800; letter-spacing:-0.05em; line-height:0.88;
  font-size:clamp(140px, 22vw, 360px);
  display:flex; align-items:flex-start;
  color:#fff;
  font-variant-numeric:tabular-nums;
}
.headline__pct{ font-size:0.38em; color:var(--forest-3); margin-top:0.25em; margin-left:0.02em; }
.headline__body{
  max-width:58ch; font-size:clamp(17px,1.2vw,20px); line-height:1.55;
  color:rgba(243,239,231,0.82);
  text-wrap:pretty;
}
.headline__link{
  margin-top:8px;
  font-size:14px; letter-spacing:-0.005em;
  color:var(--forest-3);
  border-bottom:1px solid rgba(199,217,176,0.3);
  padding-bottom:3px;
  transition:color .2s, border-color .2s;
}
.headline__link:hover{ color:#fff; border-color:#fff; }
.headline__ticker{
  margin-top:56px; width:100%;
  border-top:1px solid rgba(243,239,231,0.12);
  border-bottom:1px solid rgba(243,239,231,0.12);
  overflow:hidden;
  padding:18px 0;
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.headline__ticker-track{
  display:inline-flex; gap:22px; align-items:center;
  animation:tickerScroll 60s linear infinite;
  white-space:nowrap;
  font-family:var(--f-mono); font-size:12px; letter-spacing:0.06em;
  color:rgba(243,239,231,0.5);
  text-transform:uppercase;
}
.headline__ticker-track .dot{ color:var(--forest-3); }
@keyframes tickerScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

.diff{
  padding:clamp(80px, 10vw, 140px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.diff__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; grid-template-columns:1fr 1.3fr; gap:72px;
}
.diff__left .mono{ font-size:13px; letter-spacing:0.14em; color:var(--ink-2); }
.diff__left h2{ margin-top:18px; max-width:14ch; }
.diff__left p{ margin-top:24px; color:var(--ink-2); font-size:var(--fs-lede); line-height:1.5; max-width:40ch; }
@media (min-width:1101px){ .diff__left{ position:sticky; top: calc(var(--header-h, 96px) + 24px); align-self:start; } }
.diff__pull{
  margin-top:32px;
  padding:24px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  font-weight:600; font-size:20px; line-height:1.35; letter-spacing:-0.012em;
  max-width:36ch;
}
.diff__list{ display:grid; gap:0; align-content:start; }
.diff__item{
  display:grid; grid-template-columns:64px 1fr; gap:24px;
  padding:18px 0;
  border-top:1px solid var(--line-2);
}
.diff__item:last-child{ border-bottom:1px solid var(--line); }
.diff__item-num{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.1em; color:var(--forest);
  padding-top:6px; display:flex; flex-direction:column; gap:10px; align-items:flex-start;
}
.diff__item-num svg{ stroke:var(--forest); flex-shrink:0; }
.diff__item h3{ font-weight:700; font-size:21px; letter-spacing:-0.015em; line-height:1.2; }
.diff__item p{ margin-top:8px; color:var(--ink-2); font-size:17px; line-height:1.55; max-width:52ch; }

.steps{
  padding:clamp(80px, 10vw, 140px) var(--pad);
  background:var(--bg);
}
.steps__inner{ max-width:var(--max); margin:0 auto; }
.steps__hd{
  display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end;
  margin-bottom:48px;
}
.steps__hd h2{ max-width:22ch; text-wrap:balance; }
.steps__hd-note{ color:var(--ink-2); font-size:var(--fs-lede); line-height:1.5; max-width:44ch; text-wrap:pretty; }
.steps__row{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.step{
  background:var(--bg); display:grid; grid-template-rows:210px auto; min-height:520px;
  overflow:hidden;
}
.step__img{
  position:relative; overflow:hidden;
  background-size:cover; background-position:center;
  will-change:transform;
  transform:scale(1.02);
  transition:transform 1s var(--ease);
}
.reveal-scale.in .step__img{ transform:scale(1.06); }
.step--uk .step__img{
  background:
    linear-gradient(165deg, rgba(42,74,58,0.32) 0%, rgba(26,53,40,0.45) 55%, rgba(14,24,20,0.7) 100%),
    url('uk-admissions.jpg');
  background-size:cover; background-position:center;
}
.step--hk .step__img{
  background:
    linear-gradient(165deg, rgba(59,90,71,0.32) 0%, rgba(42,74,58,0.45) 55%, rgba(20,36,28,0.7) 100%),
    url('hongkong-university.jpg');
  background-size:cover; background-position:center;
}
.step--dual .step__img{
  background:
    linear-gradient(165deg, rgba(74,122,96,0.32) 0%, rgba(42,74,58,0.45) 55%, rgba(14,24,20,0.7) 100%),
    url('uk-hongkong-dual.jpg');
  background-size:cover; background-position:center;
}
.step__img::after{
  content:""; position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,0.05) 0, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(199,217,176,0.08) 0, transparent 50%);
  pointer-events:none;
}
.step__idx{
  position:absolute; left:24px; bottom:22px;
  font-weight:800; font-size:64px; color:rgba(255,255,255,0.9); letter-spacing:-0.04em; line-height:1;
  font-family:var(--f-sans);
}
.step__region{
  position:absolute; top:20px; left:24px;
  padding:6px 10px; border:1px solid rgba(255,255,255,0.3);
  background:rgba(0,0,0,0.28); backdrop-filter:blur(6px);
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.1em; text-transform:uppercase;
  color:#fff;
}
.step__body{ padding:32px; display:grid; gap:14px; align-content:start; }
.step__label{ font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--forest); }
.step__title{ font-weight:800; font-size:clamp(22px, 2.1vw, 32px); letter-spacing:-0.02em; line-height:1.1; }
.step__lede{ color:var(--ink-2); font-size:17px; line-height:1.55; max-width:40ch; }
.step__list{ list-style:none; display:grid; gap:0; margin-top:6px; }
.step__list li{
  display:grid; grid-template-columns:28px 1fr; gap:10px;
  color:var(--ink-2); font-size:14.5px;
  padding:10px 0; border-bottom:1px solid var(--line-2);
}
.step__list li .mono{ color:var(--forest); }
.step__list li:last-child{ border-bottom:none; }

.team{
  padding:clamp(72px, 9vw, 120px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
}
.team__inner{ max-width:var(--max); margin:0 auto; }
.team__hd{
  display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end;
  margin-bottom:36px;
}
.team__hd h2{ max-width:18ch; text-wrap:balance; }
.team__hd-note{ color:var(--ink-2); font-size:var(--fs-lede); line-height:1.5; max-width:44ch; text-align:right; justify-self:end; text-wrap:pretty; }
.team__strip{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.tcard{
  position:relative;
  aspect-ratio: 3/4;
  overflow:hidden;
  border-right:1px solid var(--line);
  background:var(--bg-2);
  transition: box-shadow .5s cubic-bezier(.2,.8,.2,1);
}
.tcard:last-child{ border-right:none; }
.tcard__img{
  position:absolute; inset:0;
  overflow:hidden;
  filter:saturate(0.92);
  transition:transform .8s var(--ease), filter .4s;
}
.tcard__img > picture,
.tcard__img > picture > img{
  position:absolute; inset:0; width:100%; height:100%;
  display:block;
  object-fit:cover;
}
.tcard__img[data-img="isaac"]    > picture > img { object-position:50% 18%; transform:scale(1.4); transform-origin:50% 18%; }
.tcard__img[data-img="adelaide"] > picture > img { object-position:40% 42%; transform:scale(1.9); transform-origin:29% 42%; }
.tcard__img[data-img="jason"]    > picture > img { object-position:center 30%; transform:scale(1.1); transform-origin:50% 30%; }
.tcard__img[data-img="hanifah"]  > picture > img { object-position:78% 28%; transform:scale(1.15); transform-origin:50% 28%; }
.tcard::after{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(180px at var(--mx,-200px) var(--my,-200px),
    rgba(255,255,255,0.22) 0%, transparent 70%);
  pointer-events:none; z-index:1;
  opacity:0; transition:opacity .35s var(--ease);
}
@media (hover: hover) {
  .tcard:hover::after{ opacity:1; }
  .tcard:hover{
    box-shadow:0 8px 20px -6px rgba(42,74,58,0.18);
  }
  .tcard:hover .tcard__img{ transform:scale(1.06); filter:saturate(1.05) brightness(1.04); }
}
.tcard__meta{
  z-index:2;
  position:absolute; left:0; right:0; bottom:0;
  padding:18px 20px;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.75) 75%);
  color:#fff;
  display:flex; justify-content:space-between; align-items:flex-end; gap:8px;
}
.tcard__name{ font-weight:700; font-size:17px; letter-spacing:-0.01em; }
.tcard__role{ margin-top:4px; font-family:var(--f-mono); font-size:10px; letter-spacing:0.06em; text-transform:uppercase; opacity:0.82; }
.tcard__arr{
  width:28px; height:28px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.4);
  display:grid; place-items:center; transition:transform .3s, background .3s, color .3s;
}
@media (hover: hover) {
  .tcard:hover .tcard__arr{ background:#fff; color:var(--ink); }
}
.team__foot{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; gap:16px; flex-wrap:wrap; }
.team__foot .mono{ color:var(--muted); }

.walls{
  padding:clamp(80px, 10vw, 140px) var(--pad);
  background:var(--bg);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.walls__inner{ max-width:var(--max); margin:0 auto; display:grid; gap:52px; }
.walls__hd{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
.walls__hd h2{ max-width:20ch; text-wrap:balance; }
.walls__hd-note{ color:var(--ink-2); font-size:17px; line-height:1.55; max-width:50ch; text-wrap:pretty; }
.wall{ display:grid; gap:20px; }
.wall__label{
  display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center;
}
.wall__label-l{ font-weight:700; font-size:15px; letter-spacing:-0.01em; }
.wall__label-rule{ height:1px; background:var(--line); }
.wall__label-r{ font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
.wall__grid{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.wall__marquee{
  position:relative; overflow:hidden;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:22px 0;
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.wall__track{
  display:flex; gap:clamp(40px, 5vw, 72px); align-items:center;
  width:max-content;
  animation:wallScroll 80s linear infinite;
  will-change:transform;
}
.wall__track--rev{ animation-duration:72s; animation-direction:reverse; }
@media (hover: hover) {
  .wall__marquee:hover .wall__track{ animation-play-state:paused; }
}
@keyframes wallScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
.logo{
  background:var(--bg);
  color:var(--ink);
  font-weight:700; font-size:clamp(18px, 1.6vw, 26px); letter-spacing:-0.018em;
  filter:grayscale(1) opacity(0.45);
  transition:filter .3s, color .3s;
  text-align:center; padding:6px 4px;
  flex-shrink:0; white-space:nowrap;
}
@media (hover: hover) {
  .logo:hover{ filter:grayscale(0) opacity(1); color:var(--forest); }
}
.wall__grid .logo{
  aspect-ratio: 5/2;
  display:grid; place-items:center;
  font-size:14.5px;
  filter:grayscale(1) opacity(0.7);
}
@media (hover: hover) {
  .wall__grid .logo:hover{ filter:grayscale(0) opacity(1); }
}

.tradition{
  position:relative;
  min-height:600px;
  padding:clamp(100px, 12vw, 160px) var(--pad);
  display:flex; align-items:flex-end;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.tradition__photo{
  position:absolute; inset:0; z-index:-2;
  background-image:
    linear-gradient(180deg, rgba(10,14,12,0.15) 0%, rgba(10,14,12,0.55) 55%, rgba(10,14,12,0.9) 100%),
    url('tradition-bg.jpg');
  background-image:
    linear-gradient(180deg, rgba(10,14,12,0.15) 0%, rgba(10,14,12,0.55) 55%, rgba(10,14,12,0.9) 100%),
    image-set(url('tradition-bg.webp') type('image/webp'), url('tradition-bg.jpg') type('image/jpeg'));
  background-size:cover; background-position:center;
}
.tradition__inner{
  position:relative;
  max-width:var(--max); margin:0 auto;
  width:100%;
  display:grid; grid-template-columns:1.3fr 1fr; gap:60px; align-items:end;
}
.tradition__pull{
  font-weight:500; letter-spacing:-0.012em; line-height:1.18;
  font-size:clamp(26px, 3vw, 44px);
  color:#fff;
  max-width:22ch;
  text-wrap:pretty;
}
.tradition__pull .stress{ color:var(--forest-3); font-weight:700; }
.tradition__pull-k{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  display:block; margin-bottom:22px;
}
.tradition__card{
  border:1px solid rgba(255,255,255,0.22);
  background:rgba(14,24,20,0.42);
  backdrop-filter:blur(10px);
  padding:24px 24px 20px;
  display:grid; gap:12px;
  justify-self:end;
  max-width:360px;
}
.tradition__card .mono{ color:rgba(255,255,255,0.62); }
.tradition__card-num{ font-weight:800; font-size:52px; letter-spacing:-0.03em; display:flex; align-items:flex-start; line-height:0.9; }
.tradition__card-num .pct{ font-size:0.36em; margin-top:0.28em; color:var(--forest-3); }
.tradition__card-lab{ color:rgba(255,255,255,0.8); font-size:14px; line-height:1.5; max-width:32ch; }

.closing{
  padding:clamp(80px, 10vw, 140px) var(--pad);
  background:var(--bg);
  border-top:1px solid var(--line);
  position:relative; overflow:hidden; isolation:isolate;
}
.closing::after{
  content:""; position:absolute; inset:0; z-index:0;
  background:url('cta-bg.jpg') center/cover no-repeat;
  opacity:0.2;
  pointer-events:none;
}
.closing__inner{
  max-width:1100px; margin:0 auto;
  display:grid; gap:24px;
  position:relative; z-index:1;
}
.closing__kicker{ font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); display:inline-flex; align-items:center; gap:10px; }
.closing__kicker::before{ content:""; width:22px; height:1px; background:var(--forest); }
.closing h2{ max-width:20ch; text-wrap:balance; }
.closing__body{ max-width:56ch; font-size:var(--fs-lede); color:var(--ink-2); line-height:1.5; }
.closing__ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
.closing__phone{ font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }

.foot{
  padding:80px var(--pad) 36px;
  border-top:1px solid var(--line);
  background:var(--paper);
}
.foot__top{
  max-width:var(--max); margin:0 auto;
  display:grid; grid-template-columns:1.2fr 2fr; gap:60px;
  padding-bottom:60px;
}
.foot__brand{ display:grid; gap:18px; align-content:start; }
.foot__brand-line{
  display:inline-flex; align-items:center; gap:12px;
  font-weight:800; font-size:24px; letter-spacing:-0.02em;
}
.foot__tag{ color:var(--muted); font-size:14px; max-width:34ch; line-height:1.55; }
.foot__wa{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 18px; border-radius:999px;
  background:var(--ink); color:var(--bg);
  font-size:14px; font-weight:500; align-self:start;
  transition:background .2s, color .2s;
}
.foot__wa:hover{ background:var(--forest); color:#fff; }
.foot__cols{ display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; }
.foot__col{ display:grid; gap:10px; align-content:start; }
.foot__h{ margin-bottom:8px; color:var(--muted); }
.foot__col a{ color:var(--ink-2); font-size:14px; transition:color .2s; }
.foot__col a:hover{ color:var(--forest); }
.foot__btm{
  max-width:var(--max); margin:0 auto;
  padding-top:24px; border-top:1px solid var(--line-2);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-family:var(--f-mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted);
}

@media (max-width: 1100px){
  
  .hero{ padding-top:130px; padding-bottom:120px; min-height:auto; }
  .hero__inner{ grid-template-columns:1fr; gap:40px; padding-bottom:0; }
  .hero__scrollcue{ display:none; }
  .plate{ max-width:480px; }
  .contrast__hd,
  .dash__hd,
  .walls__hd,
  .steps__hd,
  .team__hd,
  .tradition__inner,
  .diff__inner{ grid-template-columns:1fr; gap:28px; }
  .team__hd-note{ text-align:left; justify-self:start; }
  .stories{ grid-template-columns:repeat(6, 1fr); }
  .story,
  .story--w4,
  .story--w5,
  .story--w6,
  .story--w7,
  .story--w8{ grid-column:span 6; }
  .story--w12{ grid-column:span 6; }
  .steps__row{ grid-template-columns:1fr; }
  .team__strip{ grid-template-columns:repeat(2, 1fr); }
  .tcard{ border-right:1px solid var(--line); }
  .tcard:nth-child(2n){ border-right:none; }
  .wall__grid{ grid-template-columns:repeat(4, 1fr); }
  .founder__inner{ grid-template-columns:1fr; gap:32px; }
  .ratiobar__track{ margin-bottom:130px; }
  .stop--above .stop__flag,
  .stop--below .stop__flag{ font-size:12px; }
  .stop__flag .val{ font-size:22px; }
}
@media (max-width: 640px){
  .stories{ grid-template-columns:1fr; }
  .story,
  .story--w4,
  .story--w5,
  .story--w6,
  .story--w7,
  .story--w8,
  .story--w12{ grid-column:span 1; }
  .team__strip{ display:none; }
  .team__foot{ margin-top:8px; }
  .wall__grid{ grid-template-columns:repeat(3, 1fr); }
  .foot__top{ grid-template-columns:1fr; }
  .foot__cols{ grid-template-columns:repeat(2, 1fr); }
  .hero{ min-height:calc(100vh - 20px); }
  .hero__title{ font-size:44px; }
  .plate__lead-num{ font-size:72px; }
  .ratiobar__track{ margin-bottom:160px; }
  .stop__flag{ font-size:11px; }
  .stop__flag .val{ font-size:20px; }
  .stop__flag .lab{ max-width:18ch; }
}

.hero__title {
  font-size: unset;
  line-height: 1;
}
.hero__region {
  display: block;
  color: #fff;
  font-size: clamp(80px, 15vw, 210px);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.86;
}
.hero__swords {
  display: inline-block;
  margin: 0 0.08em;
  font-weight: 400;
  color: var(--forest-3);
}
.hero__title-sub {
  display: block;
  font-size: clamp(22px, 3.6vw, 54px);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: rgba(255,255,255,0.68);
  margin-top: 0.42em;
  line-height: 1.05;
}
.hero__title-sub .stress { color: var(--forest-3); }

.ratiobar { padding-top: 120px; padding-bottom: 80px; }
.ratiobar__track { margin-bottom: 96px; }
.stop--above .stop__flag { bottom: calc(100% + 18px); }
.stop--below .stop__flag { top: calc(100% + 18px); }
.stop__flag .val { font-size: clamp(22px, 2.6vw, 34px); }
.stop__flag .lab { font-size: 10px; line-height: 1.35; max-width: 18ch; }

@media (max-width: 820px) {
  .ratiobar__track { margin-bottom: 180px; }
  .stop--above .stop__flag,
  .stop--below .stop__flag {
    top: calc(100% + 18px); bottom: auto; left: -14px;
  }
  .stop--rightflag .stop__flag { left: auto; right: -14px; }
  
  .stop[data-kind="mid"] .stop__flag { top: calc(100% + 70px); }
  .stop[data-kind="hi"]  .stop__flag { top: calc(100% + 18px); }
  .stop__flag .val { font-size: 20px; }
}

.diff__item { position: relative; }

.ratiobar .stop { opacity: 0; transform: translateY(6px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.ratiobar .stop:nth-child(1) { transition-delay: 0.1s; }
.ratiobar .stop:nth-child(2) { transition-delay: 0.25s; }
.ratiobar .stop:nth-child(3) { transition-delay: 0.4s; }
.contrast .ratiobar { transition: none; }
.js-anim .contrast.in .ratiobar .stop,
.js-anim .ratiobar.in .stop { opacity: 1; transform: none; }

@keyframes ratioStopFallback { to { opacity: 1; transform: none; } }
.ratiobar .stop { animation: ratioStopFallback 0s 2s forwards; }

.headline__num { animation: headlinePulse 4s ease-in-out infinite; }
@keyframes headlinePulse {
  0%, 100% { text-shadow: 0 0 0 rgba(199,217,176,0); }
  50% { text-shadow: 0 0 40px rgba(199,217,176,0.08); }
}

.triptych {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 56px;
  border: 1px solid var(--line);
}
.triptych__col {
  padding: clamp(28px, 3.5vw, 52px) clamp(24px, 3vw, 44px);
  border-top: 3px solid var(--line);
  display: grid;
  gap: 14px;
  transition: background .3s var(--ease);
}
.triptych__col + .triptych__col { border-left: 1px solid var(--line); }
.triptych__col--hi {
  border-top-color: var(--forest);
  background: var(--paper);
}
.triptych__num {
  font-weight: 900;
  font-size: clamp(44px, 6vw, 88px);
  letter-spacing: -0.045em;
  line-height: 1;
  color: var(--ink);
}
.triptych__col--low .triptych__num { color: var(--muted); font-size: clamp(32px, 4vw, 60px); }
.triptych__col--mid .triptych__num { font-size: clamp(36px, 4.8vw, 72px); }
.triptych__col--hi .triptych__num { color: var(--forest); }
.triptych__lab {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  line-height: 1.55;
}
.triptych__caption {
  margin-top: 20px;
  max-width: 76ch;
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.55;
}
@media (max-width: 640px) {
  .triptych { grid-template-columns: 1fr; }
  .triptych__col + .triptych__col { border-left: none; border-top: 1px solid var(--line); }
  .triptych__col--hi { border-top-color: var(--forest); }
}

.econ::after {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: url('founding.jpg') center/cover no-repeat;
  background-image: image-set(url('founding.webp') type('image/webp'), url('founding.jpg') type('image/jpeg'));
  opacity: 0.12;
  pointer-events: none;
}
.econ .headline__inner,
.econ__inner {
  text-align: left;
  justify-items: start;
  position: relative;
  z-index: 1;
}
.econ .econ__title{
  font-weight:800; letter-spacing:-0.025em; line-height:1.02;
  font-size:clamp(36px, 5vw, 68px);
  color:#fff; text-wrap:balance; max-width:22ch;
  margin-top:4px;
}
.econ .econ__title .stress{ color:var(--forest-3); font-style:italic; }
.econ .econ__lede{
  max-width:68ch; color:rgba(243,239,231,0.78);
  font-size:clamp(17px,1.2vw,20px); line-height:1.6; text-wrap:pretty;
  margin-top:6px;
}
.econ__table{
  width:100%; max-width:1100px; margin-top:36px;
  border:1px solid rgba(243,239,231,0.14);
  display:grid; gap:0;
  text-align:left;
}
.econ__row{
  display:grid; grid-template-columns: 1.1fr 1.4fr 1.4fr;
  border-top:1px solid rgba(243,239,231,0.10);
}
.econ__row:first-child{ border-top:none; }
.econ__row > *{
  padding:clamp(14px, 1.5vw, 22px) clamp(16px, 2vw, 28px);
  font-size:15px; line-height:1.55;
  color:rgba(243,239,231,0.88);
}
.econ__row--head > *{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.12em;
  text-transform:uppercase; color:rgba(243,239,231,0.55);
  padding-top:16px; padding-bottom:16px;
  background:rgba(255,255,255,0.02);
}
.econ__lab{ color:rgba(243,239,231,0.6); font-weight:500; }
.econ__them{ color:rgba(243,239,231,0.72); }
.econ__us{ color:#fff; font-weight:500; background:rgba(74,122,96,0.10); }
.econ__row + .econ__row .econ__us{ border-top:1px solid rgba(74,122,96,0.18); }
.econ__cap{
  margin-top:20px; max-width:72ch;
  font-size:13px; line-height:1.6;
  color:rgba(243,239,231,0.55);
}

@media (max-width: 720px){
  .econ__row{ grid-template-columns: 1fr; }
  .econ__row > *{ border-top:1px solid rgba(243,239,231,0.08); }
  .econ__row:first-child > *:first-child{ border-top:none; }
  .econ__lab{
    font-family:var(--f-mono); font-size:11px; letter-spacing:0.1em;
    text-transform:uppercase; color:rgba(243,239,231,0.5);
    padding-bottom:4px;
  }
  .econ__row--head{ display:none; }
}

.econ__cards {
  margin-top: 32px;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.econ__card {
  text-decoration: none; color: inherit;
  display: block; padding: 32px 28px;
  background: rgba(243,239,231,0.06);
  border: 1px solid rgba(243,239,231,0.15);
  border-radius: 4px;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}
@media (hover: hover) {
  .econ__card:hover {
    transform: translateY(-3px);
    background: rgba(243,239,231,0.10);
    border-color: var(--forest-3);
    box-shadow: 0 8px 28px rgba(74,122,96,0.18);
  }
}
.econ__card-label {
  font-size: 11px; letter-spacing: 0.14em;
  color: var(--forest-3); text-transform: uppercase; margin-bottom: 10px;
}
.econ__card-title {
  font-size: 28px; font-weight: 800; letter-spacing: -0.02em;
  line-height: 1.1; margin-bottom: 8px; color: #fff;
  transition: color .2s ease;
}
@media (hover: hover) {
  .econ__card:hover .econ__card-title { color: var(--forest-3); }
}
.econ__card-desc { font-size: 15.5px; color: rgba(243,239,231,0.75); }

.econ__workstreams {
  margin-top: 32px;
  display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 15px;
}
.econ__ws {
  color: rgba(243,239,231,0.82); text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid rgba(243,239,231,0.2);
  transition: color .2s ease, border-color .2s ease;
}
@media (hover: hover) {
  .econ__ws:hover {
    color: #fff;
    border-bottom-color: var(--forest-3);
  }
}

@media (max-width: 960px) {
  .econ__cards { grid-template-columns: 1fr; }
}

.outcomes{
  padding:clamp(80px, 10vw, 140px) var(--pad);
  background:var(--bg);
  border-top:1px solid var(--line);
}
.outcomes__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; gap:48px;
}
.outcomes__hd{ display:grid; gap:14px; max-width:64ch; }
.outcomes__hd .mono{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--muted);
}
.outcomes__lede{
  margin-top:6px; color:var(--ink-2);
  font-size:var(--fs-lede); line-height:1.55; max-width:62ch;
  text-wrap:pretty;
}
.outcomes__row{
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.outcomes__cell{
  padding:clamp(32px, 4vw, 56px) clamp(24px, 3vw, 44px);
  display:grid; gap:12px;
  transition:background .3s var(--ease);
}
.outcomes__cell + .outcomes__cell{ border-left:1px solid var(--line); }
@media (hover: hover) {
  .outcomes__cell:hover{ background:var(--paper); }
}
.outcomes__n{
  font-weight:900; font-size:clamp(56px, 8vw, 120px);
  letter-spacing:-0.055em; line-height:0.95;
  color:var(--forest); display:flex; align-items:flex-start;
  font-variant-numeric:tabular-nums;
}
.outcomes__n .pct{ font-size:0.38em; color:var(--forest-3); margin-top:0.3em; margin-left:0.04em; }
.outcomes__lab{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--muted); line-height:1.5;
}
.outcomes__cta{
  justify-self:start;
  font-size:15px; color:var(--forest);
  border-bottom:1px solid rgba(42,74,58,0.3);
  padding-bottom:3px;
  transition:color .2s, border-color .2s;
}
.outcomes__cta:hover{ color:var(--ink); border-color:var(--ink); }
@media (max-width: 720px){
  .outcomes__row{ grid-template-columns: 1fr; }
  .outcomes__cell + .outcomes__cell{ border-left:none; border-top:1px solid var(--line); }
}

.bars{
  display:grid; gap:20px;
  margin-top:56px;
}
.bars__row{
  display:grid; grid-template-columns: 220px 1fr 90px;
  gap:24px; align-items:center;
}
.bars__lab{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.06em;
  text-transform:uppercase; color:var(--muted); line-height:1.4;
}
.bars__lab b{
  display:block; margin-top:4px;
  font-family:var(--f-sans); font-size:14px; font-weight:500;
  letter-spacing:-0.01em; text-transform:none; color:var(--ink);
  text-wrap:pretty;
}
.bars__bar{
  position:relative; height:56px; border-radius:2px;
  background:var(--bg-2, #EBE6DB); overflow:hidden;
}
.bars__fill{
  position:absolute; inset:0 auto 0 0;
  width:var(--wt, 0%);
  transition:width 1.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.js-anim .bars__fill{ width:0; }
.js-anim .reveal.in .bars__fill{ width:var(--wt, 0%); }
@media (prefers-reduced-motion: reduce){
  .bars__fill{ transition:none; width:var(--wt, 0%); }
}
.bars__fill--low{ background:linear-gradient(90deg, #9A928A 0%, #B0A79A 100%); }
.bars__fill--mid{ background:linear-gradient(90deg, var(--forest-2, #4A7A60) 0%, #6C9680 100%); }
.bars__fill--hi{ background:linear-gradient(90deg, var(--forest) 0%, #3a6b52 100%); }
.bars__val{
  font-weight:800; font-size:32px; letter-spacing:-0.02em; line-height:1;
  text-align:right; font-variant-numeric:tabular-nums;
}
.bars__val--hi{
  color:var(--forest); font-size:44px;
  position:relative; display:inline-block;
  text-shadow:0 0 32px rgba(74,122,96,0.22);
}
.bars__row:last-child .bars__bar{ height:80px; }
.reveal.in .bars__fill--hi{ box-shadow:0 4px 28px rgba(42,74,58,0.4), 0 0 60px rgba(74,122,96,0.2); }
.bars__row--hi{ position:relative; }
.bars__annotation{
  grid-column: 2 / 3;
  padding-left:6px; margin-top:2px;
  color:var(--forest); font-size:10px; letter-spacing:0.12em;
}
@media (max-width: 860px){
  .bars__row{ grid-template-columns: 1fr; gap:10px; }
  .bars__val{ text-align:left; font-size:28px; }
  .bars__val--hi{ font-size:36px; }
  .bars__annotation{ grid-column: 1; padding-left:0; }
}

.contrast-stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:clamp(20px, 3vw, 40px);
  margin-top:56px;
}
.contrast-stats--four{ grid-template-columns: repeat(4, 1fr); }
@media (max-width:1100px){
  .contrast-stats--four{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:640px){
  .contrast-stats--four{ grid-template-columns:1fr; max-width:480px; }
}
.contrast-stat{
  padding:clamp(28px, 3vw, 44px) clamp(20px, 2.5vw, 32px);
  border:1px solid var(--line);
  border-radius:4px;
  display:grid; gap:8px;
  transition: border-color 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
@media (hover: hover) {
  .contrast-stat:hover{
    border-color: var(--line-2);
  }
}
.contrast-stat--hi{
  background: var(--forest);
  border-color: var(--forest);
  color:#fff;
}
@media (hover: hover) {
  .contrast-stat--hi:hover{
    border-color: var(--forest-2);
    box-shadow: 0 12px 40px -12px rgba(42,74,58,0.4);
  }
}
.contrast-stat__n{
  font-weight:800;
  font-size:clamp(44px, 5.5vw, 72px);
  letter-spacing:-0.03em;
  line-height:1;
  font-variant-numeric: tabular-nums;
}
.contrast-stat__n--low{ color:var(--muted); }
.contrast-stat__n--mid{ color:var(--forest-2); }
.contrast-stat__n--hi{ color:#fff; }
.contrast-stat__lab{
  font-weight:600;
  font-size:16px;
  letter-spacing:-0.01em;
  line-height:1.3;
}
.contrast-stat__sub{
  font-family:var(--f-mono);
  font-size:13px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.contrast-stat--hi .contrast-stat__sub{ color:rgba(255,255,255,0.7); }
.contrast-stat--hi .contrast-stat__lab{ color:#fff; }

@media (max-width:860px){
  .contrast-stats{ grid-template-columns:1fr; max-width:480px; }
}

.plate__ladder{
  margin-top:22px; padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.18);
  display:grid; gap:10px;
}
.plate__rung{
  display:grid; grid-template-columns:62px 1fr;
  align-items:baseline; gap:14px;
}
.plate__rung-n{
  font-family:var(--f-mono); font-weight:500;
  font-size:18px; letter-spacing:-0.01em;
  color:var(--forest-3);
  font-variant-numeric:tabular-nums;
}
.plate__rung-cond{
  font-size:13px; line-height:1.35;
  color:rgba(255,255,255,0.85);
}

.contrast__hd{ display:grid; gap:18px; }
.contrast__kicker{
  max-width:82ch;
  font-size:clamp(16px,1.2vw,19px); line-height:1.6;
  color:var(--ink-2);
  text-wrap:pretty;
}
.contrast__pull{
  margin-top:32px; padding:18px 0 0 18px;
  border-left:2px solid var(--forest);
  font-weight:500; letter-spacing:-0.005em;
  font-size:clamp(16px, 1.3vw, 20px);
  line-height:1.5;
  color:var(--ink-2);
  max-width:60ch;
  text-wrap:pretty;
  font-style:italic;
}

.ladder{
  padding:clamp(90px,12vw,140px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.ladder__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; gap:56px;
}
.ladder__hd{ display:grid; gap:14px; max-width:72ch; }
.ladder__hd h2{ max-width:18ch; margin-top:4px; }
.ladder__lede{
  color:var(--ink-2); font-size:var(--fs-lede);
  line-height:1.55; max-width:62ch;
  text-wrap:pretty;
}
.ladder__list{
  list-style:none; display:grid; gap:0;
  border-top:1px solid var(--line);
}
.ladder__rung{
  display:grid;
  grid-template-columns: 140px 1fr 90px;
  align-items:center;
  gap:clamp(18px,2.5vw,36px);
  padding:clamp(10px,1.2vw,14px) 0;
  border-bottom:1px solid var(--line-2);
}
.ladder__rung > .ladder__cond{
  grid-column: 2 / 3;
  padding-top:4px;
  font-size:14.5px; color:var(--ink-2); line-height:1.45;
  max-width:56ch;
}
.ladder__n{
  grid-column: 1;
  grid-row: 1 / span 2;
  font-family:var(--f-mono); font-weight:500;
  font-size:clamp(32px, 3.8vw, 48px);
  letter-spacing:-0.02em;
  color:var(--ink);
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.ladder__rung--full .ladder__n{ color:var(--forest); }
.ladder__track{
  grid-column: 2;
  grid-row: 1;
  position:relative;
  height:24px;
  background:rgba(42,74,58,0.08);
  border-radius:2px;
  overflow:hidden;
}
.ladder__fill{
  position:absolute; inset:0 auto 0 0;
  width:var(--w, 100%);
  background:linear-gradient(90deg, var(--forest) 0%, var(--forest-2) 45%, var(--forest) 100%);
  background-size: 200% 100%;
  transition:width 1.1s var(--ease);
  animation: ladderShimmer 6s ease-in-out infinite;
}
.js-anim .ladder__fill{ width:0; }
.js-anim .reveal.in .ladder__fill{ width:var(--w, 100%); }
@keyframes ladderShimmer {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce){
  .ladder__fill{ transition:none; width:var(--w, 100%); animation:none; }
}
.ladder__delta{
  grid-column: 3;
  grid-row: 1;
  text-align:right;
  color:var(--forest);
  font-size:13px;
  font-weight:600;
  letter-spacing:0.08em;
}
.ladder__foot{
  margin-top:0;
  color:var(--ink-2); font-size:15px;
}
.ladder__foot .linkish{ color:var(--forest); }
@media (max-width:860px){
  .ladder__rung{
    grid-template-columns: 1fr;
    gap:8px; padding:22px 0;
  }
  .ladder__n{
    grid-column:1; grid-row:1;
    font-size:32px;
  }
  .ladder__track{ grid-column:1; grid-row:2; height:20px; }
  .ladder__rung > .ladder__cond{ grid-column:1; }
  .ladder__delta{ grid-column:1; grid-row:4; text-align:left; }
}

.priceladder{
  width:100%; max-width:1100px; margin-top:36px;
  border:1px solid rgba(243,239,231,0.14);
  display:grid; gap:0;
  text-align:left;
}
.priceladder__row{
  display:grid; grid-template-columns: 48px 1.4fr 1fr 2fr;
  gap:clamp(14px,1.8vw,28px); align-items:baseline;
  padding:clamp(18px,2vw,26px) clamp(20px,2vw,28px);
  border-top:1px solid rgba(243,239,231,0.08);
}
.priceladder--compact .priceladder__row{
  grid-template-columns: 1fr auto;
  padding:clamp(10px,1.1vw,14px) clamp(20px,2vw,28px);
}
.priceladder__row:first-child{ border-top:none; }
.priceladder__row--feature{
  background:rgba(74,122,96,0.14);
  border-top-color: rgba(199,217,176,0.26);
  border-bottom:1px solid rgba(199,217,176,0.26);
}
.priceladder__n{ color:rgba(243,239,231,0.5); font-size:11px; }
.priceladder__tier{
  color:#fff; font-weight:700; font-size:16.5px; letter-spacing:-0.01em;
}
.priceladder__price{
  color:var(--forest-3); font-weight:800;
  font-size:clamp(18px,1.6vw,24px); letter-spacing:-0.015em;
  font-variant-numeric:tabular-nums;
}
.priceladder__desc{ color:rgba(243,239,231,0.72); font-size:14px; line-height:1.55; }
.econ__sealine{
  margin-top:28px; max-width:72ch;
  font-size:clamp(16px,1.2vw,19px); line-height:1.5;
  color:rgba(243,239,231,0.88);
  padding-top:24px; border-top:1px solid rgba(243,239,231,0.14);
}
@media (max-width:780px){
  .priceladder__row{ grid-template-columns: 1fr 1fr; gap:6px 18px; }
  .priceladder__n{ grid-column:1/2; }
  .priceladder__tier{ grid-column:2/3; text-align:right; }
  .priceladder__price{ grid-column:1/2; }
  .priceladder__desc{ grid-column:2/3; text-align:right; }
  .priceladder--compact .priceladder__row{ grid-template-columns: 1fr auto; }
  .priceladder--compact .priceladder__tier{ grid-column:auto; text-align:left; }
  .priceladder--compact .priceladder__price{ grid-column:auto; text-align:right; }
}

.diff__item--hero{
  grid-column: 1 / -1;
  padding:32px 0; align-items:flex-start;
}
.diff__item--hero h3{ font-size:clamp(24px,2vw,30px); }
.diff__item--hero p{ max-width:62ch; font-size:17px; }

.team__credline{
  margin-top:28px;
  padding:18px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
}
.team__credline .mono{
  color:var(--forest); letter-spacing:0.12em;
  font-size:12px;
}

.creds{
  padding:clamp(80px,10vw,140px) var(--pad);
  background:var(--bg);
  border-top:1px solid var(--line-2);
  position:relative;
  isolation:isolate;
}
.creds::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:url('mentors-bg.jpg') center/cover no-repeat;
  opacity:0.055;
  pointer-events:none;
}
.creds__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; gap:48px;
  position:relative;
  z-index:1;
}
.creds__hd{ display:grid; gap:14px; max-width:64ch; }
.creds__hd h2{ margin-top:2px; }
.creds__lede{
  color:var(--ink-2); font-size:var(--fs-lede); line-height:1.55;
  max-width:54ch;
}
.creds__grid{
  display:grid; grid-template-columns: repeat(4, 1fr); gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.creds__foot{ margin-top:28px; font-size:14px; color:var(--ink-2); }
.creds__foot .linkish{ color:var(--forest); }
.creds__tile{
  background:var(--paper);
  padding:clamp(22px,2.2vw,32px);
  display:grid; gap:10px;
  grid-template-rows: minmax(2.4em, auto) auto 1fr;
  align-content:start;
  min-height:200px;
  transition: box-shadow 0.3s var(--ease);
}
.creds__k{ color:var(--forest); }
.creds__inst{
  font-weight:800; font-size:18px; letter-spacing:-0.015em;
  line-height:1.2; color:var(--ink);
  text-wrap:balance;
}
.creds__role{
  font-family:var(--f-mono); font-size:11px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--forest);
}
.creds__note{
  margin-top:6px; color:var(--ink-2); font-size:14px; line-height:1.55;
  max-width:44ch;
  text-wrap:pretty;
}
@media (max-width:980px){
  .creds__grid{ grid-template-columns: repeat(2,1fr); }
}
@media (max-width:560px){
  .creds__grid{ grid-template-columns: 1fr; }
}

.statwall{
  padding:clamp(80px,10vw,140px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.statwall__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; gap:40px;
}
.statwall__hd{ display:grid; gap:12px; max-width:64ch; }
.statwall__hd h2{ margin-top:2px; max-width:16ch; }
.statwall__grid{
  display:grid; grid-template-columns:repeat(4, 1fr);
  gap:1px; background:var(--line);
  border:1px solid var(--line);
}
.statwall__tile{
  background:var(--bg);
  padding:clamp(28px,3vw,44px) clamp(24px,2.5vw,36px);
  display:grid; gap:10px; align-content:start;
  min-height:220px;
}
.statwall__n{
  font-family:var(--f-mono); font-weight:500;
  font-size:clamp(44px,5vw,72px);
  line-height:0.95; letter-spacing:-0.025em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
  display:flex; align-items:flex-end; gap:4px;
}
.statwall__n sup{ font-size:0.38em; margin-bottom:0.55em; color:var(--muted); }
.statwall__of{
  font-size:0.42em; color:var(--muted); font-weight:400;
  margin:0 0.1em; align-self:center;
}
.statwall__lab{
  font-weight:700; font-size:16px; letter-spacing:-0.012em;
  line-height:1.3; color:var(--ink);
  margin-top:4px;
  text-wrap:pretty;
}
.statwall__ann{ color:var(--muted); text-wrap:pretty; }
@media (max-width:980px){
  .statwall__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  .statwall__grid{ grid-template-columns:1fr; }
  .statwall__tile{ min-height:0; padding:24px 22px; }
  .statwall__n{ font-size:44px; }
}

.txplay{
  padding:clamp(90px,12vw,160px) var(--pad);
  background:var(--ink); color:var(--bg);
  position:relative; overflow:hidden;
}
.txplay::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(199,217,176,0.08) 0, transparent 40%),
    radial-gradient(circle at 88% 85%, rgba(74,122,96,0.12) 0, transparent 45%);
  pointer-events:none;
}
.txplay__inner{
  position:relative;
  max-width:900px; margin:0 auto;
  display:grid; gap:22px;
}
.txplay__kicker{
  color:rgba(243,239,231,0.72);
  font-size:13px; letter-spacing:0.14em;
  display:inline-flex; align-items:center; gap:10px;
}
.txplay__kicker::before{
  content:""; width:22px; height:1px; background:var(--forest-3);
}
.txplay__title{ max-width:22ch; color:#fff; }
.txplay__title .stress{ color:var(--forest-3); }
.txplay__body{
  color:rgba(243,239,231,0.82);
  font-size:clamp(17px,1.3vw,20px); line-height:1.6;
  max-width:60ch;
  text-wrap:pretty;
}
.txplay__link{
  margin-top:16px; justify-self:start;
  font-size:15px; color:var(--forest-3);
  border-bottom:1px solid rgba(199,217,176,0.35);
  padding-bottom:3px;
  transition:color .2s, border-color .2s;
}
.txplay__link:hover{ color:#fff; border-color:#fff; }

.txplay{ background:#0A0A08; }
.txplay::before{
  background:
    radial-gradient(circle at 12% 20%, rgba(199,217,176,0.08) 0, transparent 40%),
    radial-gradient(circle at 88% 85%, rgba(74,122,96,0.14) 0, transparent 45%);
}

.method{
  padding:clamp(70px,9vw,120px) var(--pad);
  background:var(--bg);
  border-top:1px solid var(--line-2);
}
.method__inner{
  max-width:var(--max); margin:0 auto;
  display:grid; gap:40px;
}
.method__hd{ display:grid; gap:12px; max-width:64ch; }
.method__hd .mono{
  display:inline-flex; align-items:center; gap:10px; color:var(--muted);
}
.method__hd .mono::before{
  content:""; width:22px; height:1px; background:var(--forest);
}
.method__hd h2{ margin-top:2px; max-width:18ch; }
.method__lede{
  font-size:var(--fs-lede); color:var(--ink-2);
  max-width:60ch;
}
.method__list{
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:0;
  border-top:1px solid var(--line);
  list-style:none;
  counter-reset:mstep;
}
.method__step{
  padding:24px 30px 25px 30px;
  border-right:1px solid var(--line-2);
  display:grid; gap:16px;
  align-content:start;
  position:relative;
  transition:background .3s var(--ease);
}
@media (hover: hover) {
  .method__step:hover{ background:rgba(42,74,58,0.03); }
}
.method__step:nth-child(3){ border-right:none; }
.method__step:first-child{ padding-left:0; }
.method__step:nth-child(4){ padding-left:0; }
.method__step:nth-child(3n){ border-right:none; padding-right:0; }
.method__step:nth-child(4),
.method__step:nth-child(5),
.method__step:nth-child(6){ border-top:1px solid var(--line-2); margin-top:-1px; }
.method__n{
  color:var(--forest); font-size:11px;
  letter-spacing:0.12em; font-family:var(--f-mono);
  font-weight:500;
}
.method__t{
  font-weight:700; font-size:19px; letter-spacing:-0.012em;
  line-height:1.3;
  color:var(--ink);
  text-wrap:balance;
  max-width:20ch;
}
.method__d{
  color:var(--ink-2); font-size:17px; line-height:1.6;
  text-wrap:pretty;
  max-width:44ch;
}
.method__foot{
  margin-top:32px;
  font-size:14px; color:var(--ink-2);
}
.method__foot .linkish{ color:var(--forest); }
@media (max-width:720px){
  .method__list{
    grid-template-columns:1fr; gap:0;
    border-top:none;
  }
  .method__step{
    border-right:none; border-left:2px solid var(--line);
    padding:22px 0 22px 22px !important;
    border-top:none; margin-top:0;
  }
  .method__step + .method__step{ border-top:1px solid var(--line-2); }
}

.founding-h{
  padding:clamp(80px,10vw,140px) var(--pad);
  background:var(--paper);
  border-top:1px solid var(--line-2);
  border-bottom:1px solid var(--line-2);
}
.founding-h__inner{
  max-width:1100px; margin:0 auto;
  display:grid; gap:28px;
}
.founding-h__inner .mono{
  display:inline-flex; align-items:center; gap:10px; color:var(--muted);
}
.founding-h__inner .mono::before{
  content:""; width:22px; height:1px; background:var(--forest);
}
.founding-h__row{
  display:grid; grid-template-columns: 1.2fr 1fr;
  gap:clamp(32px,5vw,80px);
  align-items:start;
}
.founding-h .serif-pull{
  font-size:clamp(26px,3vw,40px);
  color:var(--ink);
  max-width:52ch;
  text-wrap:balance;
}
.founding-h__foot{
  margin-top:12px; font-size:14px; color:var(--ink-2);
}
.founding-h__foot .linkish{ color:var(--forest); }
.founding-h__body{
  display:grid; gap:18px;
  max-width:54ch;
  color:var(--ink-2);
  font-size:17px; line-height:1.65;
}
.founding-h__body p{ text-wrap:pretty; }
@media (max-width:880px){
  .founding-h__row{ grid-template-columns:1fr; gap:24px; }
  .founding-h .serif-pull{ max-width:34ch; }
}
.founding-h__img{
  min-height:340px;
  background:url('library.jpg') center/cover no-repeat;
  background-image: image-set(url('library.webp') type('image/webp'), url('library.jpg') type('image/jpeg'));
  border-radius:2px;
  align-self:stretch;
}
@media (max-width:880px){
  .founding-h__img{ min-height:220px; }
}

.js-anim .hero__title.reveal { transition-delay: 0s; }
.js-anim .hero__sub.reveal { transition-delay: 0.15s; }
.js-anim .hero__ctas.reveal { transition-delay: 0.3s; }
.js-anim .plate.reveal { transition-delay: 0.5s; }

.tcard{ transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease); }
@media (hover: hover) {
  .tcard:hover{ transform: translateY(-4px); box-shadow: 0 12px 32px -8px rgba(14,14,12,0.12); }
}
.tcard__arr{ transition: transform 0.25s var(--ease), background 0.3s var(--ease), color 0.3s var(--ease); }
@media (hover: hover) {
  .tcard:hover .tcard__arr{ transform: translateX(4px); }
}

@media (hover: hover) {
  .creds__tile:hover{ box-shadow: 0 8px 24px -8px rgba(42,74,58,0.12); }
}

.ladder__rung{ transition: background 0.25s var(--ease); }
@media (hover: hover) {
  .ladder__rung:hover{ background: rgba(42,74,58,0.03); }
  .ladder__rung:hover .ladder__delta{ color: var(--forest-2); transition: color 0.25s var(--ease); }
}

@media (min-width: 861px) {
  .ladder__hd {
    position: sticky;
    top: calc(var(--header-h, 96px) + 16px);
    z-index: 2;
    max-width: none;
    padding-bottom: 24px;
    isolation: isolate;
  }
  .ladder__hd::before {
    content: "";
    position: absolute;
    inset: -16px calc(-1 * var(--pad)) 0;
    background: var(--paper);
    z-index: -1;
    box-shadow: 0 18px 18px -18px rgba(14,14,12,0.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wall__track { animation: none; }
}

.statwall__grid--dom{
  grid-template-columns: 2fr 1fr 1fr;
}
.statwall__grid--dom .statwall__tile--dom{
  min-height:auto;
  padding:clamp(36px,4vw,56px) clamp(28px,3vw,44px);
  background:var(--ink); color:var(--bg);
  justify-content:center;
}
.statwall__foot{ margin-top:28px; font-size:14px; color:var(--ink-2); }
.statwall__foot .linkish{ color:var(--forest); }
.statwall__grid--dom .statwall__tile--dom .statwall__n--dom{
  font-size:clamp(88px,10vw,156px);
  font-family:var(--f-sans); font-weight:800;
  letter-spacing:-0.035em;
  color:#fff;
  line-height:0.9;
}
.statwall__grid--dom .statwall__tile--dom .statwall__n--dom .pct{
  font-size:0.4em; color:var(--forest-3);
  margin-left:0.05em;
  font-weight:600;
}
.statwall__grid--dom .statwall__tile--dom .statwall__lab--dom{
  color:#fff; font-size:clamp(22px,1.8vw,30px);
  letter-spacing:-0.012em; font-weight:700;
  margin-top:14px;
}
.statwall__grid--dom .statwall__tile--dom .statwall__ann{
  color:rgba(243,239,231,0.64);
}
@media (max-width:980px){
  .statwall__grid--dom{ grid-template-columns: repeat(2,1fr); }
  .statwall__grid--dom .statwall__tile--dom{ grid-column: span 2; }
}
@media (max-width:560px){
  .statwall__grid--dom{ grid-template-columns:1fr; }
  .statwall__grid--dom .statwall__tile--dom{ grid-column:auto; }
}

.hero__kinetic{ display:none; }
.hero__grain{ opacity:0.035; }
