/* Layout. Marketing pages are a fixed 1200px column centred in the viewport,
   with 120px of vertical section padding. At 1920 that leaves 360px gutters. */
:root{
  --container-max:1200px;
  --container-gutter:20px;
  --nav-height:64px;
  --grid-columns:12; /* @kind other */
  --grid-gutter:20px;

  --bp-sm:480px;
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1280px;
  --bp-2xl:1920px;
}