/* ============================================================
   HELIOCASTLE — FOOTER
   Closing mark, line, nav and copyright.
   ============================================================ */

/* ============================================================
   FOOTER
   ============================================================ */

.footer {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgb(var(--bg-rgb) / 0.9), rgb(var(--bg-rgb) / 0.96));
  text-align: center;
  padding: clamp(70px, 8vw, 110px) var(--pad-x) 44px;
}

.footer-brand img {
  width: 130px;
  margin: 0 auto 30px;
  opacity: 0.95;
  filter: drop-shadow(0 0 24px rgb(var(--ink-rgb) / 0.12));
}

.footer-line {
  font-family: var(--serif);
  font-size: clamp(22px, 2.2vw, 30px);
  letter-spacing: 0.04em;
  margin-bottom: 34px;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 2.4vw, 36px);
  margin: 46px 0 30px;
}
.footer-nav a {
  font-size: 11.5px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color 0.3s;
}
.footer-nav a:hover { color: var(--gold); }

.footer-copy { font-size: 12px; color: rgb(var(--ink-rgb) / 0.66); letter-spacing: 0.08em; }