.hidrota-hero { position: relative; width: 100%; }
.hidrota-hero__swiper { width: 100%; }
.hidrota-hero__slide {
	position: relative; display: flex; align-items: center; justify-content: center;
	background-size: cover; background-position: center; background-repeat: no-repeat;
	color: #fff; overflow: hidden;
}
.hidrota-hero__overlay {
	position: absolute; inset: 0; pointer-events: none;
}
.hidrota-hero__content {
	position: relative; z-index: 2;
	padding: 24px; max-width: 1200px; width: 100%; text-align: center;
}
.hidrota-hero__heading {
	margin: 0 0 16px; font-weight: 800; line-height: 1.1; font-size: clamp(28px, 5vw, 64px);
	color: #fff; letter-spacing: .02em;
}
.hidrota-hero__sub { margin: 0 0 24px; font-size: clamp(14px, 1.6vw, 20px); }
.hidrota-hero__cta {
	display: inline-block; text-decoration: none; font-weight: 600;
	background: var(--hidrota-accent); color: #fff; padding: 14px 36px; border-radius: 4px;
	transition: background-color .2s ease;
}
.hidrota-hero__cta:hover { background: var(--hidrota-accent-dark); }

/* ---------- Slide content entrance animations ----------
 * Triggered by Swiper's .swiper-slide-active class. Each element fades + slides
 * up with a small stagger so the heading lands first, then the sub, then the CTA. */
.hidrota-hero__heading,
.hidrota-hero__sub,
.hidrota-hero__cta {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}
.swiper-slide-active .hidrota-hero__heading { opacity: 1; transform: translateY(0); transition-delay: .15s; }
.swiper-slide-active .hidrota-hero__sub     { opacity: 1; transform: translateY(0); transition-delay: .35s; }
.swiper-slide-active .hidrota-hero__cta     { opacity: 1; transform: translateY(0); transition-delay: .55s; }

/* Subtle Ken Burns on the background image of the active slide */
.hidrota-hero__slide {
	background-size: cover;
	transition: transform 8s ease-out;
}
.swiper-slide-active.hidrota-hero__slide {
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.hidrota-hero__heading,
	.hidrota-hero__sub,
	.hidrota-hero__cta { opacity: 1; transform: none; transition: none; }
	.swiper-slide-active.hidrota-hero__slide { transform: none; }
}

.hidrota-hero__pagination {
	position: absolute; left: 0; right: 0; bottom: 24px; text-align: center; z-index: 3;
}
.hidrota-hero .swiper-pagination-bullet { margin: 0 6px; }

.hidrota-hero__prev,
.hidrota-hero__next {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 44px; height: 44px; border: 0; background: rgba(0,0,0,.35); color: #fff; cursor: pointer; z-index: 3;
}
.hidrota-hero__prev { left: 16px; }
.hidrota-hero__next { right: 16px; }

@media (max-width: 767px) {
	.hidrota-hero__content { padding: 16px; }
}