/* =========================================================
   TRY MORE — animovaný vizuál v media-panel (O nás, panel 05)
   ========================================================= */

.media-viz{ position: absolute; inset: 0; pointer-events: none; }
.media-viz svg{ width: 100%; height: 100%; display: block; }

.media-viz .viz-label{
  font-family: var(--font-body);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  fill: rgba(245,245,240,.6);
}
.media-viz .viz-label--accent{ fill: #4fb2c9; }

.media-viz .dash-drift{ animation: mvDashDrift 9s linear infinite; }
@keyframes mvDashDrift{ to{ stroke-dashoffset: -120px; } }

.media-viz .pulse-halo{
  transform-box: fill-box;
  transform-origin: center;
  animation: mvHalo 3.4s ease-out infinite;
}
@keyframes mvHalo{
  0%   { opacity:.55; transform: scale(.35); }
  100% { opacity:0;   transform: scale(1.7); }
}
.media-viz .pulse-node{ animation: mvNode 3.4s ease-in-out infinite; }
@keyframes mvNode{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }

@media (prefers-reduced-motion: reduce){
  .media-viz .m-anim{ display: none; }
  .media-viz *{ animation: none !important; }
  .media-viz .pulse-halo{ opacity: .25; }
}