/* SNURRA SPACE — strict 8px scale (4px half-step only). 12-column grid. */
:root{
--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:128px;

/* page frame */
--container-max:1280px;
--gutter-page:72px;      /* desktop — matches the locked hero */
--section-py:128px;      /* vertical section rhythm */
--section-gap:64px;      /* heading block -> content */
--grid-columns:12; /* @kind other */
--grid-gap:32px;

/* fixed chrome */
--nav-height:88px;
--nav-block:34px;

/* radii */
--radius-sm:8px;
--radius-card:16px;
--radius-tile:22px;
--radius-pill:999px;

/* control sizing */
--control-sm:44px;       /* never below 44px — touch target floor */
--control-lg:58px;
--nav-link-gap:40px}

@media (max-width:1024px){:root{--gutter-page:40px;--section-py:96px;--section-gap:48px;--grid-gap:24px}}
@media (max-width:768px){:root{--gutter-page:20px;--section-py:72px;--section-gap:32px;--grid-gap:16px;--nav-height:72px;--nav-block:20px}}