/* ════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════ */

.footer{
  padding:4rem 0 2rem;border-top:1px solid var(--gold-dim);
  background:var(--black);position:relative;overflow:hidden;
}
.footer-grid{
  display:flex;justify-content:space-between;align-items:start;
  flex-wrap:wrap;gap:2rem;
}
.footer-brand .logo-text{display:block;margin-bottom:.15rem}
.footer-brand .logo-sub{display:block;margin-bottom:1rem}
.footer-copy{font-size:.72rem;opacity:.4}
.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}
.footer-links a{
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  transition:color .3s, transform .3s;
  display:inline-block;
}
.footer-links a:hover{color:var(--gold);transform:translateX(4px)}

.footer-thread{
  position:absolute;bottom:0;left:0;width:200%;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:threadScroll 12s linear infinite;
}
@keyframes threadScroll{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(0)}
}

/* ── Footer Wave ─────────────────────────────────── */
.footer-wave{
  position:relative;
  width:100%;
  height:80px;
  margin-top:2rem;
  overflow:hidden;
  transform:translateY(100%);
  opacity:0;
}
.footer-wave svg{
  display:block;
  width:100%;
  height:100%;
}
.wave-path{
  fill:none;
  stroke-width:1;
}
.wave-1{
  stroke:var(--gold);
  opacity:.3;
  animation:waveFlow1 6s ease-in-out infinite;
}
.wave-2{
  stroke:var(--gold);
  opacity:.15;
  animation:waveFlow2 8s ease-in-out infinite;
}
.wave-3{
  stroke:rgba(255,255,255,.08);
  opacity:1;
  animation:waveFlow3 10s ease-in-out infinite;
}

@keyframes waveFlow1{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(-30px)}
}
@keyframes waveFlow2{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(40px)}
}
@keyframes waveFlow3{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(-20px)}
}

/* ── ASMR Toggle ─────────────────────────────────── */
.asmr-toggle{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;
  padding:.5rem 1rem;border:1px solid var(--gold-dim);
  font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  background:rgba(0,18,32,.85);backdrop-filter:blur(10px);
  transition:all .4s var(--ease);
}
.asmr-toggle:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.05)}
.asmr-toggle.active{background:var(--gold);color:var(--black);border-color:var(--gold)}