/* ============ SITE FOOTER = the homepage footer design (2026-09-11, Curtis) ============
   Ported from mega-liv (the homepage of record) so every page ends the same way: a
   "Talk to a builder" call band, a brand blurb + five link columns, then a copyright bar.
   The homepage palette is baked in as scoped tokens on .lm-hfoot (the homepage CSS defined
   them on :root); fonts reuse the theme's --lm-head / --lm-body (Oswald / Saira). Replaces
   the old quote-band + newsletter footer. Mobile: the link columns fold into accordions. */
.lm-hfoot{
  --acc:#1d5fd8; --accd:#12409b; --acci:#fff; --acclt:#5f95f0;
  --bg:#05070c; --surf:#0c1119; --surf2:#080b12;
  --ink:#eef2f8; --ink2:#a3aebf; --ink3:#7f8ba0;
  --line:#1a2130; --line2:#2b3648; --bw:1px;
  --osw:var(--lm-head,'Oswald',Impact,sans-serif); --sai:var(--lm-body,'Saira',system-ui,sans-serif);
  margin-top:0;border-top:2px solid var(--line2);background:var(--surf2);color:var(--ink);
}
.lm-hfoot .wrap{max-width:1340px;margin:0 auto;padding:0 22px}
@media (min-width:1400px){.lm-hfoot .wrap{max-width:1590px}}
.lm-hfoot a{color:inherit;text-decoration:none}

/* call band */
.lm-hfoot .ftop{border-bottom:var(--bw) solid var(--line);background:var(--surf)}
.lm-hfoot .fcta{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:34px 0;flex-wrap:wrap}
.lm-hfoot .fcta .mn{font:700 11px/1 var(--osw);letter-spacing:.19em;text-transform:uppercase;color:var(--acclt)}
.lm-hfoot .fcta .tel{display:block;font:700 clamp(30px,4vw,48px)/1 var(--osw);letter-spacing:.01em;margin:8px 0;color:var(--ink)}
.lm-hfoot .fcta .tel:hover{color:var(--acclt)}
.lm-hfoot .fcta p{margin:0;max-width:520px;font:400 13.5px/1.6 var(--sai);color:var(--ink2)}
.lm-hfoot .fbtns{display:flex;gap:10px;flex-wrap:wrap}
.lm-hfoot .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;
  font:700 12px/1 var(--osw);letter-spacing:.08em;text-transform:uppercase;border:var(--bw) solid var(--line2);color:var(--ink);cursor:pointer;transition:.15s}
.lm-hfoot .btn:hover{border-color:var(--acc)}
.lm-hfoot .btn.p{background:var(--acc);border-color:var(--acc);color:var(--acci)}
.lm-hfoot .btn.p:hover{background:var(--accd);border-color:var(--accd)}

/* columns */
.lm-hfoot .cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:32px;padding-top:44px;padding-bottom:36px}
.lm-hfoot .brand img{height:30px;width:auto;margin-bottom:16px}
.lm-hfoot .brand p{margin:0;font:400 12.5px/1.75 var(--sai);color:var(--ink2);max-width:340px}
.lm-hfoot .brand p b{color:var(--ink);font-weight:600}
.lm-hfoot .soc{display:flex;gap:8px;margin-top:18px}
.lm-hfoot .soc a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:var(--bw) solid var(--line2);color:var(--ink2);transition:.15s}
.lm-hfoot .soc a svg{width:19px;height:19px}
.lm-hfoot .soc a:hover{background:var(--acc);border-color:var(--acc);color:var(--acci)}
.lm-hfoot h3{margin:0 0 12px;font:700 11px/1 var(--osw);letter-spacing:.19em;text-transform:uppercase;color:var(--acclt)}
.lm-hfoot .cols ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font:400 13px/1.4 var(--sai)}
.lm-hfoot .cols ul a{display:inline-block;padding:5px 0;color:var(--ink2)}
.lm-hfoot .cols ul a:hover{color:var(--ink)}

/* base bar */
.lm-hfoot .base{border-top:var(--bw) solid var(--line);padding-top:16px;padding-bottom:26px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 11px/1.6 var(--sai);letter-spacing:.02em;color:var(--ink3)}
.lm-hfoot .base a{color:var(--ink2)}
.lm-hfoot .base a:hover{color:var(--ink)}

/* tablet */
@media (max-width:1080px){
  .lm-hfoot .cols{grid-template-columns:1fr 1fr 1fr}
  .lm-hfoot .brand{grid-column:1/-1}
}
/* phone — link columns become accordions (JS toggles .open) */
@media (max-width:640px){
  .lm-hfoot .fcta{padding:26px 0}
  .lm-hfoot .fbtns{width:100%}
  .lm-hfoot .fbtns .btn{flex:1;min-height:48px}
  .lm-hfoot .cols{grid-template-columns:1fr;gap:0;padding-top:30px}
  .lm-hfoot .brand{margin-bottom:22px}
  .lm-hfoot .cols>div:not(.brand) h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;border-top:var(--bw) solid var(--line);cursor:pointer}
  .lm-hfoot .cols>div:not(.brand) h3::after{content:"+";font:400 18px/1 var(--sai);color:var(--ink3)}
  .lm-hfoot .cols>div.open h3::after{content:"\2013"}
  .lm-hfoot .cols>div:not(.brand) ul{display:none;padding-bottom:10px}
  .lm-hfoot .cols>div.open ul{display:flex}
  .lm-hfoot .cols ul a{padding:9px 0;font-size:14.5px}
}