/*
 * AJAX navigation — Block: ds-ajax-nav
 *
 * @package Dreamy_Signal
 */

.ds-ajax-nav__bar {
	background: var(--ds-accent, #fff);
	height: 2px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	transform: scaleX(0);
	transform-origin: left center;
	transition: opacity 0.25s ease;
	width: 100%;
	z-index: 10000;
}

html.ds-site.ds-ajax-nav--loading .ds-ajax-nav__bar {
	opacity: 1;
	transform: scaleX(0.35);
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

html.ds-site.ds-ajax-nav--leaving .ds-site__main,
html.ds-site.ds-ajax-nav--loading .ds-site__main {
	opacity: 0;
	transform: translateY(12px);
}

.ds-site__main {
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
		transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

html.ds-site.ds-ajax-nav--ready .ds-site__main {
	opacity: 1;
	transform: translateY(0);
}

/* Block: ds-page */
.ds-page {
	margin: 0 auto;
	max-width: 72rem;
	padding: 2rem 1.5rem;
}

.ds-page__header {
	margin-bottom: 1.5rem;
}

.ds-page__title {
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}

.ds-page__content {
	line-height: 1.7;
}

@media (prefers-reduced-motion: reduce) {
	.ds-ajax-nav__bar,
	.ds-site__main {
		transition: none !important;
	}

	html.ds-site.ds-ajax-nav--loading .ds-site__main,
	html.ds-site.ds-ajax-nav--leaving .ds-site__main {
		transform: none;
	}
}