.header .nav{background:rgba(39,42,41,.94);transition:visibility 0s .68s;overscroll-behavior:contain}
.header .nav.open{transition:visibility 0s}
.nav-intro,.nav-links,.nav-bottom{opacity:0;transform:translateX(22px);transition:opacity .2s ease,transform .3s ease}
.nav.open .nav-intro,.nav.open .nav-links,.nav.open .nav-bottom{opacity:1;transform:translateX(0);transition-duration:.45s;transition-delay:.2s}
.nav.open .nav-links{transition-delay:.26s}.nav.open .nav-bottom{transition-delay:.32s}
.header.menu-active .menu:before{background:transparent;box-shadow:none}
.menu span{transition:transform .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),left .55s cubic-bezier(.22,1,.36,1)}
.menu[aria-expanded=true] span{width:58px;left:6px}
.menu[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(35deg)}
.menu[aria-expanded=true] span:nth-child(2){transform:translateY(-7px) rotate(-35deg)}
.nav .nav-contact{background:#d6dcda;border:1px solid #d6dcda;color:#25312e;border-radius:2px;transition:background-color .25s,color .25s,border-color .25s}
.nav .nav-contact:is(:hover,:focus-visible,:active){background:#f5f7f6;border-color:#f5f7f6;color:#172420}
.nav .nav-contact:focus-visible{outline-color:#fff}
@media(max-width:620px){.menu[aria-expanded=true] span{width:44px;left:9px}.nav-intro,.nav-links,.nav-bottom{transform:translateX(12px)}}
@media(prefers-reduced-motion:reduce){.header .nav,.nav-intro,.nav-links,.nav-bottom,.menu span{transition:none!important}}