/* /numeros — archive measured */

.numbers-page{background:var(--cream)}

.numbers-hero-floaters img{animation:numbers-float 9s ease-in-out infinite}
.numbers-hero-floaters img:nth-child(1){right:6%;bottom:-8%;left:auto;transform:rotate(-9deg)}
.numbers-hero-floaters img:nth-child(2){right:24%;top:12%;left:auto;width:clamp(85px,10vw,140px);opacity:.34;transform:rotate(11deg);animation-delay:-2.2s}
.numbers-hero-floaters img:nth-child(3){right:40%;bottom:8%;left:auto;width:clamp(70px,8vw,110px);opacity:.2;transform:rotate(-14deg);animation-delay:-4.5s}
@keyframes numbers-float{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* Sticky section jump */
.numbers-toc{
  position:sticky;top:0;z-index:18;
  display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;
  padding:10px clamp(18px,4vw,48px);
  background:linear-gradient(180deg,rgba(247,245,238,.97) 70%,rgba(247,245,238,.88));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(8,49,35,.08);
  scrollbar-width:none;-ms-overflow-style:none;
}
.numbers-toc::-webkit-scrollbar{display:none}
.numbers-toc a{
  flex:none;padding:7px 14px;border-radius:999px;
  font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted);text-decoration:none;white-space:nowrap;
  border:1px solid transparent;
}
.numbers-toc a:hover{color:var(--forest);background:rgba(5,41,30,.05)}
.numbers-toc a.is-active{
  color:var(--forest);background:#fff;
  border-color:rgba(8,49,35,.12);box-shadow:0 2px 8px rgba(7,27,21,.06);
}

.numbers-content{padding:8px clamp(18px,4vw,48px) 56px}

.numbers-section{padding:28px 0 8px;scroll-margin-top:64px}
.numbers-section-head{margin:0 0 18px;max-width:52ch}
.numbers-section-head h2{
  margin:0 0 6px;font-size:clamp(1.35rem,2.2vw,1.85rem);
  letter-spacing:-.02em;line-height:1.15;
}
.numbers-section-head p{margin:0;font-size:14px;color:var(--muted);line-height:1.45}

/* KPI pulse — no cards: dividers only */
.numbers-kpis{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.numbers-kpi{
  padding:22px 16px 20px;text-align:left;
  border-right:1px solid var(--line);
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(177,238,120,.14),transparent 55%),
    transparent;
}
.numbers-kpi:last-child{border-right:0}
.numbers-kpi-val{
  display:block;font-family:var(--serif);font-weight:700;
  font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:-.03em;color:var(--forest);
}
.numbers-kpi-label{
  display:block;margin-top:8px;font-size:12px;font-weight:750;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink);
}
.numbers-kpi-hint{display:block;margin-top:2px;font-size:12px;color:var(--muted)}

/* Decade columns */
.numbers-decade{
  display:flex;align-items:flex-end;gap:10px;
  min-height:220px;padding:12px 4px 0;
  border-bottom:2px solid var(--forest);
}
.numbers-decade-col{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;
  height:100%;justify-content:flex-end;
}
.numbers-decade-n{
  font-family:var(--serif);font-size:15px;font-weight:700;color:var(--forest);
  opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;
}
.numbers-decade-bar{
  width:100%;max-width:56px;height:160px;display:flex;align-items:flex-end;
  background:rgba(5,41,30,.04);border-radius:8px 8px 0 0;overflow:hidden;
}
.numbers-decade-bar i{
  display:block;width:100%;height:0;border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,var(--lime) 0%,#3a9a5c 45%,var(--forest) 100%);
  transition:height .85s cubic-bezier(.22,1,.36,1);
}
.numbers-decade-label{
  font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);
  padding-bottom:2px;
}
.numbers-decade-col.is-peak .numbers-decade-label{color:var(--forest)}
.numbers-decade-col.is-peak .numbers-decade-bar{
  box-shadow:0 0 0 1px rgba(177,238,120,.55);
}
[data-reveal].is-in .numbers-decade-bar i{height:calc(var(--h,0) * 1%)}
[data-reveal].is-in .numbers-decade-n{opacity:1;transform:none}

/* DNA ribbon + legend */
.numbers-dna{display:grid;gap:18px}
.numbers-ribbon{
  display:flex;height:64px;border-radius:14px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(5,41,30,.08);
}
.numbers-ribbon-seg{
  flex:0 0 var(--w,0);width:var(--w,0);min-width:0;
  background:var(--c,#2E9E5B);color:#fff;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:11px;font-weight:750;letter-spacing:.04em;
  transition:filter .2s ease,flex-basis .7s cubic-bezier(.22,1,.36,1);
  transform-origin:left center;
}
.numbers-ribbon-seg:hover{filter:brightness(1.08)}
.numbers-ribbon-seg span{padding:0 8px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.25)}

.numbers-dna-legend{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  margin:0;padding:0;list-style:none;
}
.numbers-dna-legend a{
  display:grid;grid-template-columns:14px 1fr auto;grid-template-rows:auto auto;
  gap:2px 8px;align-items:center;padding:10px 12px;border-radius:12px;
  text-decoration:none;color:inherit;background:rgba(5,41,30,.03);
  border:1px solid transparent;transition:border-color .15s,background .15s;
}
.numbers-dna-legend a:hover{border-color:rgba(8,49,35,.14);background:#fff}
.numbers-dna-legend .sw{width:12px;height:12px;border-radius:3px;grid-row:1/3}
.numbers-dna-legend .lab{font-size:13px;font-weight:700;grid-column:2}
.numbers-dna-legend .n{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--forest);grid-column:3;grid-row:1/3}
.numbers-dna-legend .share{font-size:11px;color:var(--muted);grid-column:2}

