/* =============================================================
   FOOTER.
   ============================================================= */
footer{background:var(--night-2);color:#cbb9c4;padding:56px 0 30px}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}

.foot-about{max-width:260px}
footer .logo img{height:46px;width:auto;display:block}
.foot-about p{font-size:14px;margin-top:14px;color:#b7a5b1}

footer .fcol h4{color:#fff;font-size:14px;margin:0 0 12px;letter-spacing:.04em}
footer .fcol a{display:block;color:#b7a5b1;font-size:14px;padding:5px 0}
footer .fcol a:hover{color:var(--gold)}

.socials{display:flex;gap:12px;margin-top:16px}
.socials a{width:40px;height:40px;border-radius:10px;border:1px solid #3a2438;
  display:grid;place-items:center;color:#fff}
.socials a:hover{background:var(--gold);color:#1c1305;border-color:var(--gold)}

.foot-bottom{border-top:1px solid #2a1826;margin-top:40px;padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#8a7a85}

@media (max-width:640px){
  .foot-grid{gap:26px}
  .foot-about{max-width:100%}
}