@property --p{syntax:'<number>';inherits:false;initial-value:0}
:root{
  --bg:#08120f; --bg-2:#0c1916; --bg-3:#12211d; --glass:rgba(120,210,195,.055); --glass-2:rgba(120,210,195,.1); --edge:rgba(160,220,208,.12); --edge-2:rgba(160,220,208,.22);
  --text:#f2f6f4; --text-2:#bccbc6; --text-3:#86988f;
  --accent:#13988a; --accent-2:#5fd6c2; --accent-deep:#00786d; --glow:rgba(0,150,136,.38);
  --paper:#f6f5f0; --paper-2:#ebe9e2; --ink:#0e1917; --ink-2:#3f514c; --ink-3:#6f817b; --line:#e1e2da;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  /* type scale: 12 · 13 · 14 · 16 · 18 · 20 · 24 · 32 · 48 · 64 · 72 */
  --fs-h1:clamp(44px,6vw,72px); --fs-h2:clamp(32px,4vw,48px); --fs-h3:24px; --fs-h4:20px; --fs-lead:clamp(18px,1.4vw,20px); --fs-body:16px; --fs-sm:14px; --fs-xs:13px; --fs-cap:12px;
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.3,1.6,.5,1);
  --r:16px; --r-lg:24px; --r-xl:32px; --max:1200px; --gutter:20px;
  color-scheme:dark;
  --fs-read:clamp(17px,1.3vw,19px);
}