@keyframes appear{0%{opacity:0}to{opacity:1}}.sp-logo{opacity:0;position:fixed;left:16px;top:8px;z-index:101;width:3rem;animation:.25s ease-in 0s forwards appear;cursor:pointer}nav{margin-top:.5rem;display:flex;justify-content:right;align-items:flex-end;opacity:0;animation:.25s ease-in 0s forwards appear;z-index:99}nav a,nav button{padding:.5rem 1rem;margin:.5rem 1rem;text-decoration:none;text-transform:uppercase}nav button{outline:none;background:none;border:none;box-sizing:content-box}.nav-trigger{position:absolute;width:calc(100% - 32px);height:32px;text-align:right;padding-top:24px;padding-right:32px;background-color:#231f20;pointer-events:none;line-height:1;cursor:pointer;opacity:0;z-index:100}@media only screen and (max-width: 960px){.sp-logo{cursor:pointer}nav{overflow:hidden auto;padding:3rem 2rem;margin-top:0!important;height:100%;position:fixed;width:200px;right:calc(-200px - 4rem);background-color:#231f20;display:block!important;transition:.3s}nav.active{right:0;box-shadow:0 0 10px 10px #231f20;z-index:1}nav a,nav button{margin:1rem auto;display:block;font-size:1rem;margin-left:0}.nav-trigger{pointer-events:inherit;animation:.25s ease-in 0s forwards appear}}