.site-header {
    position: sticky;
    top: 0;
    height: var(--header-height);
    margin-bottom: calc(var(--header-height) * -1);
    border-bottom: 1px solid transparent;
    z-index: 90;
}

.site-header.scrolled-down {
    background-color: var(--wp--preset--color--cream);
    border-bottom: 1px solid var(--wp--preset--color--black);
}

.site-header .site-logo {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease, transform 0.6s ease;
}

.site-header.scrolled-down .site-logo {
    filter: brightness(0) invert(0);
    transform: scale(0.75);
    transform-origin: center center;
}

body:not(.home) .site-header .site-logo {
    filter: brightness(0) invert(0);
}

.home .site-header:not(.scrolled-down) .wp-block-button.is-style-outline--1 .wp-block-button__link {
    color: var(--wp--preset--color--white);
}

.home .site-header:not(.scrolled-down) .wp-block-button:not(.is-style-outline--1) .wp-block-button__link {
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--white);
}

@media screen and (max-width: 780px) {
    .site-header .site-header--call-buttons {
        display: none;
    }

    .site-header .site-logo img {
        height: 30px;
        width: auto;
    }

    .site-header.scrolled-down .site-logo {
        transform-origin: left center;
        transform: scale(1);
    }
}

@media screen and (max-width: 480px) {
    .site-header .site-header--call-buttons {
        display: none;
    }

    .site-header .site-logo img {
        height: 25px;
        width: auto;
    }

    .site-header.scrolled-down .site-logo {
        transform-origin: left center;
        transform: scale(1);
    }
}