::selection { background: #ff6a1a; color: #000; }

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }

#site-header {
  transition: background-color 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
}
#site-header.scrolled {
  background-color: rgba(17, 18, 19, 0.92);
  backdrop-filter: blur(12px);
  border-color: rgba(255, 255, 255, 0.15);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-hero], [data-reveal] { transition: none !important; }
}