.top-nav-link {
    display: inline-flex;
    align-items: center;
    font-family: "Space Grotesk", sans-serif;
    font-size: 0.99rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 2px solid transparent;
    padding-bottom: 0.25rem;
    transition: color 200ms ease, border-color 200ms ease;
}

.top-nav-link:hover {
    color: #ffffff;
}

.top-nav-link.is-active {
    color: #e9c176;
    border-bottom-color: #e9c176;
}

.site-nav-links {
    gap: 2.25rem;
}

.site-header {
    transition: transform 260ms ease, opacity 260ms ease;
    will-change: transform, opacity;
}

.site-logo {
    height: 3rem !important;
    width: auto;
    max-width: 18rem;
    display: block;
    transform: none;
    transform-origin: left center;
    object-fit: contain;
    background-color: #121416;
    filter: invert(1) brightness(3.35) contrast(1.06);
    mix-blend-mode: screen;
    opacity: 0.96;
}

.site-header.is-hidden {
    transform: translateY(-100%);
    opacity: 0;
}