.countdown-container {
	background-color: var(--colors-cream);
	padding: 5rem 0 0;
	text-align: center;
}

.countdown-container h2 {
	font-size: 2.5rem;
	margin-bottom: 2rem;
}

.countdown__timer {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 2rem;
}

.countdown__unit {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}

.countdown__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 120px;
}

.countdown__number,
.countdown__separator {
	font-family: Montserrat, sans-serif;
	font-size: 6rem;
	font-weight: 400;
	line-height: 1.05;
}

.countdown__number {
	display: inline-block;
	min-width: 2ch;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.countdown__label {
	font-family: Montserrat, sans-serif;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 0.75rem 0;
}

@media (max-width: 767px) {
	.countdown-container {
		padding-top: 3rem;
	}

	.countdown-container h2 {
		font-size: 1.875rem;
	}

	.countdown__timer {
		gap: clamp(0.2rem, 1vw, 0.4rem);
		padding-inline: 0.75rem;
	}

	.countdown__unit {
		gap: clamp(0.2rem, 1vw, 0.4rem);
	}

	.countdown__item {
		min-width: 0;
		width: clamp(54px, 17vw, 72px);
	}

	.countdown__number,
	.countdown__separator {
		font-size: clamp(2.5rem, 11vw, 4rem);
	}

	.countdown__label {
		font-size: clamp(0.65rem, 2.8vw, 0.875rem);
		margin-top: 0.5rem;
	}
}