/* ==========================================================================
   CONTACT + FOOTER
   One phone number, big. No form — a builder in a ute taps a number, they
   don't fill in a form.
   ========================================================================== */

.contact{
  position:relative;
  background:var(--ink);
  border-top:1px solid var(--rule-soft);
  padding:clamp(5rem,12vw,8.5rem) clamp(20px,5vw,60px);
}

.contact__in{
  max-width:60ch; margin:0 auto;
  text-align:center;
  display:flex; flex-direction:column; align-items:center;
}

.contact__phone{
  display:block;
  margin:.2rem 0 1.1rem;
  font-size:clamp(2.4rem,7vw,4.4rem);
  font-weight:700; letter-spacing:-.025em;
  line-height:1;
  color:var(--paper);
  font-variant-numeric:tabular-nums;
  transition:color .25s var(--ease);
}
.contact__phone:hover{ color:var(--green); }

.contact__sub{
  margin:0 0 2rem;
  font-size:clamp(1rem,1.5vw,1.15rem);
  color:var(--paper-soft);
  max-width:36ch;
}

.contact__meta{
  list-style:none; margin:0; padding:2rem 0 0;
  width:100%; max-width:44ch;
  border-top:1px solid var(--rule-soft);
  display:flex; flex-direction:column; gap:.55rem;
  font-size:.92rem; color:var(--paper-soft);
}
.contact__meta a{ transition:color .25s var(--ease); }
.contact__meta a:hover{ color:var(--paper); }

.contact__btns{
  display:flex; flex-wrap:wrap; gap:.8rem;
  justify-content:center;
  margin:0 0 2.6rem;
}
.contact__btns .btn{ min-width:9.5rem; justify-content:center; }

/* ---------------------------------------------------------------- footer */

.foot{
  background:var(--ink-deep);
  border-top:1px solid var(--rule-soft);
  padding:1.8rem clamp(20px,5vw,60px);
}
.foot__in{
  display:flex; flex-wrap:wrap; gap:.5rem 2rem;
  justify-content:space-between;
  font-size:.8rem; color:var(--paper-faint);
}