.hamburger-container{position:relative}.hamburger-button{background-color:var(--secondary);padding:12px;font-size:1.5rem;transition:all .1s;box-shadow:4px 6px #000;border:3px solid #000!important}.hamburger-button:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.hamburger-button:active{transform:translate(6px,6px);box-shadow:0 0 #000}.hamburger-icon{flex-direction:column;justify-content:space-between;width:28px;height:20px;display:flex;position:relative}.bar{background-color:#000;border-radius:0;width:100%;height:3px;transition:all .2s}.hamburger-icon.open .bar:first-child{transform:translateY(8.5px)rotate(45deg)}.hamburger-icon.open .bar:nth-child(2){opacity:0}.hamburger-icon.open .bar:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}.hamburger-nav{z-index:30;opacity:0;pointer-events:none;transform-origin:100% 0;border:4px solid #000;border-radius:0;width:18rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:scale(.95)translateY(-10px);box-shadow:6px 0 #000}.hamburger-nav.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.hamburger-menu{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hamburger-menu li:last-child{border-bottom:none}.hamburger-menu li{text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid #000;width:100%;padding:1rem 1.25rem;font-weight:700;transition:all .1s;display:block}.hamburger-nav.open .hamburger-menu li{opacity:0;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards brutalSlideIn}.hamburger-nav.open .hamburger-menu li:first-child{animation-delay:50ms}.hamburger-nav.open .hamburger-menu li:nth-child(2){animation-delay:.1s}.hamburger-nav.open .hamburger-menu li:nth-child(3){animation-delay:.15s}.hamburger-nav.open .hamburger-menu li:nth-child(4){animation-delay:.2s}.hamburger-nav.open .hamburger-menu li:nth-child(5){animation-delay:.25s}@keyframes brutalSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}
.nav-border{box-shadow:6px 6px 0 0 var(--neo-shadow);border-bottom:3px solid #000}.nav-link{color:var(--text-primary);padding:.5rem 0;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}