/* V25: self-rendering Platonik logo symbol. No CSS mask dependency.
   Transparent pre-rendered PNG is ALWAYS displayed; inline SVG adds moving gradient. */
.site--platonik .brand-stat--v21 .about-symbol-native {
  position:absolute;
  z-index:5;
  right:0.5%;
  top:6.5%;
  width:clamp(205px,42%,340px);
  aspect-ratio:560 / 549;
  display:block;
  pointer-events:none;
  isolation:isolate;
  filter:drop-shadow(0 16px 28px rgba(35,55,150,.12));
  animation:about-native-float 7s ease-in-out infinite alternate;
}
.site--platonik .about-symbol-native-fallback,
.site--platonik .about-symbol-native-svg {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.site--platonik .about-symbol-native-svg {z-index:1;overflow:visible;}
.site--platonik .about-stat-panel {z-index:4;}
@keyframes about-native-float{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-8px,0)}}
@media(max-width:1200px){.site--platonik .brand-stat--v21 .about-symbol-native{width:42%;right:1%;top:12%;}}
@media(max-width:900px){.site--platonik .brand-stat--v21 .about-symbol-native{width:40%;right:5%;top:10%;}}
@media(max-width:560px){.site--platonik .brand-stat--v21 .about-symbol-native{width:42%;right:2%;top:12%;}}
@media(prefers-reduced-motion:reduce){.site--platonik .brand-stat--v21 .about-symbol-native{animation:none!important;}}