/* Wide-screen ladder. Loaded LAST so these :root steps win over theme.css.
   The container steps up and the type scale grows with it; grids gain columns
   instead of stretching their cards. */

@media (min-width: 1600px) {
	:root {
		--container: 1360px;
		--section-y: clamp(96px, 7vw, 132px);
	}
	html { font-size: 17px; }
}

@media (min-width: 2000px) {
	:root {
		--container: 1560px;
		--section-y: 148px;
	}
	html { font-size: 18px; }
	.obs-reviews { column-count: 4; }
	.obs-ticket { max-width: 460px; }
	body .elementor .obs-hero .elementor-container { gap: 0; }
	body .elementor .obs-prose > .elementor-widget-container,
	body .elementor .elementor-widget-text-editor.obs-prose > :not(.elementor-widget-container):not(.elementor-element-overlay) { max-width: min(72ch, 100%); }
}

@media (min-width: 2400px) {
	:root { --container: 1760px; }
	html { font-size: 20px; }
}

@media (min-width: 2800px) {
	:root { --container: 1960px; }
	html { font-size: 22px; }
}