/* ============================================================
   HUMOTIX — Base: reset, typography primitives, utilities
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--font-sans);font-weight:400;line-height:1.55;
  letter-spacing:-.011em;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
::selection{background:var(--ember);color:#F6F4EF}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
img,canvas,svg{display:block}
:focus-visible{outline:2px solid var(--ember-soft);outline-offset:3px;border-radius:4px}

/* — Type primitives — */
.serif{font-family:var(--font-serif);font-weight:400;letter-spacing:0}
.mono{font-family:var(--font-mono)}
.eyebrow{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.32em;
  text-transform:uppercase;color:var(--ember-soft);
  display:inline-flex;align-items:center;font-weight:500;
}
.eyebrow.ctr{justify-content:center}

/* — Layout helpers — */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* — Generic glass surface — */
.glass{
  background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--glass-line);box-shadow:var(--shadow-2);
}

/* — Spacing utilities (replace scattered inline styles) — */
.mt-1{margin-top:var(--s-1)} .mt-2{margin-top:var(--s-2)} .mt-3{margin-top:var(--s-3)}
.mt-4{margin-top:var(--s-4)} .mt-5{margin-top:var(--s-5)} .mt-6{margin-top:var(--s-6)}
.center{text-align:center}

/* Ambient background layers (aura blobs + grid) removed — colour is now
   reserved for product canvases (see .dash-band), never page chrome. */