/* Logo-specific highlights; no scripts or additional video download. */
.arthos-logo-stage { position: relative; isolation: isolate; width: min(440px,78vw); margin: 0 auto 8px; }
.arthos-logo-stage .hero__logo { width: 100%; max-width: none; margin: 0; animation: none; }
.arthos-logo-stage::before, .arthos-logo-stage::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; }
.arthos-logo-stage::before { z-index: -1; inset: 12%; border-radius: 50%; background: radial-gradient(ellipse, #e8253448, #b919231c 45%, transparent 70%); }
.arthos-logo-stage::after {
  -webkit-mask: url('/img/logo/arthos2-modern.webp') center / contain no-repeat;
  mask: url('/img/logo/arthos2-modern.webp') center / contain no-repeat;
  background: linear-gradient(112deg, transparent 35%, #fff1c018 43%, #e5f2ff99 49%, #fff8dfb3 50%, #e7b86b30 54%, transparent 62%);
  background-size: 350% 100%; background-position: 100% 0;
  mix-blend-mode: screen;
}
@media (prefers-reduced-motion: no-preference) {
  .arthos-logo-stage { animation: arthos-cinematic-float 8s ease-in-out infinite; }
  .arthos-logo-stage .hero__logo { animation: arthos-cinematic-ember 5s ease-in-out infinite; }
  .arthos-logo-stage::before { animation: arthos-cinematic-aura 5s ease-in-out infinite; }
  .arthos-logo-stage::after { animation: arthos-cinematic-shine 9s ease-in-out infinite; }
}
@keyframes arthos-cinematic-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes arthos-cinematic-ember { 0%,100% { filter: drop-shadow(0 16px 28px #000a) drop-shadow(0 0 4px #e8293433); } 50% { filter: drop-shadow(0 18px 30px #000a) drop-shadow(0 0 13px #e8293466); } }
@keyframes arthos-cinematic-aura { 0%,100% { opacity: .3; transform: scale(.96); } 50% { opacity: .8; transform: scale(1.06); } }
@keyframes arthos-cinematic-shine { 0%,15% { background-position: 100% 0; opacity: 0; } 20% { opacity: .65; } 48% { opacity: .65; } 55%,100% { background-position: 0% 0; opacity: 0; } }
@media(max-width:860px) { .arthos-logo-stage { width: min(390px,80vw); } }
@media(max-width:560px) { .arthos-logo-stage { width: min(340px,82vw); } }
@media(prefers-reduced-motion:reduce) { .arthos-logo-stage,.arthos-logo-stage::before,.arthos-logo-stage::after,.arthos-logo-stage .hero__logo { animation: none !important; } .arthos-logo-stage::before,.arthos-logo-stage::after { display:none; } }