:root{
  --footer-bg: #0c0f14;
  --footer-bg-2: #0a0d12;
  --footer-text: rgba(255,255,255,.88);
  --footer-muted: rgba(255,255,255,.62);
  --footer-line: rgba(255,255,255,.10);
}

.site-footer{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.06), transparent 55%),
              radial-gradient(900px 500px at 80% 20%, rgba(176,138,108,.10), transparent 55%),
              var(--footer-bg);
  color: var(--footer-text);
  margin-top: 60px;
}

.footer-inner{
  display:grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  gap: 34px;
  padding: 56px 0 34px 0;
}

.footer-logo{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color: var(--footer-text);
}

.footer-mark{
  color: rgba(255,255,255,.85);
  display:grid;
  place-items:center;
}

.footer-logo-text{ display:flex; flex-direction:column; line-height:1.05; }
.footer-logo-title{ font-weight:800; font-size: 18px; letter-spacing:.2px; }
.footer-logo-sub{ font-size: 12px; letter-spacing:.10em; color: var(--footer-muted); }

.footer-desc{
  margin: 14px 0 0 0;
  color: var(--footer-muted);
  line-height: 1.7;
  max-width: 520px;
}

.footer-title{
  margin: 6px 0 14px 0;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-links a{
  color: var(--footer-text);
  text-decoration:none;
  opacity:.88;
}
.footer-links a:hover{ opacity: 1; text-decoration: underline; }

.footer-contact-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.footer-contact-list li{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-contact-list a{
  color: var(--footer-text);
  text-decoration:none;
  opacity:.90;
}
.footer-contact-list a:hover{ opacity:1; text-decoration: underline; }

.ficon{
  width:34px;
  height:34px;
  border-radius: 12px;
  border: 1px solid var(--footer-line);
  background: rgba(255,255,255,.03);
  display:grid;
  place-items:center;
  color: rgba(255,255,255,.85);
  flex: 0 0 auto;
}

.footer-legal-links{
  margin-top: 14px;
  color: var(--footer-muted);
  font-size: 13px;
}
.footer-legal-links a{
  color: var(--footer-muted);
  text-decoration:none;
}
.footer-legal-links a:hover{ color: var(--footer-text); text-decoration: underline; }
.footer-legal-links .dot{ margin: 0 8px; opacity:.7; }

.footer-bottom{
  border-top: 1px solid var(--footer-line);
  background: var(--footer-bg-2);
}
.footer-bottom-inner{
  padding: 14px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color: var(--footer-muted);
}

/* Responsive */
@media (max-width: 980px){
  .footer-inner{ grid-template-columns: 1fr; gap: 26px; }
  .footer-desc{ max-width: none; }
}