.diagram path,
.diagram circle,
.diagram rect,
.diagram line,
.diagram polyline,
.diagram polygon,
.hero-illustration path,
.hero-illustration circle,
.hero-illustration rect,
.hero-illustration line,
.hero-illustration polyline,
.hero-illustration polygon,
.non-scaling path,
.non-scaling circle,
.non-scaling rect,
.non-scaling line,
.non-scaling polyline,
.non-scaling polygon {
  vector-effect: non-scaling-stroke;
}

.pixel-perfect {
  shape-rendering: crispEdges;
}

.thin-stroke {
  vector-effect: non-scaling-stroke;
}

.animated-svg-wrapper {
  will-change: transform;
  transform: translateZ(0);
}

.hero-nav a {
  cursor: pointer;
}

.hero-nav rect {
  fill: transparent;
  pointer-events: all;
  transition: fill 0.15s ease;
}

.hero-nav a:hover rect,
.hero-nav a:focus-visible rect {
  fill: color-mix(in oklch, var(--fg) 8%, transparent);
}

.hero-nav a:focus-visible {
  outline: none;
}