/* Four-column footer shared by every page (markup: partials/footer.html).
   The dark band, big email, wordmark and bottom row keep each page's own styles. */
.f-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(44px,5vw,70px);padding-top:clamp(30px,3.4vw,44px);border-top:1px solid rgba(255,253,250,.14);text-align:left}
.f-col{display:flex;flex-direction:column;gap:12px}
.f-h{font:600 11px 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#FFF9B4;margin-bottom:6px}
.f-col a{color:rgba(255,253,250,.66);text-decoration:none;font-size:15px;line-height:1.35;transition:color .25s}
.f-col a:hover{color:#FFF9B4}
.f-col .f-name{color:#FFFDFA;font-size:15px;line-height:1.35;font-weight:500}
.f-col .f-more{color:#FFF9B4;font-weight:600}
.f-biz{margin-top:clamp(26px,3vw,38px);text-align:center;font-size:12.5px;line-height:1.8;color:rgba(255,253,250,.5)}
.f-biz .dot{color:rgba(255,253,250,.25);margin:0 6px}
@media(max-width:820px){.f-cols{grid-template-columns:1fr 1fr;row-gap:36px}}