/* EnDepth spacing. Not a strict 4/8 grid — the source uses odd values on purpose
   (13px nav padding, 9px chip gaps, 22px card padding). These are those values. */
:root {
  --space-1: 3px;
  --space-2: 5px;
  --space-3: 7px;
  --space-4: 9px;
  --space-5: 11px;
  --space-6: 13px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 22px;
  --space-10: 24px;
  --space-11: 28px;
  --space-12: 32px;
  --space-13: 40px;

  /* fluid section rhythm, verbatim from the source */
  --section-y: clamp(36px, 5vw, 80px); /* @kind spacing */
  --section-y-lg: clamp(56px, 8vw, 120px); /* @kind spacing */
  --gutter: 24px;
  --gutter-wide: 28px;
  --grid-gap: 16px;

  /* container widths */
  --width-portfolio: 1240px;
  --width-article: 1080px;
  --card-min: 330px;
}