.nav .wrap,.brand,.brand:before,.nav .btn,.navlinks a:not(.btn){transition:height .25s ease,font-size .25s ease,width .25s ease,flex-basis .25s ease,padding .25s ease}
.nav.is-compact .wrap{height:62px}
.nav.is-compact .brand{font-size:1.25rem}
.nav.is-compact .brand:before{width:34px;height:34px;flex-basis:34px}
.nav.is-compact .brand small{font-size:.52rem}
.nav.is-compact .navlinks a:not(.btn){padding:18px 0 15px}
.nav.is-compact .navlinks a:not(.btn):after{bottom:9px}
.nav.is-compact .btn{padding:9px 15px}
@media(max-width:900px){.nav.is-compact .navlinks.open{top:62px}.nav.is-compact .navlinks a:not(.btn){padding:7px 0}.nav.is-compact .navlinks a:not(.btn):after{bottom:2px}}
@media(max-width:560px){.nav.is-compact .brand:before{width:30px;height:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.nav .wrap,.brand,.brand:before,.nav .btn,.navlinks a:not(.btn){transition:none}}