/* cybee 5.4 spacing, grid and motion. Square corners, no decorative shadows. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 52px;
  --space-7: 84px;
  --space-8: 136px;
  --page: 1328px;              /* content field inside a 1440 frame */
  --frame: 1440px;
  --gutter: clamp(20px,4vw,56px); /* @kind spacing */ /* 56 desktop, 32 intermediate, 20 phone */
  --gutter-desktop: 56px;
  --gutter-mid: 32px;
  --gutter-phone: 20px;
  --header-height: 88px;
  --target-min: 44px;
  --radius: 0;
  --shadow: none;
  --duration-micro: 120ms; /* @kind other */
  --duration-fast: 240ms; /* @kind other */
  --duration-move: 380ms; /* @kind other */
  --duration-explain: 620ms; /* @kind other */
  --duration-arrive: 900ms; /* @kind other */
  --ease: cubic-bezier(.22,0,0,1); /* @kind other */
}