/* Direct-file previews should remain fully usable even when browser security
   restrictions prevent normal URL and observer behavior. */
html.local-preview .motion-reveal,
html.local-preview .motion-reveal.is-visible,
html.local-preview .motion-forced-visible,
html.local-preview .home .hero-copy > *,
html.local-preview .hero-stack .stack-card {
  opacity: 1 !important;
  translate: 0 0 !important;
  rotate: 0deg !important;
  scale: 1 !important;
  clip-path: none !important;
}

html.local-preview .motion-reveal {
  transition-duration: 360ms !important;
}

html.local-preview [id="finder"] {
  scroll-margin-top: 98px;
}

html.local-preview .local-preview-target {
  outline: 3px solid color-mix(in srgb, var(--pink, #ff3ca6) 62%, transparent);
  outline-offset: 8px;
  animation: local-preview-focus 720ms ease both;
}

@keyframes local-preview-focus {
  0% { outline-color: transparent; }
  35% { outline-color: color-mix(in srgb, var(--pink, #ff3ca6) 72%, transparent); }
  100% { outline-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
  html.local-preview .local-preview-target { animation: none; outline-color: transparent; }
}