/* ===========================================================
   DESKTOP-ONLY STYLES
   Loaded via <link media="(min-width:901px)"> in includes/header.php.
   Hover-dependent effects live here since they only make sense
   with a real cursor, not a finger on glass.
   =========================================================== */

/* ---------- Footer columns always open (accordion markup is reused, just never collapsed) ---------- */
.footer-acc__head{ cursor:default; }
.footer-acc__icon{ display:none; }
.footer-acc__body{ max-height:none !important; overflow:visible; }

/* ---------- 3D cursor-follow image glow ----------
   Add data-cursor-glow to any .img-frame / image wrapper. JS (main.js)
   updates --mx/--my (0-100, mouse position as % of the element) on
   mousemove; this radial gradient + tilt follow the cursor, giving a
   glossy, magnetic feel. Falls back to inert on touch via mobile.css. */
[data-cursor-glow]{
  --mx:50%; --my:50%;
  transform-style:preserve-3d;
  transition:transform .12s ease-out;
  position:relative;
}
[data-cursor-glow] .glow-layer{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:2;
  background:radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,.35), transparent 42%);
  opacity:0; transition:opacity .25s ease;
  mix-blend-mode:overlay;
}
[data-cursor-glow]:hover .glow-layer{ opacity:1; }