.sticky-title {
	position: relative;
	min-height: 0;
	margin: 0;
	padding: clamp(44px, 4vw, 72px) var(--site-gutter)
		clamp(40px, 4vw, 64px);
	color: var(--site-text);
	background: var(--site-background);
}

.sticky-title__full {
	position: relative;
	max-width: min(100%, 1900px);
	margin: 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(clamp(48px, calc(-2px + 4.7916667vw), 90px) * var(--a11y-text-scale, 1));
	font-weight: 300;
	line-height: 1.05;
	text-wrap: balance;
	opacity: 1;
	transition: opacity 500ms ease;
}

.sticky-title--without-submenu::after {
	position: absolute;
	right: var(--site-gutter);
	bottom: 0;
	left: var(--site-gutter);
	height: 1px;
	background: currentColor;
	content: "";
}

.sticky-title__compact {
	position: fixed;
	top: var(
		--sticky-title-top,
		calc(var(--wp-admin-bar-offset) + var(--site-header-height, 94px) - 1px)
	);
	right: var(--site-gutter);
	left: var(--site-gutter);
	z-index: 997;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 94px;
	margin: 0;
	overflow: hidden;
	border-top: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(clamp(32px, 2.9166667vw, 57px) * var(--a11y-text-scale, 1));
	font-weight: 300;
	line-height: 1;
	letter-spacing: -0.025em;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--site-text);
	background: var(--site-background);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 500ms ease,
		visibility 0s linear 500ms;
}

.sticky-title.is-compact .sticky-title__full {
	opacity: 0;
}

.sticky-title.is-compact .sticky-title__compact {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

.editor-styles-wrapper .sticky-title__compact {
	display: none;
}

.sticky-submenu {
	position: sticky;
	top: calc(
		var(--sticky-submenu-header-bottom, var(--site-header-height, 70px))
		+ var(--sticky-submenu-title-height, 94px)
		- 1px
	);
	z-index: 996;
	background: var(--site-background);
	transition: top var(--site-header-motion-duration)
		var(--site-header-motion-easing);
}

.editor-styles-wrapper .sticky-submenu {
	position: relative;
	top: auto;
	z-index: auto;
}

@media (max-width: 1024px) {
	.sticky-title {
		padding-block: 40px;
	}

	.sticky-title__full,
	.sticky-title.is-compact .sticky-title__full {
		font-size: calc(clamp(48px, 8vw, 72px) * var(--a11y-text-scale, 1));
		opacity: 1;
	}

	.sticky-title__compact {
		display: none;
	}

	.sticky-submenu {
		top: var(
			--sticky-submenu-header-bottom,
			calc(var(--wp-admin-bar-offset) + var(--site-header-height, 64px) - 1px)
		);
	}
}

@media (max-width: 767px) {
	.sticky-title {
		padding: 20px 16px;
	}

	.sticky-title__full,
	.sticky-title.is-compact .sticky-title__full {
		font-size: calc(clamp(44px, 13vw, 48px) * var(--a11y-text-scale, 1));
	}

	.sticky-title--without-submenu::after {
		right: 16px;
		left: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sticky-title__full,
	.sticky-title__compact {
		transition: none;
	}
}