/*
 * Page grid (BugHerd: "set the right and left page margins so that all content is aligned
 * down the page … line up with hero content like it is in the figma file").
 *
 * --nm-gutter = the left / right page margin used by every section's content container and
 * the hero (applied per element by .claude/elementor-kit/bugherd-page-grid.php as custom_css
 * at ≥1025px; tablet / mobile keep Elementor's own 40px / 20px paddings):
 *   1025px → 40px (the header's laptop margin), growing linearly to
 *   1440px → 120px (Figma desktop frame), then 120px until the content would exceed
 *   1390px, after which the 1390px column is centred (lines up with the header's logo).
 */
:root {
	--nm-gutter: max(
		min(120px, calc(40px + (100vw - 1025px) * .1928)),
		calc((100vw - 1390px) / 2)
	);
}