/* home.fx.css - styling for the motion layer (home.fx.js).
   Loaded after home.css. Everything here is additive; under reduced-motion
   the moving bits switch off. (The earlier custom cursor / magnetic buttons /
   3D tilt styles were removed - the site is content-first.) */

/* Content sits above the static CSS backdrop; the hero lets it show through. */
#root { position: relative; z-index: 1; }
.hero { background: transparent; }

/* ---- Gentle float on the hero headshot ---- */
@media (prefers-reduced-motion: no-preference) {
  .hero-photo img { animation: fx-float 6s ease-in-out infinite; }
}
@keyframes fx-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* ---- Lenis smooth scroll ---- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }