/* === Header === */
/* .first-header header{
    background-color: transparent;
    padding: 3rem 0;
}
.menu-static span{
    color: var(--root-inverse-color);
}
.fall-out{
    opacity: 0;
}
.first-fold .cha-header{
    background-color: var(--bg-primary-color) !important;
}
.fixed-head .site-logo img{
    max-width: 110px !important;
} */


header{
    pointer-events: auto;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    color: var(--root-inverse-color);
}
.fixed-head header{
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l), 0.95);
    pointer-events: auto;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    color: var(--root-inverse-color);
}

.fixed-head header .header-grid{padding: 0.8rem 0!important;}

.site-logo svg{
    overflow: hidden;
    height: auto;
    width: 100%;
}
.grid-nav{
    display: none;
}

@media only screen and (min-width: 769px){
    header .header-grid{padding: 3rem 0;}

    header .anim-menu-btn{
        top: 3.3rem;
        transition: all 0.3s ease-in-out 0s;
    }

    .site-logo svg{
        width: 100%;
        max-width: 150px;
    }
    .fixed-head .site-logo svg{
        max-width: 110px !important;
    }
    .fixed-head .anim-menu-btn{
        top: 1rem;
    }
}
@media only screen and (max-width: 768px){
    header .header-grid{padding: 0.5rem 0;}
    header .anim-menu-btn{
        --anim-menu-btn-size: 30px;
        top: 0.6rem;
        transition: all 0.3s ease-in-out 0s;
    }
    .site-logo svg{
        max-width: 70px;
    }
    .fixed-head .site-logo svg{
        max-width: 70px !important;
    }
    .fixed-head .anim-menu-btn{
        top: 1rem;
    }
}