/* Shared footer (desktop and mobile layouts). */
.site-footer {background: #1d2127; color: #b9bec6; margin-top: 24px; font-family: sfprodisplay, Montserrat, Arial, sans-serif;}
.site-footer .centered {max-width: 1280px; margin: 0 auto; padding: 0 15px;}
.site-footer a {color: #dfe3e8; transition: color .2s;}
.site-footer a:hover {color: #fff;}
.site-footer .f-top {display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; padding: 22px 0 14px;}
.site-footer .f-logo img {height: 34px; width: auto; background: #fff; padding: 4px 8px; border-radius: 5px;}
.site-footer .f-about {margin-top: 10px; font-size: 13px; line-height: 1.5;}
.site-footer h4 {color: #fff; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px;}
.site-footer ul li {margin-bottom: 4px; font-size: 13px;}
.site-footer .f-contact li {line-height: 1.4;}
.site-footer .f-bottom {border-top: 1px solid rgba(255, 255, 255, .08); padding: 10px 0 12px; font-size: 12px; line-height: 1.5; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.site-footer .f-legal a {margin-left: 16px;}

.site-footer .f-cols {columns: 2; column-gap: 16px;}
@media only screen and (max-width: 1000px) {.site-footer .f-top {grid-template-columns: 1fr 1fr;}}
@media only screen and (max-width: 700px) {
  .site-footer .f-top {grid-template-columns: 1fr; gap: 16px; padding: 20px 0 12px;}
  .site-footer .f-legal a {margin: 0 16px 0 0;}
  .site-footer .f-bottom {flex-direction: column;}
}