/* L2Hype production micro animations */
:root { --l2-glow: rgba(255, 204, 102, .35); }
.preload { transition: opacity .45s ease, visibility .45s ease; }
.preload.l2-hide { opacity: 0; visibility: hidden; pointer-events: none; }
.navigation { transition: transform .35s ease, background .35s ease, box-shadow .35s ease; }
.navigation.l2-scrolled { background: rgba(10, 12, 18, .72); backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,.28); }
.menu__item, .navigation__bnr, .button, .btn, .btn-dec, .contacts__contact, .fl { transition: transform .25s ease, filter .25s ease, box-shadow .25s ease; }
.menu__item:hover, .navigation__bnr:hover, .button:hover, .btn:hover, .btn-dec:hover, .contacts__contact:hover, .fl:hover { transform: translateY(-2px); filter: brightness(1.13); }
.slide__title, .slide__desc, .mid__box, .streams__inner, .contacts__contact, .footer__heading { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.l2-inview { opacity: 1 !important; transform: translateY(0) !important; }
.slide__img { will-change: transform; transition: transform .2s linear; }
@keyframes l2-soft-pulse { 0%,100%{box-shadow:0 0 0 rgba(255,204,102,0)} 50%{box-shadow:0 0 28px var(--l2-glow)} }
#animate-btn { animation: l2-soft-pulse 2.8s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }