/* ==========================================================================
   ANIMÁCIE

   Striedmo. Prvky sa pri prvom zobrazení jemne zdvihnú a objavia —
   nič neposkakuje, nič sa neotáča, nič sa neopakuje.

   Skryté sú LEN vtedy, keď beží skript a keď návštevník animácie nemá
   vypnuté. Bez JavaScriptu je obsah normálne viditeľný — preto sa
   počiatočný stav pridáva triedou, nie predvolene.
   ========================================================================== */

.sq-reveal {
	opacity: 0;
	transform: translateY(16px);
	transition:
		opacity 0.55s var(--sq-ease),
		transform 0.55s var(--sq-ease);
	transition-delay: var(--sq-reveal-delay, 0s);
	will-change: opacity, transform;
}

.sq-reveal.is-visible {
	opacity: 1;
	transform: none;
	will-change: auto;
}

/* Po odrolovaní dostane hlavička jemný tieň — oddelí sa od obsahu. */
.sq-header {
	transition: box-shadow var(--sq-duration) var(--sq-ease);
}

.sq-header.is-scrolled {
	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
	.sq-reveal,
	.sq-reveal.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}