/**
 * TechBBQ Contact Cards — centered intro + dual contact card row.
 *
 * Figma Life Science & Deep Tech 1440: node 7166:88891.
 * Card visuals: assets/css/components/contact-card.css.
 * Section vertical spacing on .techbbq-contact-cards-section-wrap (Elementor container).
 *
 * Breakpoints (mobile-first): 0–767 (base), 768–1023, 1024–1439, 1440+.
 */

.techbbq-contact-cards-section {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-space-5);
	width: 100%;
	color: var(--techbbq-content-primary);
}

.techbbq-contact-cards-section__header {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-space-3);
	align-items: center;
	text-align: center;
}

.techbbq-contact-cards-section__title {
	margin: 0;
}

.techbbq-contact-cards-section__description {
	max-width: 660px;
	margin: 0;
	color: var(--techbbq-content-secondary);
}

.techbbq-contact-cards-section__description--html a {
	color: var(--techbbq-content-accent-2);
	text-decoration: none;
}

.techbbq-contact-cards-section__description--html a:hover,
.techbbq-contact-cards-section__description--html a:focus-visible {
	text-decoration: underline;
}

.techbbq-contact-cards-section__grid {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-space-1);
	align-items: stretch;
	width: 100%;
}

/* ── Tablet (768–1023) ── */
@media (min-width: 768px) {
	.techbbq-contact-cards-section__grid {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.techbbq-contact-cards-section__grid .techbbq-contact-card {
		flex: 1 1 calc(50% - 4px);
		max-width: 342px;
	}
}

/* ── Desktop (1024–1439) ── */
@media (min-width: 1024px) {
	.techbbq-contact-cards-section__grid .techbbq-contact-card {
		flex: 0 1 342px;
		width: 342px;
		max-width: none;
	}
}