/* =============================================================
   THAKKAR — responsive.css (v2)
   ============================================================= */

@media (max-width: 1024px) {
	.site-nav, .site-header__cta { display: none; }
	.nav-toggle { display: flex; }

	.intro { grid-template-columns: 1fr; gap: 32px; }
	.intro__media { max-width: 460px; }
	.intro__media img { max-height: 320px; aspect-ratio: 16/10; }
	.venue-cols { grid-template-columns: 1fr; gap: 8px; }
	.venue-col { padding-block: 8px; }
	.clients { grid-template-columns: 1fr; }
	.contact-grid { grid-template-columns: 1fr; }
	.post-feature { grid-template-columns: 1fr; }
	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 768px) {
	body { font-size: 15px; }
	.stats__grid { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
	.svc-row { grid-template-columns: 1fr; gap: 20px; }
	.svc-row:nth-child(even) .svc-row__media { order: 0; }
	.svc-includes { grid-template-columns: 1fr; }
	.post-grid { grid-template-columns: 1fr 1fr; }
	.contact-form .two { grid-template-columns: 1fr; }
	.svc-card { flex-basis: calc(100vw - 48px); height: 260px; }
}

@media (max-width: 768px) {
	.projects-list { grid-template-columns: 1fr !important; }
	.team-grid { gap: 20px !important; }
}

@media (max-width: 540px) {
	.stats__grid { grid-template-columns: 1fr 1fr; }
	.post-grid { grid-template-columns: 1fr; }
	.site-footer__grid { grid-template-columns: 1fr; }
	.btn { width: 100%; }
	.hero__actions { width: 100%; }
	.hero__actions .btn { width: 100%; }
	.team-grid { grid-template-columns: 1fr !important; max-width: 300px !important; }
}