/* ═══════════════════════════════════════════════════════════
   ARIA — BASE  (shared, page-agnostic)
   Reset, document defaults, body typography, the page container
   and small global primitives. Depends on tokens.css.
═══════════════════════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--cream);
  color:var(--ink);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

/* display face — opt-in via .serif */
.serif{font-family:var(--font-display)}

/* page container — every section centres its content through .wrap */
.wrap{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;padding:0 32px}

/* generic pill / tag — reused by "always on", founder creds, etc. */
.chip{padding:9px 18px;border-radius:30px;border:1.5px solid rgba(200,149,26,.4);font-size:13px;color:var(--ink);background:rgba(200,149,26,.07);font-weight:500}