/* ════════════════════════════════════════════════════════════════
   <x-numox.about> — Sticky-side editorial about block
   ════════════════════════════════════════════════════════════════ */

.nx-about { padding: 120px 0; background: var(--nx-bone); }

.nx-about-side {
  position: sticky; top: 120px;
  display: flex; flex-direction: column; gap: 24px;
}
.nx-about-side .nx-eyebrow { color: var(--nx-red); }

.nx-about-h {
  font-size: clamp(40px, 5vw, 64px); font-weight: 900;
  line-height: 1; letter-spacing: -2px; color: var(--nx-dark);
}
.nx-about-side-text {
  font-size: 15px; font-weight: 300;
  color: var(--nx-muted); line-height: 1.8; max-width: 340px;
}

.nx-about-imgcol { display: flex; flex-direction: column; gap: 24px; }

.nx-about-quote {
  background: var(--nx-dark); color: #fff;
  padding: 36px 32px; border-radius: 24px;
  font-size: 16px; font-weight: 300; line-height: 1.85;
  position: relative;
}
.nx-about-quote::before {
  content: '"';
  position: absolute; top: -16px; inset-inline-start: 24px;
  font-family: var(--font-num); font-size: 120px; font-weight: 900;
  color: var(--nx-red); line-height: 1;
}

.nx-about-stats     { padding-top: 32px; border-top: 1.5px solid var(--nx-border); }
.nx-about-stat-num  { font-family: var(--font-num); font-size: 64px; font-weight: 900;
                      color: var(--nx-dark); line-height: 1; letter-spacing: -2px; }
.nx-about-stat-num.gr {
  background: var(--nx-grad);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.nx-about-stat-lbl  { font-size: 13px; font-weight: 500; color: var(--nx-muted); margin-top: 4px; }

@media (max-width: 1100px) {
  .nx-about-side { position: static; }
}
@media (max-width: 768px) {
  .nx-about        { padding: 72px 0; }
  .nx-about-quote  { padding: 28px 24px; }
}