:root {
  --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: 160px;
  --section-y: clamp(72px, 9vw, 160px); /* @kind spacing */
  --container: 1240px; /* @kind spacing */
  --gutter: 24px;
  --grid-gap: var(--s-5);
  --nav-h: 68px; /* @kind spacing */
}