/**
 * Zeya Blocks — лендинг: поправки стыков между блоками и живая анимация.
 * Подключается после style.css только на страницах с шаблоном «Zeya: лендинг».
 */

/* ---------- Стыки: меньше пустоты ---------- */
.zeya-section .zeya-space + .wp-block-buttons { margin-top: 40px; }
@media (max-width: 1024px) { .zeya-section .zeya-space + .wp-block-buttons { margin-top: 60px; } }
@media (max-width: 767px)  { .zeya-section .zeya-space + .wp-block-buttons { margin-top: 80px; } }
.zeya-footer { padding-top: 70px; }
@media (max-width: 767px)  { .zeya-footer { padding-top: 56px; } }

/* =====================================================================
   Живая анимация
   ===================================================================== */

/* Появление при прокрутке (класс zeya-motion ставит assets/motion.js) */
.zeya-motion :is(.zeya-section__content > *, .zeya-section__media, .zeya-tile, .zeya-review, .zeya-contacts > .wp-block-column, .zeya-footer__logo, .zeya-footer__socials):not(.is-in) {
	opacity: 0; translate: 0 28px;
}
.zeya-motion :is(.zeya-section__content > *, .zeya-section__media, .zeya-tile, .zeya-review, .zeya-contacts > .wp-block-column, .zeya-footer__logo, .zeya-footer__socials) {
	transition: opacity .7s ease-out, translate .8s cubic-bezier(.2, .7, .2, 1);
	transition-delay: calc(var(--zeya-i, 0) * 90ms);
}
.zeya-motion .is-done { transition-delay: 0s; }
/* картинка сбоку выезжает со своей стороны */
.zeya-motion .is-media-left .zeya-section__media:not(.is-in) { translate: -40px 0; }
.zeya-motion .is-media-right .zeya-section__media:not(.is-in) { translate: 40px 0; }

/* Рисунки: лёгкое «дыхание» и отклик на наведение */
@keyframes zeya-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -8px; } }
.zeya-section__media img,
.wp-block-image.is-style-zeya-pull-up img,
.zeya-section .zeya-section__content > .wp-block-image:not(.is-style-zeya-map) img {
	transition: scale .45s cubic-bezier(.2, .7, .2, 1), rotate .45s cubic-bezier(.2, .7, .2, 1), filter .45s;
	transform-origin: 50% 60%;
}
.zeya-section__media img { animation: zeya-float 7s ease-in-out infinite; }
.zeya-section:nth-of-type(even) .zeya-section__media img { animation-duration: 8s; animation-delay: -3s; }
@media (hover: hover) {
	.zeya-section__media img:hover,
	.wp-block-image.is-style-zeya-pull-up img:hover,
	.zeya-section .zeya-section__content > .wp-block-image:not(.is-style-zeya-map) img:hover {
		scale: 1.04; rotate: -2deg;
		filter: drop-shadow(0 14px 28px rgba(193, 132, 255, .45));
	}
	.is-media-left .zeya-section__media img:hover { rotate: 2deg; }

	/* плитки арт-проектов: работа чуть приподнимается */
	.zeya-tiles .zeya-tile img { transition: scale .45s cubic-bezier(.2, .7, .2, 1), box-shadow .45s; }
	.zeya-tiles .zeya-tile:hover img { scale: 1.03; box-shadow: 0 18px 36px rgba(39, 32, 67, .28); }

	/* отзывы и кнопки соцсетей */
	.zeya-review { transition: box-shadow .4s, border-color .4s; }
	.zeya-review:hover { box-shadow: 0 0 0 1px rgba(193, 132, 255, .6), 0 16px 40px rgba(117, 87, 239, .25); }
	.zeya-pill .zeya-pill__icon { transition: rotate .4s cubic-bezier(.2, .7, .2, 1), scale .4s; }
	.zeya-pill:hover .zeya-pill__icon { rotate: -12deg; scale: 1.08; }
}

/* Кто попросил систему «уменьшить движение» — без анимаций */
@media (prefers-reduced-motion: reduce) {
	.zeya-section__media img { animation: none; }
	.zeya-section__media img, .zeya-tiles .zeya-tile img, .zeya-pill .zeya-pill__icon,
	.wp-block-image.is-style-zeya-pull-up img, .zeya-section .zeya-section__content > .wp-block-image img { transition: none; }
}