:root{
  --bg:#060606;
  --card:#111112;
  --titanium:#151415;
  --line:rgba(255,255,255,0.12);
  --text-hi:#f2f0ec;
  --text-lo:rgba(242,240,236,0.62);
  --text-dim:rgba(242,240,236,0.42);
  --surface:#ffffff;
  --surface-alt:#f4f3ef;
  --line-lt:rgba(18,18,18,0.10);
  --ink:#121212;
  --ink-lo:rgba(18,18,18,0.62);
  --ink-dim:rgba(18,18,18,0.42);
  --chrome-grad:linear-gradient(100deg,#f4f4f2 0%,#c9cbd0 28%,#8d9099 45%,#e9eaec 60%,#a4a7ae 80%,#f2f2f0 100%);
  --chrome-solid:linear-gradient(100deg,#e8e9ec,#a7aab1);
  --graphite-grad:linear-gradient(100deg,#2b2b2d 0%,#0e0e0f 30%,#4a4c52 50%,#161618 70%,#2c2d31 100%);
  --font-display:'Big Shoulders Display',sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px;}
a{color:inherit;text-decoration:none;}
body.menu-open{overflow:hidden;}

.chrome-text{background:var(--chrome-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.graphite-text{background:var(--graphite-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}