/* ===================================================
   HEADER
=================================================== */

.site-header.is-scrolled {

}
.site-header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:90px;

    background:#fff;

    border-bottom:1px solid #ececec;

    z-index:9999;

    transition:

        background .35s ease,

        box-shadow .35s ease,

        transform .35s ease;

}
.site-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;

    height: 100%;
    padding: 0 80px;
}

.site-header__logo {
    display: flex;
    align-items: center;
}

.site-header__logo-image {
    width: 160px;
    height: auto;
}

.site-header__nav-list {
    display: flex;
    align-items: center;
    gap: 72px;

    margin: 0;
    padding: 0;
    list-style: none;
}

    .site-header__nav-link {
    position: relative;

    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;

    color: #333;

    transition:
        color .3s ease,
        opacity .3s ease;
}

.site-header__nav-link:hover,
.site-header__nav-link:focus-visible {
    color: var(--color-primary);
}


.site-header.is-scrolled{

    box-shadow:

        0 8px 24px rgba(0,0,0,.08);

}