.primary-nav{align-items:center;background-color:#2b2c5e;display:flex;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw}@media screen and (min-width:1024px){.primary-nav{background-color:transparent;height:auto;position:relative;width:auto}}.primary-nav ul{display:flex;flex-direction:column;gap:clamp(1.5rem,2vw,3rem)}@media screen and (min-width:1024px){.primary-nav ul{align-items:center;display:flex;flex-direction:row;gap:2rem}}.primary-nav li.is-btn{margin-top:1rem}@media screen and (min-width:1024px){.primary-nav li.is-btn{margin-top:0}}.primary-nav li a{font-size:clamp(18px,2.5vw,40px)}@media screen and (min-width:1024px){.primary-nav li a{font-size:1rem}.primary-nav li a:not(.nav-btn){padding-bottom:8px;position:relative}}.primary-nav li a:not(.nav-btn):after{background-color:transparent;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:all .3s ease;width:100%}@media screen and (min-width:1024px){.primary-nav li a:not(.nav-btn).router-link-active:after,.primary-nav li a:not(.nav-btn):hover:after{background-color:#fff;transform:scaleX(1)}.primary-nav li a.nav-btn{transition:all .3s ease}.primary-nav li a.nav-btn:hover{color:#96262d}}.primary-nav-close{position:absolute;right:26px;top:34px}
