/* =============================================================
   THAKKAR — responsive.css
   Breakpoints: 1024 / 768 / 540
   ============================================================= */

@media (max-width: 1180px) {
	.site-header__cta .btn--ghost { display: none; }
	.events-grid { grid-template-columns: repeat(6, 1fr); }
	.event-card--xl, .event-card--lg { grid-column: span 6; }
	.event-card--md { grid-column: span 3; }
	.event-card--sm { grid-column: span 3; }
}

@media (max-width: 1024px) {
	:root { --section-y: clamp(60px, 9vw, 110px); }

	/* Nav → drawer */
	.site-nav, .site-header__cta { display: none; }
	.nav-toggle { display: flex; }

	.intro { grid-template-columns: 1fr; gap: 48px; }
	.intro__media { max-width: 520px; }
	.intro__media .frame-sub { width: 40%; }

	/* Services: drop the sticky split into a stacked editorial list */
	.services__layout { grid-template-columns: 1fr; }
	.services__sticky { display: none; }
	.service-block.is-dim { opacity: 1; }
	.service-block__img-mobile { display: block; margin-bottom: 1.2rem; }
	.service-block__img-mobile img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }

	.clients { grid-template-columns: 1fr; gap: 40px; }
	.contact-grid { grid-template-columns: 1fr; }
	.post-feature { grid-template-columns: 1fr; }
	.site-footer__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
	.masonry { columns: 2; }
}

@media (max-width: 768px) {
	body { font-size: 16px; }
	:root { --gutter: 22px; }

	.stats__grid { grid-template-columns: repeat(2, 1fr); }
	.corp-grid { grid-template-columns: repeat(2, 1fr); }
	.svc-row { grid-template-columns: 1fr; gap: 24px; }
	.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; }

	.events-grid { grid-template-columns: 1fr; }
	.event-card, .event-card--xl, .event-card--lg, .event-card--md, .event-card--sm { grid-column: 1 / -1; min-height: 320px; }

	.hero__inner { padding-top: 30vh; }
	.intro__media .frame-badge { left: 0; }
}

@media (max-width: 540px) {
	.stats__grid { grid-template-columns: 1fr; }
	.corp-grid { grid-template-columns: 1fr 1fr; }
	.post-grid { grid-template-columns: 1fr; }
	.masonry { columns: 1; }
	.site-footer__grid { grid-template-columns: 1fr; }
	.intro__media .frame-sub { position: static; width: 60%; margin: -18% 0 0 auto; }
	.strip__item { width: 78vw; }
	.btn { width: 100%; }
	.hero__actions { width: 100%; }
}