/* The profile JPG itself cuts off the ring. Keep its original lettering pixels;
   mask only the broken decorative arcs, then draw a complete ring in CSS. */
.original-mark{position:relative;isolation:isolate;background:transparent;overflow:visible}
.original-mark:before,.original-mark:after{content:'';position:absolute;border-radius:50%;pointer-events:none;box-sizing:border-box}
.original-mark:before{inset:4.5%;background:#000;border:1.2px solid #ffbddc;box-shadow:0 0 2px #fff3,0 0 5px #ff3e98b3,0 0 10px #e72b7c55,inset 0 0 6px #ed3b8e40;z-index:0}
.original-mark:after{inset:6.5%;border:.7px solid #ed338a9c;box-shadow:0 0 3px #ed338a55;z-index:2}
.original-mark img{position:absolute!important;inset:7%!important;width:86%!important;height:86%!important;max-width:none;object-fit:contain!important;transform:none!important;clip-path:polygon(2% 33%,100% 33%,100% 59%,83% 59%,83% 80%,23% 80%,23% 59%,2% 59%);z-index:1}
.footer-brand-scene>.original-mark{width:100%;height:auto;max-width:430px;aspect-ratio:1}
@media(max-width:600px){.footer-brand-scene>.original-mark{width:240px;max-width:100%;justify-self:center}}
/* A slow breathing cycle: light and a tiny transform, never layout dimensions. */
.original-mark{animation:milka-logo-breathe 4s ease-in-out infinite;transform-origin:center}
.original-mark:before{animation:milka-neon-breathe 4s ease-in-out infinite}
.original-mark:after{animation:milka-inner-breathe 4s ease-in-out infinite}
@keyframes milka-logo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes milka-neon-breathe{
  0%,100%{border-color:#f9a5ce;box-shadow:0 0 2px #fff2,0 0 5px #ff3e9870,0 0 10px #e72b7c30,inset 0 0 6px #ed3b8e30}
  50%{border-color:#ffe0ef;box-shadow:0 0 3px #fff8,0 0 9px #ff3e98d9,0 0 22px #e72b7c80,inset 0 0 10px #ed3b8e66}
}
@keyframes milka-inner-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.original-mark,.original-mark:before,.original-mark:after{animation:none!important;transform:none!important}}