.trio-dots{position:relative}.trio-dots__inner{padding-block:clamp(72px,10vh,128px)}.trio-dots--bg-surface{background:var(--trio-surface)}.trio-dots--bg-alt{background:var(--trio-surface-alt)}.trio-dots--bg-tint{background:var(--trio-tint)}.trio-dots__eyebrow{margin:0}.trio-dots__heading{color:var(--trio-ink);font-family:var(--trio-font-heading);font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);font-weight:300;letter-spacing:-.01em;line-height:1.06;margin:18px 0 0;max-width:24ch;text-wrap:balance}.trio-dots__intro{color:var(--trio-n-600);font-size:1.15rem;line-height:1.65;margin:20px 0 0;max-width:62ch;text-wrap:pretty}.trio-dots__head+.trio-dots__body{margin-top:clamp(40px,6vh,72px)}.trio-dots__body{align-items:start;display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr)}.trio-dots__grid{display:grid;gap:clamp(2px,.35vw,5px);grid-template-columns:repeat(var(--trio-dot-cols,24),1fr)}.trio-dots__dot{aspect-ratio:1;background:var(--trio-n-300);border-radius:50%;display:block;transition:background-color .5s cubic-bezier(.4,0,.2,1);transition-delay:var(--trio-dot-delay,0s);width:100%}.trio-dots__dot.is-on{background:var(--trio-dot-color,var(--trio-primary))}.trio-dots__legend{color:var(--trio-n-600);display:flex;flex-wrap:wrap;font-size:.85rem;gap:18px;margin:22px 0 0}.trio-dots__legend-item{align-items:center;display:inline-flex;gap:8px}.trio-dots__swatch{background:var(--trio-dot-color,var(--trio-primary));border-radius:50%;flex:none;height:9px;transition:background-color .5s cubic-bezier(.4,0,.2,1);width:9px}.trio-dots__swatch--off{background:var(--trio-n-300)}.trio-dots__caption{color:var(--trio-ink);font-family:var(--trio-font-mono);font-size:.85rem;margin:14px 0 0;min-height:1.4em}.trio-dots__facts{display:flex;flex-direction:column;gap:clamp(36px,6vh,72px);list-style:none;margin:0;padding:0}.trio-dots__fact-value{color:var(--trio-ink);font-family:var(--trio-font-heading);font-size:clamp(2.4rem,1.6rem + 2.4vw,3.25rem);font-weight:300;line-height:1;margin:0}.trio-dots__fact-heading{color:var(--trio-ink);font-size:1.3rem;font-weight:700;margin:12px 0 0}.trio-dots__fact-body{color:var(--trio-n-600);font-size:1.05rem;line-height:1.6;margin:10px 0 0;max-width:46ch}.trio-dots__footnote{color:var(--trio-n-500);font-size:.85rem;line-height:1.55;margin:clamp(32px,5vh,56px) 0 0;max-width:76ch}@media (min-width:861px){.trio-dots__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.trio-dots__pin{position:sticky;top:var(--trio-anchor-offset)}.trio-dots__facts{padding-block:8vh}.trio-dots--live .trio-dots__fact{opacity:.4;transition:opacity .4s ease}.trio-dots--live .trio-dots__fact.is-active{opacity:1}}@media (prefers-reduced-motion:reduce){.trio-dots--live .trio-dots__fact,.trio-dots__dot,.trio-dots__swatch{transition:none}.trio-dots--live .trio-dots__fact{opacity:1}}