/* Shared redesigned footer (templates/partials/_footer_v2.html) for pages that
   do not load a redesigned page stylesheet (e.g. Contact, which uses style.css).
   Everything is scoped under .foot so it cannot affect the rest of the page. */
.foot{
  --umber:#1f1813; --on-umber:#f4ece2; --on-umber-2:#bfb2a3; --clay:#c2612f;
  --f-sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--umber);color:var(--on-umber-2);padding-block:0 32px;font:400 15px/1.6 var(--f-sans);
  -webkit-font-smoothing:antialiased;box-sizing:border-box;
}
.foot *,.foot *::before,.foot *::after{box-sizing:border-box}
.foot .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:720px){.foot .wrap{padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
.foot .foot-grid{display:grid;gap:32px;padding-block:56px 48px}
@media(min-width:760px){.foot .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.foot h4{margin:0 0 12px;font:700 12px/1.6 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-umber)}
.foot p{margin:0}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none;color:inherit}
.foot a:hover{color:var(--on-umber)}
.foot a:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}
.foot .logo{display:inline-flex;align-items:center;gap:10px;font:700 18px/1.6 var(--f-sans);letter-spacing:-.01em;color:var(--on-umber);margin-bottom:14px}
.foot .logo i{width:9px;height:9px;border-radius:50%;background:var(--clay);display:block}
.foot .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;padding-top:24px;border-top:1px solid rgba(244,236,226,.12)}