/* Spacing & layout — from assets/component-grid.scss (%grid-vars) + settings_data.json. */
:root{
  --base-gutter:30px;
  --base-gutter--double:calc(var(--base-gutter) * 2);
  --base-gutter--trip:calc(var(--base-gutter) * 3);
  --base-gutter--quad:calc(var(--base-gutter) * 4);
  --base-gutter--half:calc(var(--base-gutter) / 2);
  --base-gutter--third:calc(var(--base-gutter) / 3);
  --base-gutter--quarter:calc(var(--base-gutter) / 4);
  --base-gutter--eighth:calc(var(--base-gutter) / 8);
  --grid-gutter:var(--base-gutter);
  --grid-gutter--mobile:var(--base-gutter--half);
  --page-width:1600px;
  --spacing-sections:0px;
  --grid-desktop-horizontal-spacing:8px;
  --grid-desktop-vertical-spacing:8px;
  --grid-mobile-horizontal-spacing:8px;
  --grid-mobile-vertical-spacing:8px;
  /* breakpoints (reference): narrow 400, medium 750, large 990, ex-large 1200, widescreen 1400 */
}