.lcp-hu-slideshow {
	position: relative;
	overflow: hidden;
	background: #08345f;
	transition: height .35s ease;
}

.lcp-hu-slideshow .lcp-hu-slide {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	display: grid;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .55s ease, visibility .55s ease;
}

.lcp-hu-slideshow .lcp-hu-slide-picture {
	grid-area: 1 / 1;
	display: block;
	width: 100%;
	height: auto;
	align-self: start;
}

.lcp-hu-slideshow .lcp-hu-slide-image {
	display: block;
	width: 100%;
	height: auto;
}

.lcp-hu-slideshow .lcp-hu-slide:before {
	z-index: 1;
	background: linear-gradient(90deg,rgba(3,29,57,.94) 0%,rgba(3,35,70,.79) 34%,rgba(3,30,62,.24) 70%,rgba(3,28,58,.05) 100%);
}

.lcp-hu-slideshow .lcp-hu-hero__inner {
	z-index: 2;
	grid-area: 1 / 1;
	width: min(1180px,calc(100% - 48px));
}

.lcp-hu-slideshow .lcp-hu-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.lcp-hu-slideshow.is-single .lcp-hu-slide {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.lcp-hu-slideshow:not(.is-ready):not(.is-single) .lcp-hu-slide:first-child {
	position: relative;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.lcp-hu-slideshow .lcp-hu-hero h2 {
	margin: 23px 0 22px;
	color: #fff;
	font-size: clamp(2.9rem,5.4vw,4.55rem);
	letter-spacing: -.05em;
	line-height: 1.16;
}

.lcp-hu-slide-controls {
	position: absolute;
	z-index: 5;
	right: max(24px, calc((100vw - 1180px) / 2));
	bottom: 28px;
	display: none;
	align-items: center;
	gap: 10px;
}

.lcp-hu-slideshow.is-ready .lcp-hu-slide-controls { display: flex; }

.lcp-hu-slideshow:not(.is-single) .lcp-hu-hero__inner {
	padding-bottom: 92px;
}

.lcp-hu-slide-controls > button {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 50%;
	color: #fff;
	background: rgba(3,29,57,.68);
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

.lcp-hu-slide-controls > button:hover,
.lcp-hu-slide-controls > button:focus-visible {
	background: #f6bf1d;
	color: #15385c;
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.lcp-hu-slide-dots {
	display: flex;
	gap: 8px;
	padding: 8px 11px;
	border-radius: 99px;
	background: rgba(3,29,57,.68);
}

.lcp-hu-slide-dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.lcp-hu-slide-dots button[aria-current="true"] {
	background: #f6bf1d;
	border-color: #f6bf1d;
}

@media (max-width: 900px) {
	.lcp-hu-slide-controls { right: 24px; bottom: 20px; }
}

@media (max-width: 620px) {
	.lcp-hu-slideshow .lcp-hu-slide-picture,
	.lcp-hu-slideshow .lcp-hu-slide-image {
		height: var(--lcp-mobile-hero-height, auto);
	}
	.lcp-hu-slideshow .lcp-hu-slide-image {
		object-fit: cover;
		object-position: var(--lcp-mobile-position, center) center;
	}
	.lcp-hu-slideshow .lcp-hu-slide:before { background: linear-gradient(0deg,rgba(3,29,57,.92),rgba(3,29,57,.25)); }
	.lcp-hu-slideshow .lcp-hu-hero__inner { width:min(100% - 32px,1180px); }
	.lcp-hu-slideshow:not(.is-single) .lcp-hu-hero__inner { padding-bottom: 82px; }
	.lcp-hu-slideshow .lcp-hu-hero h2 { margin: 19px 0 16px; font-size: 2.75rem; }
	.lcp-hu-slide-controls { right: 16px; bottom: 14px; }
	.lcp-hu-slide-controls > button { width: 38px; height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
	.lcp-hu-slideshow,
	.lcp-hu-slideshow .lcp-hu-slide { transition: none; }
}