/* Small additions on top of the original compiled Tailwind CSS */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 7rem; }

/* Fade-up on scroll, matching the original site's entrance animation */
.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .6s ease-out, transform .6s ease-out; }
.js [data-reveal].is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Contact form result message */
.form-status { margin-top: 1rem; padding: 1rem 1.25rem; border-radius: .75rem; font-size: .9375rem; line-height: 1.5; text-align: center; }
.form-status.ok { background: #ecfeff; color: #155e75; border: 1px solid #a5f3fc; }
.form-status.err { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }