/* ── Page Transition Overlay ──────────────────────────────────────────────── */
.tdv-transition {
	z-index: 9999;
	pointer-events: none;
	position: fixed;
	inset: 0;
	overflow: clip;
}

.tdv-transition__panel {
	background-color: #251f21;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	top: 100%;
	left: 0;
}

.tdv-transition__label {
	color: #c49967;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.375rem, 4vw, 2.25rem);
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-align: center;
	padding: 0 32px;
	max-width: 100%;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35em;
}

.tdv-transition__label [data-transition-label-text] {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* ── Barba container base ────────────────────────────────────────────────── */
[data-barba="container"] {
	/* Ensure the container behaves as a normal flow wrapper */
	width: 100%;
}