/* ===== site-wide FX: page transitions + cursor spotlight (subtle) ===== */

/* smooth page fade in/out (guarded by html.fx-js so no-JS shows content) */
html.fx-js body{opacity:0}
html.fx-js body.fx-in{opacity:1;transition:opacity .55s ease}
html.fx-js body.fx-out{opacity:0;transition:opacity .42s ease}

/* cursor spotlight — soft warm glow that follows the pointer (desktop only) */
.fx-spot{position:fixed;top:0;left:0;width:540px;height:540px;z-index:70;pointer-events:none;opacity:0;
  background:radial-gradient(circle, rgba(217,178,106,.09), transparent 60%);
  transition:opacity .6s ease;mix-blend-mode:screen;will-change:transform}

@media (hover:none),(pointer:coarse){ .fx-spot{display:none} }
@media (prefers-reduced-motion:reduce){
  html.fx-js body{opacity:1 !important}
  html.fx-js body.fx-out{opacity:1 !important}
  .fx-spot{display:none}
}