/* Hides the contact-form honeypot field from real visitors but leaves it
   reachable by bots that auto-fill every input. Never use display:none for
   this - some spam bots skip hidden fields; off-screen positioning is safer. */
.hp-field {
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  overflow: hidden;
}

/* Subtle fade/rise-in used sparingly on hero and section content. */
@keyframes fade-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fade-up 0.6s ease-out both;
}

html {
  scroll-behavior: smooth;
}

/* Anchors sitting right under the sticky header shouldn't be hidden by it. */
section[id] {
  scroll-margin-top: 90px;
}