/* ============================================================
   QF-1 — crisp text on low-DPI screens (older ~96 dpi office and garage monitors).
   Linked with media="(max-resolution: 1.3dppx)": HiDPI screens never apply this file,
   so phones, tablets and retina laptops look exactly as before.
   - Body text and small labels use hinted system fonts (Segoe UI / Consolas on Windows,
     ClearType-tuned); headings keep the Geist brand face.
   - Small labels are at least 13 px with tighter tracking.
   - No glow text-shadow or 3D transforms on small text and logos.
   ============================================================ */

@media (max-resolution: 1.3dppx), (-webkit-max-device-pixel-ratio: 1.3) {
  :root,
  [data-theme] {
    --font-ui: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Roboto, Arial, sans-serif;
    --font-mono: Consolas, 'Cascadia Mono', 'Segoe UI Mono', ui-monospace, Menlo, monospace;
    --mono: var(--font-mono);
    --text-xs: 0.8125rem;
  }

  h1,
  h2,
  h3,
  .hero__slogan {
    font-family: 'Geist', 'Segoe UI', system-ui, sans-serif;
  }

  .mono {
    letter-spacing: 0.06em;
    font-weight: 500;
  }

  .hero__logo,
  .hero__logo:hover {
    transform: none;
    animation: none;
    text-shadow: none;
  }

  .hero__motto.is-typing,
  .grow__v--glow,
  [data-theme='light'] .grow__v--glow {
    text-shadow: none;
    animation: none;
  }
}