.tc-hero {
	position: relative;
	/* TODO: Figma에 없음 — 임의값: 모바일에서는 화면 높이에 맞추고 997.333px을 상한으로 사용한다. */
	min-height: var(--wp--custom--layout--hero-height);
	overflow: clip;
	background: var(--wp--preset--color--hero);
}

.tc-hero-media,
.tc-hero-overlay {
	position: absolute;
	inset: 0;
}

.tc-hero-media {
	background: var(--wp--preset--color--hero);
}

.tc-hero-overlay {
	background: var(--wp--custom--overlay--hero);
}