.nt-hero-slider {
	position: relative;
}

.nt-hero-slider--js {
	overflow: hidden;
}

.nt-hero-slider__slides {
	position: relative;
}

.nt-hero-slide {
	position: relative;
	min-height: clamp(26rem, 60vw, 42rem);
	background-color: var(--wp--preset--color--blue-900);
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
}

.nt-hero-slider--js .nt-hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 800ms ease;
}

.nt-hero-slider--js .nt-hero-slide.is-active {
	opacity: 1;
	pointer-events: auto;
	position: relative;
	z-index: 1;
}

.nt-hero-slider--reduced-motion .nt-hero-slide {
	transition: none;
}

.nt-hero-slide__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(24, 74, 102, 0) 35%,
		rgba(24, 74, 102, 0.78) 100%
	);
	pointer-events: none;
}

.nt-hero-slide__content {
	position: relative;
	z-index: 1;
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--lg) var(--wp--preset--spacing--md);
	max-width: 42rem;
}

.nt-hero-slide__heading {
	color: var(--wp--preset--color--white) !important;
	font-size: var(--wp--preset--font-size--xx-large);
	margin: 0 0 0.5rem;
}

.nt-hero-slide__subtext {
	color: rgba(255, 255, 255, 0.92);
	font-size: var(--wp--preset--font-size--medium);
	margin: 0 0 1.25rem;
	max-width: 34rem;
}

.nt-hero-slide__cta {
	display: inline-block;
}

.nt-hero-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: var(--wp--custom--radius--pill);
	background: rgba(255, 255, 255, 0.85);
	color: var(--wp--preset--color--blue-900);
	cursor: pointer;
	backdrop-filter: blur(4px);
	transition: background 150ms ease;
}

.nt-hero-slider__arrow:hover,
.nt-hero-slider__arrow:focus-visible {
	background: var(--wp--preset--color--white);
}

.nt-hero-slider__arrow--prev {
	left: var(--wp--preset--spacing--sm);
}

.nt-hero-slider__arrow--next {
	right: var(--wp--preset--spacing--sm);
}

.nt-hero-slider__pause {
	position: absolute;
	bottom: var(--wp--preset--spacing--sm);
	right: var(--wp--preset--spacing--sm);
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: var(--wp--custom--radius--pill);
	background: rgba(255, 255, 255, 0.85);
	color: var(--wp--preset--color--blue-900);
	cursor: pointer;
}

.nt-hero-slider__pause:hover,
.nt-hero-slider__pause:focus-visible {
	background: var(--wp--preset--color--white);
}

.nt-hero-slider__dots {
	position: absolute;
	bottom: var(--wp--preset--spacing--sm);
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	gap: 0.5rem;
}

.nt-hero-slider__dot {
	width: 10px;
	height: 10px;
	border: none;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	padding: 0;
}

.nt-hero-slider__dot:hover,
.nt-hero-slider__dot:focus-visible {
	background: rgba(255, 255, 255, 0.85);
}

.nt-hero-slider__dot[aria-selected='true'] {
	background: var(--wp--preset--color--orange-500);
}

@media (max-width: 600px) {
	.nt-hero-slide__heading {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.nt-hero-slider__arrow {
		width: 36px;
		height: 36px;
	}
}