/* ===========================================================
   MOBILE-ONLY STYLES
   Loaded via <link media="(max-width:900px)"> in includes/header.php
   so desktop browsers never even download/parse this file's rules
   as active (though the file itself still downloads — that's normal
   for this technique; only the *rules* are scoped by media).
   =========================================================== */

/* ---------- Footer as accordion ---------- */
.footer-acc__head{
  display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; margin-bottom:0 !important; padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-acc__icon{ font-size:18px; color:var(--gold); transition:transform .3s var(--ease); font-weight:400; }
.footer-acc.is-open .footer-acc__icon{ transform:rotate(45deg); }
.footer-acc__body{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease-soft); }
.footer-acc.is-open .footer-acc__body{ max-height:400px; padding-bottom:14px; }
.footer-acc__body > *:first-child{ margin-top:4px; }

/* ---------- Section padding tightened on small phones ---------- */
@media(max-width:420px){
  .sec{ padding:48px 0; }
  .t-h1{ font-size:1.9rem; }
}

/* ---------- Cursor-follow 3D image effect disabled on touch (no hover, would just stick) ---------- */
[data-cursor-glow]{ transform:none !important; }
[data-cursor-glow] .glow-layer{ display:none; }