/* Hero grid, line weights, radius, motion. */
:root{
--grid-major:96px;--grid-minor:12px;--grid-line:1px;
--line-hair:1px;--line-sketch:1.1px;--line-rule:1.5px;--line-heavy:3px;
--tick-size:12px;--tick-inset:0px;
--radius:0px;
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--ease:cubic-bezier(.2,0,0,1); /* @kind other */

--shadow-none:none;--shadow-lift:0 0 0 1px var(--line-soft);
}
/* Nathan decides: radius. Put data-radius on <html> or any container. */
[data-radius="square"]{--radius:0px}
[data-radius="hairline"]{--radius:2px}
[data-radius="soft"]{--radius:4px}