/* Brand and five navigation columns share one aligned desktop row. */
body>footer .footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1.2fr) minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, .9fr);
    gap: clamp(18px, 2.2vw, 36px);
    align-items: start;
    width: min(1440px, calc(100% - 64px))
}

body>footer .footer-grid>div:first-child {
    grid-column: auto;
    max-width: 260px;
    margin: 0
}

body>footer .footer-grid>div {
    min-width: 0
}

body>footer .footer-grid h3 {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .04em
}

body>footer .footer-grid a,
body>footer .footer-grid button {
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.65
}

body>footer .footer-grid>div>a,
body>footer .footer-grid>div>button {
    display: block;
    margin: 0 0 8px
}

body>footer .footer-grid>div:first-child p {
    font-size: 12px;
    line-height: 1.8;
    margin: 16px 0 0
}

body>footer .footer-grid .logo-icon {
    max-width: 100%;
    width: 180px;
    height: auto
}

body>footer .footer-bottom {
    width: min(1440px, calc(100% - 64px));
    margin-top: 36px
}

@media(max-width:1100px) {
    body>footer .footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px
    }
}

@media(max-width:650px) {
    body>footer .footer-grid {
        width: calc(100% - 40px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 20px
    }

    body>footer .footer-bottom {
        width: calc(100% - 40px)
    }
}

@media(max-width:360px) {
    body>footer .footer-grid {
        grid-template-columns: 1fr
    }
}