.header-homepage .header-content h1{animation:unesco-welcome .95s ease-out both}.header-homepage .header-content>p{animation:unesco-welcome 1.1s .18s ease-out both}.header-icons{animation:unesco-welcome 1.1s .35s ease-out both}
.label-box{transform-origin:50% 0;animation:unesco-notice 1.1s .7s ease-out both,unesco-board 10s 3s ease-in-out infinite}.label-box:hover,.label-box:focus-within{animation-play-state:paused}
.header .navbar-brand{position:relative}.brand-shine{position:absolute;inset:0;pointer-events:none;mask:url('../img/motion-logo.svg') center/contain no-repeat}
.brand-shine:after,.banner-owl-shine:after{content:"";position:absolute;inset:-30% -50%;background:linear-gradient(110deg,transparent 40%,#ffe9a355 45%,#fff9e8 50%,#ffd45c99 55%,transparent 60%);transform:translateX(-90%);animation:unesco-gold 8s 1s ease-in-out infinite}
.banner-owl-shine{position:absolute;pointer-events:none;mask:url('../img/motion-symbol.svg') center/100% 100% no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,56% 100%,56% 66%,53% 73%,45% 80%,32% 84%,0 84%);opacity:.65}.banner-owl-shine:after{animation-duration:10s;animation-delay:3s}
.motion-wait{opacity:0;transform:translateY(32px)}.motion-enter{animation:unesco-rise .8s var(--motion-delay,0ms) ease-out both}.news-box.motion-enter{animation-name:unesco-side}.counter-number{font-variant-numeric:tabular-nums}
.motion-toggle{position:fixed;bottom:12px;right:12px;z-index:1000;border:1px solid #ded3eb;border-radius:22px;background:#fff;color:#432884;box-shadow:0 4px 18px #26114324;padding:9px 15px;font:12px Arial,sans-serif;cursor:pointer}
.motion-paused *,.motion-paused *:after,.motion-hidden *,.motion-hidden *:after{animation-play-state:paused!important}.motion-paused .motion-enter{animation:none;opacity:1;transform:none}
.footer .footer-admin{display:inline-flex;align-items:center;gap:8px}.footer-admin .login-key{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.footer-admin:hover .login-key,.footer-admin:focus-visible .login-key{transform:rotate(-12deg)}
.footer .copyright a{text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:5px;text-decoration-thickness:1px}
.footer .socials a{display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;transition:transform .22s,filter .22s,box-shadow .22s}.footer .socials a:hover,.footer .socials a:focus-visible{transform:translateY(-5px) scale(1.08);filter:brightness(1.15);box-shadow:0 5px 16px #43288440}.footer .socials a.social-facebook:hover,.footer .socials a.social-facebook:focus-visible{box-shadow:0 0 0 4px #1877f233,0 6px 18px #1877f250}.footer .socials a.social-instagram:hover,.footer .socials a.social-instagram:focus-visible{box-shadow:0 0 0 4px #d6297633,0 6px 18px #f9a23b55}.footer .socials a:focus-visible,.footer-admin:focus-visible,.motion-toggle:focus-visible{outline:3px solid #fcac02;outline-offset:5px}
@keyframes unesco-welcome{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:none}}@keyframes unesco-rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes unesco-side{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}@keyframes unesco-notice{from{opacity:0;transform:translateX(55px)}to{opacity:1;transform:none}}@keyframes unesco-gold{0%,8%{transform:translateX(-90%);opacity:0}12%{opacity:1}35%{transform:translateX(90%);opacity:1}39%,100%{transform:translateX(90%);opacity:0}}@keyframes unesco-board{0%,14%,33%,100%{rotate:0deg;translate:0 0}18%{rotate:-2deg;translate:0 -4px}23%{rotate:1.7deg;translate:0 0}28%{rotate:-.8deg;translate:0 -1px}}
@media(max-width:991px){.banner-owl-shine{display:none}}@media(prefers-reduced-motion:reduce){.brand-shine,.banner-owl-shine{display:none}.motion-enter,.header-content h1,.header-content>p,.header-icons,.label-box{animation:none!important}.motion-wait{opacity:1;transform:none}.footer .socials a,.footer-admin .login-key{transition:none!important;transform:none!important}}
.about-box.motion-has-icon,.footer .motion-has-icon{position:relative;background-image:none!important}.about-box .motion-detail-icon{position:absolute;top:3px;left:0;width:36px;height:42px;object-fit:contain}.footer .motion-detail-icon{position:absolute;left:0;top:18px;width:24px;height:30px;object-fit:contain}.motion-icon-wave{animation:unesco-icon 1s var(--icon-delay,0ms) ease-in-out}.lupa a,.languages>.dropdown{position:relative}.lupa a:after,.languages>.dropdown:after{content:"";position:absolute;inset:-7px;border:2px solid transparent;border-top-color:#ffbc1f;border-radius:50%;pointer-events:none;animation:unesco-orbit 2s 1.5s ease-in-out 2 both}.languages>.dropdown:after{animation-delay:3.5s}
@keyframes unesco-icon{0%,100%{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(2deg)}}@keyframes unesco-orbit{0%{transform:rotate(0);opacity:0}20%,75%{opacity:1}100%{transform:rotate(360deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.motion-icon-wave,.lupa a:after,.languages>.dropdown:after{animation:none!important}}
/* Subtle separation of navigation panels from the purple banner. */
.header .dropdown-menu,
.header .nav-item .dropdown-menu {
    background-color: #51358f;
    box-shadow: 0 10px 26px rgba(25, 12, 55, .22), inset 0 0 0 1px rgba(255, 255, 255, .09);
}
.footer .footer-admin {display:flex;justify-content:flex-end;width:100%;text-align:right;}
.footer .footer-admin span {text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:5px;text-decoration-thickness:1px;}
.footer .footer-admin {margin-top:48px;}

/* Keep decorative shine and partner logos inside the mobile viewport. */
.brand-shine,.banner-owl-shine{overflow:hidden}
.partners__inner--item{display:inline-block;max-width:100%;box-sizing:border-box}
.partners__inner--item img{max-width:100%;height:auto}
.partners__inner--item img{max-width:calc(100% - 40px)}
