/* KOMENDANT – oryginalne logo wkomponowane w tlo, bez kwadratowej ramki. */
body.v3 .hero .v3-symbol-stage.k-clean-stage {
  position: relative!important;
  display: grid!important;
  place-items: center!important;
  width: min(100%, 510px)!important;
  max-width: 510px!important;
  min-height: 435px!important;
  height: 435px!important;
  overflow: visible!important;
  isolation: isolate;
}
body.v3 .hero .v3-symbol-stage.k-clean-stage::before,
body.v3 .hero .v3-symbol-stage.k-clean-stage::after {
  content: none!important;
  display: none!important;
}
body.v3 .hero .k-clean-mark {
  width: min(100%, 440px);
  aspect-ratio: 1;
  position: relative;
  display: grid;
  place-items: center;
  animation: km-photo-hover 8s ease-in-out infinite;
}
body.v3 .hero .k-clean-mark::before {
  content: '';
  position: absolute;
  inset: 18%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,70,167,.25),rgba(124,70,167,.08) 42%, transparent 73%);
  filter: blur(28px);
  pointer-events: none;
}
body.v3 .hero .k-clean-mark img[src*="komendant-logo-home"] {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
  /* Krawedzie starego czarnego tla rozplywaja sie w tle strony. */
  -webkit-mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 84%, rgba(0,0,0,.72) 92%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side at 50% 50%, #000 84%, rgba(0,0,0,.72) 92%, transparent 100%);
  filter: drop-shadow(0 9px 22px rgba(0,0,0,.18));
  animation: km-photo-appear .95s cubic-bezier(.19,1,.22,1) both;
}
@keyframes km-photo-appear {
  from {opacity:0; transform:translateY(12px) scale(.97)}
  to {opacity:1; transform:translateY(0) scale(1)}
}
@keyframes km-photo-hover {
  0%,100% {transform:translateY(0)}
  50% {transform:translateY(-6px)}
}
@media (max-width:900px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    min-height:350px!important;height:350px!important;
  }
  body.v3 .hero .k-clean-mark {width:min(100%,350px)}
}
@media (max-width:700px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    grid-row:1!important;
    min-height:290px!important;height:290px!important;
    width:min(100%,370px)!important;
  }
  body.v3 .hero .hero-copy {grid-row:2!important}
  body.v3 .hero .k-clean-mark {width:min(100%,280px)}
}
@media (max-width:420px) {
  body.v3 .hero .v3-symbol-stage.k-clean-stage {
    min-height:245px!important;height:245px!important;
  }
  body.v3 .hero .k-clean-mark {width:min(100%,235px)}
}
@media (prefers-reduced-motion:reduce) {
  body.v3 .hero .k-clean-mark,
  body.v3 .hero .k-clean-mark img[src*="komendant-logo-home"] { animation:none!important; }
}