/* ── 10 Footer — see sections/10-footer/brief.md ──
   Figma 1:1059 black 436h · logo 212×44 @ (131,+40) · cols @ x 132/461/845/1185/1608, +113, lh 37.5 ·
   contact bar 1776×62 #676767 @ +298 · copyright @ +392. "restart" + footer motion dropped (prototype artefacts). */

.site-footer {
    background: var(--skin-black);
    color: var(--skin-white);
    padding: calc(40 * var(--u)) 0 calc(27 * var(--u));
}
.site-footer__inner,
.site-footer__copy {
    width: min(1656px, calc(100% - 264 * var(--u)));
    margin-inline: auto;
}
.site-footer__logo { display: block; width: fit-content; margin-left: -1px; }
.site-footer__logo img { width: max(140px, calc(212 * var(--u))); height: auto; }

.site-footer__cols {
    display: grid;
    grid-template-columns: 329fr 384fr 340fr 423fr 180fr;
    margin-top: calc(29 * var(--u));
}
.site-footer__cols li {
    font-size: clamp(14px, .8854vw, 17px);
    line-height: 37.5px;
    white-space: nowrap;
}
.site-footer__cols .site-footer__head {
    font-size: clamp(18px, 1.302vw, 25px);
    font-weight: 700;
}
.site-footer__cols a { transition: color .2s ease; }
.site-footer__cols a:hover,
.site-footer__copy a:hover { color: var(--skin-coral); }
.site-footer__sup {
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-left: 4px;
    vertical-align: text-top;
}

/* Contact bar */
.site-footer__bar {
    width: min(1776px, calc(100% - 144 * var(--u)));
    min-height: 62px;
    margin: calc(35 * var(--u)) auto 0;
    padding: 0 calc(61 * var(--u)) 0 calc(32 * var(--u));
    display: grid;
    grid-template-columns: 504fr 428fr 328fr auto;
    align-items: center;
    background: var(--skin-footer-bar);
}
.site-footer__item {
    display: flex;
    align-items: center;
    gap: 13px;
    font-style: normal;
    font-size: clamp(14px, .8854vw, 17px);
    line-height: 1.225;
    color: var(--skin-white);
}
.site-footer__item img { flex: none; }
.site-footer__item--address { gap: 14px; }
.site-footer__item[href]:hover span { color: var(--skin-canvas); text-decoration: underline; }

.site-footer__social {
    display: flex;
    gap: max(12px, calc(57 * var(--u)));
}
.site-footer__social a {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border: 1.5px solid var(--skin-white);
    border-radius: 50%;
    font-size: 17px;
    transition: background .2s ease, color .2s ease;
}
.site-footer__social a:hover { background: var(--skin-white); color: var(--skin-black); }
.site-footer__social i { letter-spacing: 0; }

.site-footer__copy {
    margin-top: calc(32 * var(--u));
    font-size: clamp(13px, .8854vw, 17px);
    line-height: 1;
}