/* =============================================================
   VARENT — [footer] block styles. Loads varent-base.css first.
   ============================================================= */

.vp-footer{padding:60px 0 36px; border-top:1px solid var(--line);}

.vp-footer-inner{display:flex; justify-content:space-between; align-items:flex-start;
  gap:48px; flex-wrap:wrap;}

.vp-footer-brand{max-width:380px;}
.vp .vp-footer-logo{height:26px !important; width:auto !important; max-width:120px !important; display:block;}
.vp-footer-tag{margin:16px 0 0; font-size:13.5px; line-height:1.55; color:var(--ink-faint);}

.vp-footer-contact{display:flex; gap:48px; flex-wrap:wrap;}
.vp-footer-item{display:flex; flex-direction:column; gap:7px;}
.vp-footer-label{font-family:"Space Grotesk"; font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-faint);}
.vp-footer-item a{font-size:15px; line-height:1.5; color:var(--ink-soft); text-decoration:none;
  transition:color .2s var(--ease);}
.vp-footer-item a:hover, .vp-footer-item a:focus-visible{color:var(--mint);}
.vp-footer-item a:focus-visible{outline:2px solid var(--mint); outline-offset:3px;}

.vp-footer-bottom{margin-top:48px; padding-top:22px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--ink-faint);}

@media (max-width:640px){
  .vp-footer{padding:44px 0 28px;}
  .vp-footer-inner{gap:30px;}
  .vp-footer-contact{gap:28px;}
  .vp-footer-bottom{margin-top:32px;}
}

/* guard against themes that !important img styles */
.vp .vp-footer-logo{border:0 !important; background:none !important; box-shadow:none !important;}