.site-footer { position: relative; height: 172px; margin-top: 16px; background: #f7f6f4; border-top: 1px solid #ffffffaa; color: #797670; }
.footer-brand { position: absolute; left: 4.69613%; top: 22px; width: 19.52117%; height: 94px; border-right: 1px solid #d9d5ce; }
.footer-logo { display: block; text-decoration: none; font: 12.5px/20px Georgia,serif; letter-spacing: 1.8px; color: #53514c; }
.footer-brand p { margin: 3px 0 0; font-size: 7px; line-height: 11px; letter-spacing: .8px; }
.footer-brand p span { font-size: 6px; letter-spacing: .5px; }
.footer-consult { display: flex; align-items: center; justify-content: center; gap: 10px; width: 116px; height: 28px; margin: 14px 0 0 2px; border: 1px solid #c8c0b2; background: #efede8; box-shadow: 1px 2px 2px #695c4020; text-decoration: none; font-size: 9px; letter-spacing: 1px; }
.footer-columns { position: absolute; left: 28.82136%; right: 4.60405%; top: 20px; display: grid; grid-template-columns: 124fr 135fr 122fr 126fr 136fr 80fr; }
.footer-column { min-width: 0; }
.footer-column h2 { margin: 0 0 5px; font: 400 9px/14px Georgia,"Yu Mincho",serif; letter-spacing: .6px; }
.footer-column a { display: block; width: fit-content; text-decoration: none; font-size: 8px; line-height: 19px; letter-spacing: .5px; }
.footer-technology a { line-height: 16px; }
.footer-social { display: flex; gap: 12px; margin-top: 10px; }
.footer-social button { display: block; width: 18px; height: 18px; border: 0; padding: 0; background: none; color: #969591; }
.footer-social svg { display: block; width: 18px; height: 18px; }
.footer-copyright { position: absolute; top: 142px; left: 0; right: 0; margin: 0; border-top: 1px solid #dcd8d2; padding: 7px 54px 0 0; text-align: center; font: 7.5px/12px Georgia,serif; letter-spacing: .7px; }
@media (max-width: 900px) {
  .site-footer { height: auto; margin-top: 16px; padding: 24px 20px 16px; }
  .footer-brand { position: relative; inset: auto; width: 100%; height: auto; padding-bottom: 18px; border-right: 0; border-bottom: 1px solid #d9d5ce; }
  .footer-columns { position: relative; inset: auto; margin-top: 20px; grid-template-columns: repeat(3,1fr); gap: 22px 12px; }
  .footer-column a { font-size: 9px; line-height: 21px; }
  .footer-column h2 { font-size: 10px; }
  .footer-copyright { position: relative; inset: auto; margin-top: 24px; padding: 12px 0 0; }
}