/**
 * TechBBQ Page Image — full-width image block for internal pages.
 *
 * Figma About Us hero image:
 * - 1440: node 5207:50426
 * - 1024: node 4628:15055
 * - 768:  node 4628:15243
 * - 360:  node 4628:15285
 *
 * Breakpoints (mobile-first): 0–767 (base), 768–1023, 1024–1439, 1440+.
 */

.techbbq-page-image {
	box-sizing: border-box;
	width: 100%;
}

.techbbq-page-image--featured {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--techbbq-content-primary);
	background-color: var(--techbbq-bg-surface);
}

.techbbq-page-image__inner {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-space-7);
	align-items: center;
	width: 100%;
}

.techbbq-page-image--featured .techbbq-page-image__inner {
	gap: var(--techbbq-space-4);
}

.techbbq-page-image__header {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-section-eyebrow-title-gap);
	align-items: center;
	width: 100%;
	text-align: center;
}

.techbbq-page-image__text {
	display: flex;
	flex-direction: column;
	gap: var(--techbbq-section-title-text-gap);
	align-items: center;
	width: 100%;
}

.techbbq-page-image__title {
	margin: 0;
}

.techbbq-page-image__description {
	max-width: 660px;
	margin: 0;
	color: var(--techbbq-content-secondary);
}

/* TechBBQ Investor Day location — Figma 7315:71197 / 7317:86647 */
.techbbq-page-image--investor-day-location {
	padding-top: var(--techbbq-section-space-medium);
	padding-bottom: var(--techbbq-space-2);
}

/* LP Forum location — Figma 7318:86818 / 87867 / 88046 / 88121 */
.techbbq-page-image--lpforum-location {
	padding-top: var(--techbbq-section-space-medium);
	padding-bottom: var(--techbbq-space-2);
}

.techbbq-page-image--lpforum-location .techbbq-page-image__description {
	max-width: 576px;
}

.techbbq-page-image--lpforum-location .techbbq-page-image__frame {
	height: 158px;
	border-radius: var(--techbbq-radius-md);
}

.techbbq-page-image--lpforum-location .techbbq-page-image__img {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: center 22%;
	border-radius: var(--techbbq-radius-md);
}

.techbbq-page-image__frame {
	overflow: hidden;
	width: 100%;
	margin: 0;
	border-radius: var(--techbbq-radius-md);
}

.techbbq-page-image__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1392 / 640;
	object-fit: cover;
	border-radius: 2px;
}

@media (min-width: 768px) {
	.techbbq-page-image--featured .techbbq-page-image__inner {
		gap: var(--techbbq-space-7);
	}

	.techbbq-page-image--investor-day-location,
	.techbbq-page-image--lpforum-location {
		padding-bottom: var(--techbbq-section-space-small);
	}

	.techbbq-page-image--lpforum-location .techbbq-page-image__frame {
		height: 331px;
	}

	.techbbq-page-image__img {
		border-radius: var(--techbbq-radius-sm);
	}

	.techbbq-page-image--lpforum-location .techbbq-page-image__img {
		border-radius: var(--techbbq-radius-md);
	}
}

@media (min-width: 1024px) {
	.techbbq-page-image--lpforum-location .techbbq-page-image__description {
		max-width: 660px;
	}

	.techbbq-page-image--lpforum-location .techbbq-page-image__frame {
		height: 448px;
	}
}

@media (min-width: 1440px) {
	.techbbq-page-image--lpforum-location .techbbq-page-image__frame {
		height: 640px;
	}
}