/**
 * Strona główna – animacje wejścia przy scrollu (tylko desktop, od 768px).
 */

@media (min-width: 768px) {

.gb-reveal {
	opacity: 0;
	transition:
		opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
		transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),
		filter 0.95s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--gb-reveal-delay, 0s);
	will-change: opacity, transform, filter;
}

/* Aktualności – tylko lekki fade (bez blur / przesunięcia) */
.gb-reveal.gb-reveal--fade {
	transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: var(--gb-reveal-delay, 0s);
	will-change: opacity;
}

.gb-reveal--fade-up {
	transform: translate3d(0, 64px, 0);
	filter: blur(10px);
}

.gb-reveal--fade-down {
	transform: translate3d(0, -40px, 0);
	filter: blur(8px);
}

.gb-reveal--fade-left {
	transform: translate3d(-64px, 0, 0);
	filter: blur(10px);
}

.gb-reveal--fade-right {
	transform: translate3d(64px, 0, 0);
	filter: blur(10px);
}

.gb-reveal--zoom-in {
	transform: scale(0.78);
	filter: blur(6px);
}

/* Separator – tylko poziome „rysowanie”, bez zmiany wysokości / marginesów */
.gb-reveal.gb-section-title-separator {
	filter: none;
	transform: scaleX(0);
	transform-origin: left center;
}

.gb-reveal.is-visible {
	opacity: 1;
	transform: none;
	filter: blur(0);
}

.gb-reveal.gb-section-title-separator.is-visible {
	transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
	.gb-reveal {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
}

} /* min-width: 768px */

@media (max-width: 767px) {
	.gb-reveal {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
		clip-path: none !important;
	}
}