/* base.css - the shared layer for the three /voorstel concepts (HANDOFF-13). This is the kanookzo.nl homepage's design system, not a new one. HANDOFF-13 §2 ratifies that: the voorstel is the moment the seller steps forward, so it wears our clothes, not the client's. Every token below is copied verbatim from tracker/public/css/site.css:4 - if that file changes, this one is wrong. What lives here: tokens, fonts, ground, and the ATOMS every concept shares (band, buttons, kicker, exhibit frame, chips, tier card, belofte, form). What does NOT live here: section layout and choreography. Those are a.css / b.css / c.css, which is the whole point of having three. MOTION 7 (doc 05 ladder: "flagships and our own homepage only" - this page is our own). Safety contract, unchanged from demo-template/motion-runtime.js: every hidden start state sits behind `html.beweegt`, which only exists when JS ran AND reduced motion was not requested, and a dead-man timer in removes it if the runtime never registers its observer. No JS, an old engine, or prefers-reduced-motion all land on the fully visible page. ANIMATION SHORTHAND, READ THIS. --m-lang and friends bundle a duration AND an easing. `animation: draw 1s var(--m-lang) .3s` expands to THREE