/**
 * Subtelna warstwa ruchu witryny.
 *
 * Używamy individual transform properties (`translate` i `scale`), żeby nie
 * nadpisywać istniejących transformacji: zoomu portretu, hoveru nagród ani
 * obrotu ikon w rozwijanych sekcjach.
 */
:root {
	--am-motion-duration: 680ms;
	--am-motion-distance: 15px;
	--am-motion-side-distance: 13px;
	--am-motion-ease: cubic-bezier(.22, 1, .36, 1);
}

.am-motion-enabled .am-motion-reveal {
	--am-motion-x: 0px;
	--am-motion-y: var(--am-motion-distance);
	--am-motion-scale: .992;
	--am-motion-start-opacity: 0;
	opacity: var(--am-motion-start-opacity);
	translate: var(--am-motion-x) var(--am-motion-y);
	scale: var(--am-motion-scale);
}

.am-motion-enabled .am-motion-reveal[data-am-motion="left"] {
	--am-motion-x: calc(0px - var(--am-motion-side-distance));
	--am-motion-y: 7px;
}

.am-motion-enabled .am-motion-reveal[data-am-motion="right"] {
	--am-motion-x: var(--am-motion-side-distance);
	--am-motion-y: 7px;
}

.am-motion-enabled .am-motion-reveal[data-am-motion="scale"] {
	--am-motion-y: 9px;
	--am-motion-scale: .975;
}

.am-motion-enabled .am-motion-reveal[data-am-motion="line"] {
	--am-motion-x: 0px;
	--am-motion-y: 0px;
	--am-motion-scale: .18 1;
	--am-motion-start-opacity: .35;
	transform-origin: center;
}

.am-motion-enabled .am-motion-reveal.is-am-motion-visible {
	animation: am-motion-reveal-in var(--am-motion-duration) var(--am-motion-ease) var(--am-motion-delay, 0ms) both;
}

/* Elementy widoczne przy starcie nie mogą mignąć ani animować LCP. */
.am-motion-enabled .am-motion-reveal.is-am-motion-visible.is-am-motion-initial {
	animation: none;
	opacity: 1;
	translate: 0 0;
	scale: 1;
}

@keyframes am-motion-reveal-in {
	from {
		opacity: var(--am-motion-start-opacity);
		translate: var(--am-motion-x) var(--am-motion-y);
		scale: var(--am-motion-scale);
	}
	to {
		opacity: 1;
		translate: 0 0;
		scale: 1;
	}
}

/* Jedyny efekt ciągły: portret przesuwa się o najwyżej kilka pikseli. */
@media (min-width: 768px) {
	.am-motion-float {
		translate: 0 var(--am-motion-float-y, 0px);
		will-change: translate;
	}
}

/* Na telefonie ruch jest krótszy, szybszy i wyłącznie pionowy. */
@media (max-width: 767px) {
	:root {
		--am-motion-duration: 520ms;
		--am-motion-distance: 9px;
		--am-motion-side-distance: 0px;
	}

	.am-motion-enabled .am-motion-reveal[data-am-motion="left"],
	.am-motion-enabled .am-motion-reveal[data-am-motion="right"] {
		--am-motion-x: 0px;
		--am-motion-y: 9px;
	}
}

/* Dostępność i bezpieczny wydruk: pełna treść zawsze od razu widoczna. */
@media (prefers-reduced-motion: reduce), print {
	.am-motion-reveal,
	.am-motion-enabled .am-motion-reveal,
	.am-motion-float {
		opacity: 1 !important;
		translate: 0 0 !important;
		scale: 1 !important;
		animation: none !important;
		will-change: auto !important;
	}
}