.foot {
    --foot-pad-inline: clamp(24px, 6.65vw, 100px);
    --foot-link-hover: #00FACC;
    --foot-link-eco: #8AB4FF;
    position: relative;
    z-index: 8;
    display: grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: clamp(40px, 5.9vh, 56px) var(--foot-pad-inline) 0;
    background: var(--footer-background, transparent);
    color: #fff;
    font-family: var(--font-nunito-medium);
    font-weight: 500;
    font-stretch: 100%;
    font-synthesis: none;
    box-sizing: border-box;
}

.foot-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: clamp(24px, 3.3vw, 50px);
    row-gap: 12px;
    min-width: 0;
}

.foot .cookie-settings {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}

.foot a,
.foot .cookie-settings,
.foot-copyright {
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
}

.foot a,
.foot .cookie-settings {
    width: max-content;
    max-width: 100%;
    opacity: .4;
    text-decoration: none;
}

.foot a:hover,
.foot .cookie-settings:hover {
    color: var(--foot-link-hover);
}

html[data-performance-mode='lite'] .foot-links :is(a, .cookie-settings):hover {
    color: var(--foot-link-eco);
    opacity: 1;
}

.foot-copyright {
    margin: 0;
    opacity: .4;
    white-space: nowrap;
}

.foot-wordmark {
    position: relative;
    grid-column: 1 / -1;
    width: calc(100% + var(--foot-pad-inline) * 2);
    margin: clamp(44px, 7vh, 80px) calc(-1 * var(--foot-pad-inline)) 0;
    aspect-ratio: 189/81;
}

.foot-wordmark img {
    position: absolute;
    top: 0;
    display: block;
    height: auto;
}

.foot-wordmark__8 {
    left: 0;
    width: calc(100% * 69 / 189)
}

.foot-wordmark__ty {
    left: calc(100% * 69 / 189);
    width: calc(100% * 120 / 189)
}

.hover-spring-word,
.hover-spring-letter {
    display: inline-block;
}

.hover-spring-word {
    white-space: nowrap
}

@media (max-width: 760px) {
    .foot {
        --foot-pad-inline: 16px;
        grid-template-columns:1fr;
        align-items: start;
        gap: 12px;
        padding: 32px var(--foot-pad-inline) env(safe-area-inset-bottom, 0px);
    }

    .foot-links {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0
    }

    .foot a,
    .foot .cookie-settings {
        display: flex;
        min-height: 22px;
        align-items: center
    }

    .foot a, .foot .cookie-settings, .foot-copyright {
        font-size: 14px
    }

    .foot-wordmark {
        margin-top: 40px
    }
}