/* cycle™ — Spacing, sizing & radius
   8px base grid. Generous negative space is a brand requirement — the work
   breathes against black/white voids. Radii are minimal (near-square),
   echoing the hard extruded edges of the 3D type. */
:root {
  --s-0:   0;
  --s-1:   4px;
  --s-2:   8px;
  --s-3:   12px;
  --s-4:   16px;
  --s-5:   24px;
  --s-6:   32px;
  --s-7:   48px;
  --s-8:   64px;
  --s-9:   96px;
  --s-10:  128px;
  --s-11:  192px;
  --s-12:  256px;

  /* —— Layout —— */
  --container:      1280px;
  --container-wide: 1600px;
  --gutter:         clamp(20px, 5vw, 80px);
  --section-y:      clamp(64px, 12vh, 160px);

  /* —— Radii (minimal, hard) —— */
  --r-none: 0;
  --r-xs:   2px;
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   14px;
  --r-pill: 999px;

  /* —— Control sizing —— */
  --control-h:    52px;
  --control-h-sm: 40px;

  /* —— Hairline —— */
  --hair: 1px;
}