/* ==========================================================================
   footer.css, site footer
   ========================================================================== */
.vr-footer{background:var(--vr-ink); color:#E8E2D6; font-family:var(--vr-ui); width:100%;}
.vr-footer__top{
  max-width:1200px; margin:0 auto; padding:72px 48px 40px;
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:3rem;
}

/* Brand — reversed lockup (monochrome cream on ink) */
.vr-flogo{display:inline-flex; flex-direction:column; align-items:flex-start; gap:.2em; line-height:1; text-decoration:none; color:var(--vr-ivory); margin-bottom:1.1rem;}
.vr-flogo__mark{
  font-family:var(--vr-serif); font-weight:600; font-size:1.7rem; line-height:.9;
  font-variant-caps:small-caps; letter-spacing:.05em; white-space:nowrap; color:var(--vr-ivory);
}
.vr-flogo__realty{margin-left:.3em;}
.vr-flogo__region{
  font-family:var(--vr-ui); font-weight:500; font-size:.56rem; letter-spacing:.36em;
  text-transform:uppercase; color:rgba(248,244,236,.72);
}
.vr-footer__tag{font-size:.92rem; font-weight:300; line-height:1.65; color:#C9C2B4; max-width:34ch; margin-bottom:1.3rem;}
.vr-footer__social{display:flex; align-items:center; gap:.6rem; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase;}
.vr-footer__social a{color:#E8E2D6; text-decoration:none;}
.vr-footer__social a:hover{color:#fff;}
.vr-footer__social span{color:#5c6770;}

/* Columns */
.vr-footer__col{display:flex; flex-direction:column;}
.vr-footer__col h2{
  font-family:var(--vr-ui); font-weight:500; font-size:.74rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--vr-accent-inverse); margin-bottom:1.1rem;
}
.vr-footer__col a{
  font-size:.86rem; font-weight:300; letter-spacing:.04em; color:#D8D2C5; text-decoration:none;
  padding:.32rem 0; transition:color .2s;
}
.vr-footer__col a:hover{color:#fff;}
.vr-footer__contact a{line-height:1.5;}
.vr-footer__col a.vr-footer__btn{
  margin-top:1.1rem; align-self:flex-start; background:var(--vr-canvas); color:var(--vr-ink) !important;
  font-weight:500; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;
  line-height:1; padding:1rem 2.4rem; border-radius:4px; transition:background .25s; white-space:nowrap;
}
.vr-footer__btn:hover{background:#fff; color:var(--vr-ink) !important;}

/* Bottom bar */
.vr-footer__bottom{
  border-top:1px solid rgba(255,255,255,.12); max-width:1200px; margin:0 auto;
  padding:1.4rem 48px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.6rem;
  font-size:.72rem; font-weight:300; letter-spacing:.08em; color:#9aa1a6; text-transform:uppercase;
}

@media (max-width:860px){
  .vr-footer__top{grid-template-columns:1fr 1fr;}
  .vr-footer__brand{grid-column:1 / -1;}
}
@media (max-width:520px){
  .vr-footer__top{grid-template-columns:1fr;}
  .vr-footer__bottom{flex-direction:column;}
}