nav{display:block;width:85%;height:100%;max-width:360px;position:fixed;top:0;left:0;transform:translateX(-100%);background-color:#fff;box-sizing:border-box;box-shadow:0 0 16px transparent;transition:transform .3s ease-in-out;will-change:transform;overflow-y:auto;z-index:2}nav.is-open{box-shadow:0 0 16px rgba(0,0,0,.8);left:0;transform:translateX(0)}nav ul{list-style:none;margin:0;padding:0;padding-left:24px}nav>ul:first-child{padding-top:32px}nav>ul:last-child{padding-bottom:32px}nav ul li:before{content:none}nav ul li{margin:0}nav ul li.heading,nav ul li.subheading,nav ul li a{display:block;text-decoration:none;padding:12px 32px}nav ul li.subheading{font-style:italic;padding-bottom:0;opacity:.7}nav>ul{margin:0;padding:0;padding-top:24px;padding-bottom:24px}nav .current-page a{color:rgba(0,0,0,.26)}.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease-in-out;z-index:1;pointer-events:none}.nav-backdrop.is-open{opacity:1;pointer-events:all;-ms-touch-action:none;touch-action:none}@media (min-width:960px){nav{position:relative;min-width:auto;height:auto;border-right-style:solid;border-color:rgba(0,0,0,.12);border-width:1px;box-shadow:none;transition:none;transform:translateX(0)}nav>ul{padding-top:24px;padding-bottom:24px}nav>ul:first-child{padding-top:64px}nav>ul:last-child{padding-bottom:64px}.nav-backdrop,.nav-backdrop.isOpen{display:none}nav ul li.heading,nav ul li.subheading,nav ul li a{display:block;text-decoration:none;padding:12px 64px}}