/* /non-invasive-smile-makeover/ SYSTEM v3 (non-invasive.css?v=3)
   Page-specific additions only. site.css owns all shared components. */

/* the statement moment on ink */
.ni-statement { max-width: 56rem; }
.ni-statement__line {
  font-family: var(--font-d);
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.08;
  letter-spacing: -0.01em;
  font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3.4rem);
  color: var(--milk);
  text-wrap: balance;
}
.ni-statement__sub {
  margin-top: 1.5rem;
  max-width: 58ch;
  color: var(--milk-soft);
  font-size: var(--fs-lead);
}

/* honest limits list: hairline rows, brass tick-less */
.ni-limits { display: grid; }
.ni-limits li {
  padding-block: 0.85rem;
  border-bottom: 1px solid var(--line);
  color: var(--ink-soft);
  max-width: 56ch;
}
.ni-limits li:first-child { border-top: 1px solid var(--line); }
.ni-limits li strong { color: var(--ink); }

/* personas: offset asymmetric columns */
.ni-personas {
  margin-top: 2.75rem;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}
.ni-personas__fit { background: var(--panel); }
.ni-personas__talk { padding-top: clamp(0.5rem, 2vw, 2rem); }

/* PERL media stack: varied ratios */
.ni-perlmedia { display: grid; gap: clamp(1rem, 2vw, 1.5rem); }

@media (max-width: 860px) {
  .ni-personas { grid-template-columns: 1fr; }
  .ni-personas__talk { padding-top: 0; }
}