/* ============================================================
   13. FOOTER
   ============================================================ */
.footer {
  background: url('https://www.figma.com/api/mcp/asset/2424ebf7-73a0-4a56-a27e-53a19d2d5927') center/cover no-repeat;
  padding: 80px 0 0;
}
.footer .wrap {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 60px; padding-bottom: 60px;
}
.footer__logo { width: 280px; margin-bottom: 28px; }
.footer__contact {
  font-size: 12px; font-weight: 600; letter-spacing: 1.2px;
  text-transform: uppercase; color: var(--white); line-height: 2.2;
}
.footer__social { font-size: 22px; color: var(--white); letter-spacing: 10px; margin-top: 18px; }
.footer__heading {
  font-family: var(--font-head); font-size: 22px; font-weight: 400;
  color: var(--white); margin-bottom: 28px;
}
.footer__links { list-style: none; }
.footer__links li {
  font-size: 12px; font-weight: 600; letter-spacing: 1.2px;
  text-transform: uppercase; color: var(--white);
  margin-bottom: 14px; cursor: pointer;
}
.footer__links li:hover { color: var(--cream); }
.footer__form input {
  display: block; width: 100%;
  background: transparent; border: 1.5px solid rgba(255,255,255,.45);
  padding: 13px 18px; margin-bottom: 14px;
  font-family: var(--font-body); font-size: 12px; font-weight: 600;
  letter-spacing: 1.2px; text-transform: uppercase; color: var(--white);
}
.footer__form input::placeholder { color: rgba(255,255,255,.55); }
.footer__divider {
  border: none; border-top: 1px solid rgba(255,255,255,.2);
  margin: 0 60px 28px;
}
.footer__copy {
  text-align: center; padding-bottom: 30px;
  font-size: 15px; color: #cccccc; letter-spacing: .3px;
}