.site-footer {
    width: min(920px, calc(100% - 48px));
    margin: 80px auto 0;
    padding: 28px 0 36px;
    border-top: 1px solid rgba(197, 191, 175, 0.13);
    color: rgba(197, 191, 175, 0.52);
    text-align: center;
}

.site-footer-wordmark,
.site-footer-links a {
    color: inherit;
    text-decoration: none;
    transition: color 180ms ease, opacity 180ms ease;
}

.site-footer-wordmark {
    display: inline-block;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.site-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 18px 28px;
    margin-top: 16px;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.site-footer-wordmark:hover,
.site-footer-links a:hover,
.site-footer-wordmark:focus-visible,
.site-footer-links a:focus-visible {
    color: rgba(206, 201, 191, 0.96);
}

.site-footer-copyright {
    margin: 20px 0 0;
    color: rgba(197, 191, 175, 0.38);
    font-size: 0.66rem;
    letter-spacing: 0.08em;
}

@media (max-width: 820px) {
    body {
        overflow-x: hidden;
    }

    .room-nav,
    .home-navigation {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .room-nav-link,
    .home-navigation a {
        flex: 0 0 auto;
    }

    .home-navigation {
        width: auto;
        max-width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        overflow: visible;
        white-space: normal;
        overscroll-behavior-x: auto;
        opacity: 1;
        pointer-events: auto;
    }

    .room-nav::-webkit-scrollbar,
    .home-navigation::-webkit-scrollbar {
        display: none;
    }

    .site-footer {
        width: calc(100% - 32px);
        margin-top: 56px;
        padding-bottom: 28px;
    }

    .site-footer-links {
        gap: 14px 20px;
    }
}