.hidrota-fb {
	display: flex; flex-direction: row; gap: 60px; align-items: center;
}

/* ---------- Scroll-in reveal animation ----------
 * Image column slides in from its visual side (left when image is on the left,
 * right when image is on the right). Body column slides from the opposite side.
 * Triggered by IntersectionObserver adding `.is-inview`. */
.hidrota-fb .hidrota-fb__media,
.hidrota-fb .hidrota-fb__body {
	opacity: 0;
	transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}
/* Default layout: image left, body right */
.hidrota-fb .hidrota-fb__media { transform: translateX(-48px); }
.hidrota-fb .hidrota-fb__body  { transform: translateX(48px); }

/* Reversed layout (image-side: right): swap directions */
.hidrota-fb[data-image-side="right"] .hidrota-fb__media { transform: translateX(48px); }
.hidrota-fb[data-image-side="right"] .hidrota-fb__body  { transform: translateX(-48px); }

.hidrota-fb.is-inview .hidrota-fb__media,
.hidrota-fb.is-inview .hidrota-fb__body {
	opacity: 1;
	transform: translateX(0);
}
.hidrota-fb.is-inview .hidrota-fb__body { transition-delay: .15s; }

@media (prefers-reduced-motion: reduce) {
	.hidrota-fb .hidrota-fb__media,
	.hidrota-fb .hidrota-fb__body { opacity: 1; transform: none; transition: none; }
}
.hidrota-fb__media { flex: 0 0 50%; max-width: 50%; }
.hidrota-fb__media img { display: block; width: 100%; height: auto; object-fit: cover; }
.hidrota-fb__body { flex: 1 1 auto; min-width: 0; }
.hidrota-fb__heading {
	margin: 0 0 16px; font-family: Georgia, 'Times New Roman', serif;
	font-weight: 400; line-height: 1.15; font-size: clamp(24px, 3vw, 40px);
	color: var(--hidrota-text);
}
.hidrota-fb__desc { color: var(--hidrota-text); line-height: 1.6; margin: 0 0 24px; }
.hidrota-fb__desc p:last-child { margin-bottom: 0; }
.hidrota-fb__btn {
	display: inline-block; text-decoration: none; background: var(--hidrota-accent);
	color: #fff; padding: 14px 36px; border-radius: 4px; transition: background-color .2s ease;
	font-weight: 500;
}
.hidrota-fb__btn:hover { background: var(--hidrota-accent-dark); color: #fff; }

@media (max-width: 1024px) {
	.hidrota-fb { flex-direction: column !important; gap: 32px !important; }
	.hidrota-fb__media {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.hidrota-fb__media img {
		width: 100% !important;
		height: auto !important;
		max-height: 480px;
		object-fit: cover;
	}
}
@media (max-width: 600px) {
	.hidrota-fb__media img { max-height: 360px; }
}