/**
 * Responsive — desktop (>1024px) is source of truth.
 * Tablet/mobile use responsive-mobile.css (no page zoom).
 */

:root {
	--gt-design-width: 1280px;
	--gt-ui-scale: 1;
}

/* Desktop-only safety for full-bleed media */
@media (min-width: 1025px) {
	.gt-hero,
	.gt-hero__bg,
	.gt-hero__bg-video,
	.gt-hero__overlay {
		max-width: none;
	}
}

/* ≤1024px — real mobile/tablet layout (see responsive-mobile.css) */
@media (max-width: 1024px) {
	:root {
		--gt-page-gutter: 24px;
		--gt-container-padding: 20px;
		--gt-section-gap: clamp(64px, 12vw, 100px);
	}

	html,
	body {
		overflow-x: clip;
		max-width: 100%;
	}

	#page.site {
		width: 100%;
		max-width: 100%;
		margin: 0;
		zoom: unset;
		transform: none;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	:root {
		--gt-container-padding: 20px;
	}
}

@media (max-width: 480px) {
	:root {
		--gt-container-padding: 16px;
	}
}