.studio-mark {
  --studio-mark-size: 54px;
  display: inline-block;
  width: var(--studio-mark-size);
  height: var(--studio-mark-size);
  flex: 0 0 var(--studio-mark-size);
  vertical-align: middle;
  line-height: 0;
  isolation: isolate;
  filter: none;
}
.studio-mark > svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.studio-mark [data-motion="hammer"] {
  transform-box: view-box;
  transform-origin: 50% 76%;
}
.studio-mark [data-spark] {
  vector-effect: non-scaling-stroke;
  stroke-width: .65px;
}
@media (max-width: 640px) {
  .studio-mark { --studio-mark-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-mark [data-motion], .studio-mark [data-glow], .studio-mark [data-spark] {
    animation: none !important;
    transition: none !important;
  }
}