/* ===========================================================
   Header
=========================================================== */
.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:88px;
    z-index:1000;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(0,0,0,.05);
    transition:
        background .3s,
        box-shadow .3s,
        height .3s;
}
.header.scrolled{
    background:#ffffff;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.header__container{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.header__logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}
.header__logo img{
    display:block;
    width:176px;
    height:auto;
}
.header__nav{
    margin-left:auto;
}
.header__menu{
    display:flex;
    align-items:center;
    gap:42px;
    list-style:none;
}
.header__menu li{
    margin:0;
    padding:0;
}
.header__menu a{
    position:relative;
    display:block;
    color:#222;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}
.header__menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:var(--primary-color);
    transition:.3s;
}
.header__menu a:hover{
    color:var(--primary-color);
}
.header__menu a:hover::after{
    width:100%;
}
.header__actions{
    display:flex;
    align-items:center;
    gap:14px;
    margin-left:42px;
}
/* -------------------------------
   Hamburger
-------------------------------- */
.header__hamburger{
    display:none;
    width:48px;
    height:48px;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
}
.header__hamburger span{
    display:block;
    width:28px;
    height:2px;
    margin:6px auto;
    background:#222;
    transition:.3s;
}
.header__hamburger.is-active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
}
.header__hamburger.is-active span:nth-child(2){
    opacity:0;
}
.header__hamburger.is-active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}
/* -------------------------------
   Mobile Menu
-------------------------------- */
@media (max-width:1024px){
    .header{
        height:76px;
    }
    .header__logo img{
        width:155px;
    }
    .header__nav{
        position:fixed;
        top:76px;
        left:0;
        width:100%;
        background:#fff;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        display:none;
    }
    .header__nav.is-open{
        display:block;
    }
    .header__menu{
        flex-direction:column;
        gap:0;
    }
    .header__menu li{
        width:100%;
    }
    .header__menu a{
        display:block;
        width:100%;
        padding:18px 28px;
        border-bottom:1px solid #eee;
    }
    .header__actions{
        display:none;
    }
    .header__hamburger{
        display:block;
    }
}
@media (max-width:768px){
    .header{
        height:68px;
    }
    .header__nav{
        top:68px;
    }
    .header__logo img{
        width:140px;
    }
}