/* Marketing chapter (landing page only). Not imported by styles.css: the console keeps the system stack and
   operator motion rules. A landing page loads styles.css, then this file. See guidelines/marketing.md. */
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--font-display:"Bricolage Grotesque",var(--font-sans);
--weight-display:700;
--text-hero:clamp(40px,7vw,80px);
--text-section:clamp(28px,4.2vw,44px);
--text-step:clamp(20px,2.2vw,24px);
--tracking-hero:-0.035em;
--leading-display:1.02;
/* Scenes: frame cap and longest loop. A scene runs only while visible. */
--scene-fps:30; /* @kind other */
--scene-loop-max:12s; /* @kind other */
--thesis-tick:140ms; /* @kind other */
--thesis-fps:30; /* @kind other */
--thesis-dot:2px; /* @kind other */
--measure-lead:62ch;
--section-gap:clamp(64px,10vw,120px);
}