/* Velar Bureau: home numbers (js/nums.js) */
.numbers--about { position: relative; gap: 0; }
.numbers--about::before { content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 100%; background: var(--signal); transform: scaleX(0); transform-origin: left; transition: transform 1.6s var(--ease); }
.numbers--about.nx-in::before { transform: scaleX(1); }
.numbers--about .nx { position: relative; display: grid !important; grid-template-rows: auto 1fr auto; gap: 18px !important; padding: 34px 28px 30px !important; min-height: 300px; overflow: hidden;
  opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ease), transform .9s var(--ease), background .4s; transition-delay: calc(var(--k) * .12s); }
.numbers--about.nx-in .nx { opacity: 1; transform: none; }
.numbers--about .nx::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--signal); transform: scaleX(0); transform-origin: left; transition: transform .6s var(--ease); }
.numbers--about .nx:hover { background: #EEF1F4; }
.numbers--about .nx:hover::after { transform: scaleX(1); }
.numbers--about .nx b { font-variant-numeric: tabular-nums; font-size: clamp(3.4rem, min(6.6vw, 95.04px), 7rem) !important; }
.numbers--about .nx:hover b { color: var(--signal); }
.numbers--about .nx span { font-size: .98rem !important; }

.nx__viz { display: block; margin: 0; align-self: center; font-family: var(--fm, "JetBrains Mono", monospace); font-size: 13px; line-height: 1.12; letter-spacing: 0; white-space: pre; color: rgba(14, 15, 17, .26); user-select: none; overflow: hidden; }
.nx--k { color: var(--graphite); }
.nx--r { color: var(--signal); }
.nx:hover .nx__viz { color: rgba(14, 15, 17, .4); }
@media (max-width: 1000px) { .numbers--about .nx { min-height: 250px; } }
@media (max-width: 600px) {
  .numbers--about .nx { min-height: 0; padding: 24px 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .numbers--about .nx, .nx__b, .nx__w--on { transition: none; opacity: 1; transform: none; } .nx * { animation: none !important; } }

.numbers--about .nx { grid-template-rows: auto auto; align-content: space-between; min-height: 220px; }
@media (max-width: 600px) { .numbers--about .nx { min-height: 0; } }