/*
 * 2024 — первый экран: текст не должен заходить на иллюстрацию.
 * В «Додатковий CSS» фон растянут на 100% ширины и прижат к низу секции высотой 115vh, поэтому на широких
 * невысоких экранах картинка наезжает на заголовок. Высоту берём по содержимому и резервируем снизу
 * место под картинку: hero_background_2024.webp 1440×533 → высота 533/1440 = 37.02vw.
 * На мобильных (≤767px) фон в теме скрыт, там ничего не меняем.
 */
@media (min-width: 768px) {
	#intro {
		height: auto !important;
		padding-bottom: calc(37.02vw + 1.5rem) !important;
	}
}

/* в теме на ≤1024px секция центрируется по высоте с padding-top: 0 */
@media (min-width: 768px) and (max-width: 1024px) {
	#intro {
		padding-top: 6rem !important;
	}
}