@media (max-width: 1100px) {
	.hero-grid, .modal-body, .footer-grid, .page-banner, .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
	.section-head, .page-banner { align-items: start; flex-direction: column; }
	.hero-visual { min-height: 520px; }
}

@media (max-width: 900px) {
	.site-nav {
		position: absolute;
		top: 82px;
		left: 16px;
		right: 16px;
		display: grid;
		gap: 8px;
		padding: 16px;
		border-radius: 24px;
		background: rgba(5, 5, 5, 0.96);
		border: 1px solid rgba(255, 212, 0, 0.16);
		transform: translateY(-18px);
		opacity: 0;
		pointer-events: none;
		transition: opacity 220ms var(--ease), transform 220ms var(--ease);
	}
	.site-nav.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
	.nav-toggle { display: inline-flex; }
	.nav-shell > .btn { display: none; }
	.section { padding: 80px 0; }
	.hero { min-height: auto; }
	.hero-grid { padding: 36px 0 60px; }
	.hero-visual { min-height: 440px; }
	.hero-panel { inset: 18px; }
}

@media (max-width: 640px) {
	.container { width: min(100% - 20px, var(--container)); }
	.hero-copy h1, h1 { font-size: clamp(2.7rem, 14vw, 4.5rem); }
	.hero-actions, .hero-stats, .team-controls, .filter-bar, .carousel-controls, .map-bar { gap: 8px; }
	.btn, .filter-chip, .control-chip { width: 100%; }
	.hero-panel .figure { width: 100%; }
	.figure-grid { grid-template-columns: 1fr; }
	.section { padding: 66px 0; }
	.cta-panel, .page-banner, .modal-body { padding: 18px; }
	.page-hero { padding-top: 34px; }
	.masonry { columns: 1; }
	.whatsapp-fab { width: 54px; height: 54px; }
}