.numbers-fact{
  display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;
  padding:20px 22px;border-radius:16px;
  background:linear-gradient(115deg,#05291e 0%,#0a3a2a 55%,#103e30 100%);
  color:#e8f0ea;
}
.numbers-fact-hoops{
  display:flex;flex-direction:column;gap:5px;width:48px;
}
.numbers-fact-hoops i{
  display:block;height:7px;border-radius:2px;background:var(--lime);
  opacity:.35;
}
.numbers-fact-hoops i:nth-child(odd){opacity:.95;background:#fff}
.numbers-fact-hoops i:nth-child(even){opacity:.55}
.numbers-fact-copy .eyebrow{color:var(--lime);margin:0 0 6px}
.numbers-fact-copy p{margin:0 0 10px;font-size:15px;line-height:1.4;max-width:42ch}
.numbers-fact-copy strong{font-family:var(--serif);font-size:1.45em;color:#fff;font-weight:700}
.numbers-fact-copy .muted{opacity:.65;font-size:.9em}
.numbers-fact-copy .text-link{color:var(--lime)}
.numbers-fact-copy .text-link:hover{color:#fff}

/* Ranked lists */
.numbers-split{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);
  padding-top:8px;
}
.numbers-rank{margin:0;padding:0;list-style:none}
.numbers-rank li{border-bottom:1px solid rgba(8,49,35,.08)}
.numbers-rank a,
.numbers-club{
  display:grid;grid-template-columns:2.2em 1fr minmax(72px,28%) 2.6em;
  gap:10px;align-items:center;padding:10px 2px;
  text-decoration:none;color:inherit;
}
.numbers-rank a:hover .lab,
.numbers-club:hover .lab{color:var(--forest)}
.numbers-rank .rank,
.numbers-club .rank{
  font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);
}
.numbers-rank .lab,
.numbers-club .lab{
  font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.numbers-rank .track,
.numbers-club .track{
  height:8px;border-radius:999px;background:rgba(5,41,30,.06);overflow:hidden;
}
.numbers-rank .track i,
.numbers-club .track i,
.numbers-type-bar i{
  display:block;height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg,#3a9a5c,var(--forest));
  transition:width .8s cubic-bezier(.22,1,.36,1);
}
.numbers-rank .n,
.numbers-club .n{
  font-family:var(--serif);font-size:16px;font-weight:700;text-align:right;color:var(--forest);
}
[data-reveal].is-in .numbers-rank .track i,
[data-reveal].is-in .numbers-club .track i,
[data-reveal].is-in .numbers-type-bar i{width:var(--w,0)}

.numbers-more{margin-top:14px}

/* Types */
.numbers-types{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;
}
.numbers-type{
  position:relative;padding:18px 16px 14px;
  border-top:3px solid var(--forest);
  background:
    linear-gradient(180deg,rgba(177,238,120,.12),transparent 40%),
    rgba(5,41,30,.025);
}
.numbers-type-n{
  display:block;font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,2.4rem);
  font-weight:700;line-height:1;color:var(--forest);letter-spacing:-.02em;
}
.numbers-type-label{
  display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--ink);
}
.numbers-type-share{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.numbers-type-bar{
  display:block;margin-top:12px;height:4px;border-radius:999px;
  background:rgba(5,41,30,.08);overflow:hidden;
}

/* Clubs */
.numbers-clubs{display:grid;gap:0}
.numbers-club{border-bottom:1px solid rgba(8,49,35,.08)}

/* Reveal base */
[data-reveal]{opacity:.92}
[data-reveal].is-in{opacity:1}

@media (max-width:960px){
  .numbers-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .numbers-kpi:nth-child(3){border-right:0}
  .numbers-kpi:nth-child(n+4){border-top:1px solid var(--line)}
  .numbers-split{grid-template-columns:1fr}
  .numbers-dna-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .numbers-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .numbers-kpi{border-right:1px solid var(--line)}
  .numbers-kpi:nth-child(2n){border-right:0}
  .numbers-kpi:nth-child(n+3){border-top:1px solid var(--line)}
  .numbers-decade{min-height:180px;gap:6px}
  .numbers-decade-bar{height:120px;max-width:40px}
  .numbers-ribbon{height:48px}
  .numbers-dna-legend{grid-template-columns:1fr}
  .numbers-fact{grid-template-columns:1fr;gap:14px}
  .numbers-fact-hoops{flex-direction:row;width:auto;gap:4px}
  .numbers-fact-hoops i{width:18px;height:6px}
  .numbers-rank a,
  .numbers-club{
    grid-template-columns:2em 1fr 2.4em;
    grid-template-rows:auto auto;
  }
  .numbers-rank .track,
  .numbers-club .track{grid-column:2/-1;grid-row:2}
  .numbers-rank .n,
  .numbers-club .n{grid-column:3;grid-row:1}
}
@media (prefers-reduced-motion:reduce){
  .numbers-hero-floaters img{animation:none}
  .numbers-decade-bar i,
  .numbers-rank .track i,
  .numbers-club .track i,
  .numbers-type-bar i,
  .numbers-decade-n{transition:none}
  [data-reveal].is-in .numbers-decade-bar i{height:calc(var(--h,0) * 1%)}
  [data-reveal].is-in .numbers-rank .track i,
  [data-reveal].is-in .numbers-club .track i,
  [data-reveal].is-in .numbers-type-bar i{width:var(--w,0)}
}