/* =====================================================================
   Обложка: логотип, «2», фото и лиса — отдельные живые слои (см. motion.js)
   ===================================================================== */
.zeya-hero-clip { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.zeya-hero-stage { position: absolute; top: 0; }
.has-zeya-hero > .zeya-section__inner { position: relative; z-index: 1; }
.zeya-hero-item { position: absolute; inset: 0; will-change: transform, filter; transition: filter .5s; }
.zeya-hero-layer {
	position: absolute; inset: 0;
	background-size: 100% 100%; background-repeat: no-repeat;
	-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
.zeya-hero-hit { position: absolute; pointer-events: auto; border-radius: 40%; }

/* «2» — покачивается, как игрушка на пружинке */
@keyframes zeya-wobble { 0%, 100% { rotate: -2deg; } 50% { rotate: 2.5deg; } }
.zeya-hero-two { scale: 1.035; animation: zeya-wobble 5.5s ease-in-out infinite; }
/* фото — мягко «дышит» от нижнего края */
@keyframes zeya-breathe { 0%, 100% { scale: 1.012; } 50% { scale: 1.03; } }
.zeya-hero-photo { animation: zeya-breathe 6s ease-in-out infinite; }
/* лиса — парит и чуть поворачивается */
@keyframes zeya-hover-fox { 0%, 100% { scale: 1.04; rotate: -1.2deg; } 50% { scale: 1.06; rotate: 1.2deg; } }
.zeya-hero-fox { animation: zeya-hover-fox 7s ease-in-out infinite; }
/* логотип не двигаем (тонкие линии двоились бы), он светится и по нему пробегает блик */
@keyframes zeya-glow { 0%, 100% { filter: drop-shadow(0 0 0 rgba(101, 207, 231, 0)); } 50% { filter: drop-shadow(0 0 14px rgba(101, 207, 231, .75)) drop-shadow(0 0 30px rgba(186, 161, 255, .45)); } }
.zeya-hero-logo { animation: zeya-glow 4.5s ease-in-out infinite; }
.zeya-hero-logo .zeya-hero-layer::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .85) 50%, transparent 58%) no-repeat;
	background-size: 260% 100%; background-position: 160% 0;
	animation: zeya-shine 6s ease-in-out infinite;
}
@keyframes zeya-shine { 0%, 55% { background-position: 160% 0; } 85%, 100% { background-position: -60% 0; } }

/* наведение: объект откликается и светится */
.zeya-hero-item.is-hover { animation-play-state: paused; filter: drop-shadow(0 0 22px rgba(193, 132, 255, .8)) drop-shadow(0 18px 30px rgba(0, 0, 0, .35)); }
.zeya-hero-two.is-hover { scale: 1.08; rotate: -6deg; transition: scale .4s cubic-bezier(.3, 1.6, .5, 1), rotate .4s cubic-bezier(.3, 1.6, .5, 1), filter .4s; }
.zeya-hero-photo.is-hover { scale: 1.05; transition: scale .5s cubic-bezier(.2, .7, .2, 1), filter .5s; }
.zeya-hero-fox.is-hover { scale: 1.1; rotate: 4deg; transition: scale .45s cubic-bezier(.3, 1.6, .5, 1), rotate .45s, filter .45s; }
.zeya-hero-logo.is-hover { animation: none; filter: drop-shadow(0 0 18px rgba(101, 207, 231, .95)) drop-shadow(0 0 40px rgba(186, 161, 255, .7)); }
.zeya-hero-logo.is-hover .zeya-hero-layer::after { animation-duration: 1.6s; }
@media (max-width: 767px) { .zeya-hero-clip { display: none; } }

/* =====================================================================
   Карта Эстонии — парит над лесом
   ===================================================================== */
@keyframes zeya-levitate { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
.zeya-section .wp-block-image.is-style-zeya-map img {
	animation: zeya-levitate 6s ease-in-out infinite;
	filter: drop-shadow(0 18px 24px rgba(117, 87, 239, .35));
	transition: scale .5s cubic-bezier(.2, .7, .2, 1), filter .5s;
}
@media (hover: hover) {
	.zeya-section .wp-block-image.is-style-zeya-map img:hover { scale: 1.03; filter: drop-shadow(0 0 26px rgba(193, 132, 255, .75)) drop-shadow(0 22px 30px rgba(117, 87, 239, .45)); }
}