/* Footer C: deep accent, firm name over two offices and two menus, then the legal notes.
   Scoped to .footer-offices; the shared footer rules in style.css still apply. */
footer .footer-offices .fname{font-family:var(--serif-d);font-size:30px;line-height:1.1;color:#fff;margin:0 0 28px}
footer .footer-offices .cols{grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) repeat(2,minmax(0,1fr))}
footer .footer-offices address{margin-top:0}
footer .footer-offices address b{color:#fff;font-weight:600;display:block}
footer .footer-offices :focus-visible{outline-color:var(--wp--preset--color--highlight-on-deep,#fff)}
@media (max-width:980px){footer .footer-offices .cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  footer .footer-offices .cols{gap:32px 24px}
  footer .footer-offices .cols > .office{grid-column:1 / -1}
  footer .footer-offices .fname{margin-bottom:20px}
}
footer .footer-offices .legal{max-width:1104px}
footer .footer-offices .legal a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5)}