.footer-bg {
    --padding-top    : 64px;

    position         : relative;
    height           : 100dvh;
    background-color : var(--color-itp-blue);
    /*padding-top      : calc(var(--var-navbar-height) + var(--var-panel-gap) * 2 + var(--padding-top));*/
    align-content    : center;
}

.footer {
    margin-inline  : auto;
    max-width      : var(--var-footer-width);
    display        : flex;
    flex-direction : column;
    gap            : 8rem;
    margin-bottom  : 8rem;
}

.footer-logo {
    width : 100%;

    /*position  : fixed;*/
    /*left      : 50%;*/
    /*top       : calc(var(--var-navbar-height) + var(--var-panel-gap) * 2 + var(--padding-top));*/
    /*transform : translate(-50%);*/
}

.logo-subline {
    text-align            : end;
    font                  : var(--font-small);
    font-feature-settings : var(--font-features);
    font-weight           : 800;
    color                 : var(--color-blue-light);
    transform             : translate(5px);
}

.footer-links {
    display               : flex;
    gap                   : 4rem;
    font                  : var(--font-small);
    font-feature-settings : var(--font-features);
}

.link-section {
    display        : flex;
    flex-direction : column;
    gap            : 1rem;
}

.link-section-title {
    color         : var(--color-blue-light);
    font-weight   : 800;
    margin-bottom : 1rem;
}

.footer-link {
    font-weight           : 500;
    text-underline-offset : 4px;
    color                 : var(--color-blue-light-bright);
}

.footer-link:hover {
    cursor               : pointer;
    /*color                : var(--color-itp-green);*/
    color                : white;
    text-decoration-line : underline;
}