/* Eastern Signs homepage hero carousel */
.hero-slides{
	position:absolute;
	inset:0;
	overflow:hidden;
	background:var(--navy);
}
.hero-slide{
	position:absolute;
	inset:0;
	opacity:0;
	visibility:hidden;
	background-color:var(--navy);
	background-repeat:no-repeat;
	transition:opacity 1.35s ease,visibility 1.35s ease,transform 10s linear;
	transform:scale(1.015);
	will-change:opacity,transform;
}
.hero-slide.is-active{
	opacity:1;
	visibility:visible;
	transform:scale(1.065);
}
.hero[data-hero-carousel] .hero-content{max-width:760px}
.hero[data-hero-carousel] h1{
	max-width:800px;
	font-size:clamp(54px,6.3vw,92px);
}
.hero-slide-pylon{
	background-image:linear-gradient(90deg,rgba(3,15,24,1) 0%,rgba(3,16,25,.96) 35%,rgba(3,15,24,.52) 62%,rgba(3,15,24,.06) 100%),url("https://easternsignsfl.com/wp-content/uploads/2026/08/Pylon-sign-installation-scaled.jpg");
	background-size:100% 100%,cover;
	background-position:center,56% center;
}
.hero-slide-primark{
	background-image:linear-gradient(90deg,rgba(3,15,24,1) 0%,rgba(3,16,25,.92) 32%,rgba(3,15,24,.24) 50%,rgba(3,15,24,.04) 100%),url("https://easternsignsfl.com/wp-content/uploads/2026/08/Primark-storefront-signage-scaled.jpg");
	background-size:100% 100%,cover;
	background-position:center,58% 68%;
}
.hero-slide-dadeland{
	background-image:linear-gradient(90deg,rgba(3,15,24,1) 0%,rgba(3,16,25,.97) 36%,rgba(3,15,24,.52) 63%,rgba(3,15,24,.05) 100%),url("https://easternsignsfl.com/wp-content/uploads/2026/08/Color-changing-illuminated-pylon-scaled.jpg");
	background-size:100% 100%,auto 118%;
	background-position:center,80% center;
	background-color:#02070b;
}
.hero-carousel-controls{
	position:absolute;
	z-index:5;
	right:clamp(18px,2.3vw,38px);
	top:50%;
	display:flex;
	flex-direction:column;
	gap:9px;
	transform:translateY(-50%);
}
.hero-carousel-control{
	width:40px;
	height:40px;
	padding:0;
	border:1px solid rgba(255,255,255,.25);
	border-radius:50%;
	background:rgba(4,18,27,.52);
	color:rgba(255,255,255,.62);
	font-family:"Barlow Condensed",sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:.08em;
	cursor:pointer;
	backdrop-filter:blur(10px);
	transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.hero-carousel-control:hover,
.hero-carousel-control:focus-visible{
	border-color:rgba(40,185,210,.8);
	color:#fff;
	outline:none;
	transform:scale(1.06);
}
.hero-carousel-control.is-active{
	border-color:var(--cyan);
	background:rgba(0,153,186,.78);
	color:#fff;
	box-shadow:0 0 0 4px rgba(40,185,210,.12);
}
@media(max-width:900px){
	.hero-carousel-controls{
		top:auto;
		right:24px;
		bottom:188px;
		flex-direction:row;
		transform:none;
	}
	.hero-carousel-control{width:36px;height:36px}
	.hero-slide-pylon{background-position:center,64% center}
	.hero-slide-primark{background-position:center,38% center}
	.hero-slide-dadeland{background-size:100% 100%,auto 108%;background-position:center,76% center}
}
@media(max-width:620px){
	.hero[data-hero-carousel] h1{font-size:clamp(48px,13vw,54px)}
	.hero-carousel-controls{right:18px;bottom:198px}
	.hero-carousel-control{width:32px;height:32px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
	.hero-slide{transition:opacity .35s ease;transform:none!important}
}