.portfolio-pointer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
  visibility: hidden;
  transition: width 200ms ease, height 200ms ease;
}

.portfolio-pointer.is-visible {
  visibility: visible;
}

.portfolio-pointer.is-expanded {
  width: 24px;
  height: 24px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html.has-art-pointer,
  html.has-art-pointer * {
    cursor: none !important;
  }
}

.site-nav .case-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .portfolio-pointer {
    display: none;
  }
}