.mc__metric{position:relative;display:flex;flex-direction:column;gap:var(--space-fluid-2);padding:var(--space-fluid-4);min-height:clamp(280px,24vw,340px);border-radius:12px;border:1px solid var(--line);background:var(--ink);overflow:hidden;margin-top:calc(var(--i) * clamp(0px,1.6vw,26px));opacity:0;transform:translateY(48px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 90ms)}.mc__metric.is-seen{opacity:1;transform:translateY(0)}.mc__metric-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;filter:grayscale(1) brightness(var(--bg-bright, .42)) contrast(1.25);opacity:.3;pointer-events:none}.mc__metric>*:not(.mc__metric-bg):not(.mc__topline){position:relative;z-index:1}.mc__topline{position:absolute;top:0;left:0;right:0;height:2px;z-index:2;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.16,1,.3,1) .2s}.mc__metric.is-seen .mc__topline{transform:scaleX(1)}.mc__metric-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:var(--text-2xs);color:var(--bone-dim)}.mc__metric-num{margin:0;display:flex;align-items:baseline;font-family:var(--font-display);font-weight:500;letter-spacing:-.04em;line-height:.9;font-size:clamp(2.6rem,3.4vw,3.8rem);color:var(--color-fg-bright)}.mc__metric-unit{margin-left:.06em;color:var(--accent)}.mc__viz{margin-top:var(--space-fluid-1);height:clamp(76px,8.5vw,104px)}.mc__viz svg{width:100%;height:100%;overflow:visible}.mc__viz-ring{width:auto!important;margin:0 auto;display:block}.mc__ring-track{fill:none;stroke:var(--line-2);stroke-width:8}.mc__ring-spin{transform-origin:60px 60px;animation:mc-ring-spin 3.2s linear infinite;animation-play-state:paused}.mc__ring-seg{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:90 314}.mc__ring-dot{fill:var(--accent);animation:mc-pulse 1.6s ease-in-out infinite;animation-play-state:paused}@keyframes mc-ring-spin{to{transform:rotate(360deg)}}@keyframes mc-pulse{0%,to{opacity:.4;transform:scale(.85);transform-origin:60px 10px}50%{opacity:1;transform:scale(1.15);transform-origin:60px 10px}}.mc__spark-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520;animation:mc-spark 3.6s ease-in-out infinite;animation-play-state:paused}.mc__spark-dot{fill:var(--accent);animation:mc-spark-dot 3.6s ease-in-out infinite;animation-play-state:paused}@keyframes mc-spark{0%{stroke-dashoffset:520}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:520}}@keyframes mc-spark-dot{0%,40%{opacity:0}55%,80%{opacity:1}to{opacity:0}}.mc__bar{fill:var(--accent);transform-box:fill-box;transform-origin:bottom;animation:mc-bars 1.8s ease-in-out infinite;animation-delay:var(--d, 0s);animation-play-state:paused}@keyframes mc-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mc__metric.is-seen .mc__ring-spin,.mc__metric.is-seen .mc__ring-dot,.mc__metric.is-seen .mc__spark-line,.mc__metric.is-seen .mc__spark-dot,.mc__metric.is-seen .mc__bar{animation-play-state:running}.mc__metric-caption{margin:0;font-family:var(--font-body);font-size:.85rem;line-height:1.4;color:var(--muted)}@media(prefers-reduced-motion:reduce){.mc__metric{opacity:1;transform:none;transition:none}.mc__ring-spin,.mc__ring-dot,.mc__spark-line,.mc__spark-dot,.mc__bar{animation:none!important}.mc__spark-line{stroke-dashoffset:0}.mc__bar{transform:none}}