/**
 * TechBBQ Page Reel — spacing + layout overrides for techbbq-hero-reel on internal pages.
 *
 * Reuses Home hero reel widget (video + poster + click-to-play).
 * Figma About Us reel:
 * - 1440: node 5207:51524
 * - 1024: node 4628:15068
 * - 768:  node 4628:15256
 * - 360:  node 4628:15298
 *
 * Breakpoints (mobile-first): 0–767 (base), 768–1023, 1024–1439, 1440+.
 */

.techbbq-page-reel .techbbq-hero-reel__screen {
	padding-top: var(--techbbq-section-space-medium);
	padding-bottom: var(--techbbq-section-space-medium);
}

.techbbq-page-reel .techbbq-hero-reel__media {
	aspect-ratio: 1322 / 600;
}

@media (min-width: 768px) {
	.techbbq-page-reel .techbbq-hero-reel__screen {
		padding-top: var(--techbbq-space-10);
		padding-bottom: var(--techbbq-space-10);
	}
}

@media (min-width: 1024px) {
	.techbbq-page-reel .techbbq-hero-reel__screen {
		padding-top: var(--techbbq-section-space-large);
		padding-bottom: var(--techbbq-section-space-large);
	}
}