@media (max-width: 1220px) {
	.site-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.site-header__nav,
	.site-header__cta {
		display: none;
	}

	.site-header__toggle {
		display: block;
		justify-self: end;
	}

	.hero-section__inner {
		gap: 44px;
	}

	.hero-section__content h1 {
		font-size: 3.45rem;
	}

	.quick-links-section__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.facilities-section__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.article-card {
		grid-template-columns: 1fr;
	}

	.article-card__media {
		min-height: 180px;
	}

	.site-footer__inner {
		grid-template-columns: 1.2fr repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.stez-container {
		width: min(calc(100% - 36px), var(--stez-container));
	}

	.hero-section__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		padding-top: 48px;
	}

	.hero-section__content {
		max-width: 720px;
	}

	.hero-section__visual {
		min-height: 0;
	}

	.hero-mosaic {
		margin-inline: auto;
	}

	.notices-section__grid,
	.news-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.facilities-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.schedules-pricing-section__grid,
	.contact-section__inner {
		grid-template-columns: 1fr;
	}

	.contact-section__map {
		min-height: 320px;
	}

	.promo-section__inner {
		grid-template-columns: 1fr;
	}

	.promo-section__art {
		display: none;
	}
}

@media (max-width: 720px) {
	.site-header__inner {
		min-height: 72px;
	}

	.site-header__mobile {
		inset: 72px 0 auto;
	}

	.site-header__logo-img {
		width: 150px;
	}

	.hero-section__inner {
		padding: 36px 0 78px;
	}

	.hero-section__content h1 {
		font-size: 2.7rem;
	}

	.hero-section__content p {
		font-size: 1rem;
	}

	.hero-section__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.hero-mosaic {
		gap: 10px;
	}

	.hero-mosaic__logo {
		width: 92px;
		height: 92px;
		padding: 16px;
	}

	.hero-mosaic__item--1 {
		border-radius: 78px 10px 10px 10px;
	}

	.hero-mosaic__item--4 {
		border-radius: 10px 10px 78px 10px;
	}

	.quick-links-section__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.quick-link-card {
		min-height: 106px;
		padding: 16px 10px;
	}

	.section__header,
	.info-panel__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.section__header h2,
	.info-panel h2,
	.promo-section h2,
	.contact-section h2 {
		font-size: 1.65rem;
	}

	.notices-section__grid,
	.news-section__grid,
	.facilities-section__grid,
	.stez-post-list--archive {
		grid-template-columns: 1fr;
	}

	.notice-card {
		grid-template-columns: 1fr;
		padding: 22px;
	}

	.site-footer__inner,
	.site-footer__bottom {
		grid-template-columns: 1fr;
		display: grid;
	}

	.site-footer__legal {
		justify-content: flex-start;
	}
}

@media (max-width: 520px) {
	.stez-container {
		width: min(calc(100% - 28px), var(--stez-container));
	}

	.hero-section__content h1 {
		font-size: 2.25rem;
	}

	.hero-mosaic {
		aspect-ratio: 1.18;
	}

	.quick-links-section {
		margin-top: -36px;
	}

	.quick-link-card__title {
		max-width: 120px;
		font-size: 0.9rem;
	}

	.facility-card__media {
		height: 140px;
	}

	.info-panel {
		padding: 16px;
	}

	.contact-section__info {
		padding: 22px;
	}
}
