@media (max-width:980px){.topbar{display:none}html{overflow-x:clip}.navlinks,.navacts{display:none}.navdrawer{display:block;margin-left:auto;order:3}.navdrawer>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:56px;height:56px;padding:0;border:3px solid var(--ink);background:var(--pink);box-shadow:5px 5px 0 var(--ink);position:relative;z-index:70;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.navdrawer>summary::-webkit-details-marker{display:none}.navdrawer>summary:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.navdrawer[open]>summary{background:var(--orange)}.navdrawer>summary .lbl-open,.navdrawer>summary .lbl-close{display:none}.navdrawer>summary .bars{display:grid;gap:5px;width:24px}.navdrawer>summary .bars i{display:block;width:24px;height:3px;background:var(--ink);transition:transform var(--t-panel) var(--e-out),opacity var(--t-fast);transform-origin:center}.navdrawer[open]>summary .bars i:nth-child(1){transform:translateY(8px) rotate(45deg)}.navdrawer[open]>summary .bars i:nth-child(2){opacity:0;transform:scaleX(.2)}.navdrawer[open]>summary .bars i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body:has(.navdrawer[open]) .sitenav{z-index:60}.navscrim{position:fixed;inset:0;z-index:40;background:rgb(2 2 2 / .55);opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:var(--t-scrim),var(--t-scrim);transition-timing-function:var(--e-out),linear;transition-behavior:allow-discrete}.sitenav:has(.navdrawer[open])~.navscrim,body:has(.navdrawer[open]) .navscrim{opacity:1;visibility:visible}.navpanel{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(86vw, 360px);display:grid;grid-template-rows:auto 1fr auto;align-content:start;gap:0;padding:96px 26px 32px;background:var(--bg);border-left:3px solid var(--ink);box-shadow:-12px 0 0 rgb(2 2 2 / .12);overflow-y:auto;overscroll-behavior:contain;translate:100% 0;visibility:hidden;transition-property:translate,visibility;transition-duration:var(--t-panel),var(--t-panel);transition-timing-function:var(--e-out),linear;transition-behavior:allow-discrete}body:has(.navdrawer[open]) .navpanel{translate:0 0;visibility:visible}.navpanel::before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,var(--pink) 0 33%,var(--orange) 33% 66%,var(--sky) 66% 100%);border-right:3px solid var(--ink)}body:has(.navdrawer[open]){overflow:hidden}body:has(.navdrawer[open]) .navlinks{display:grid;gap:0;font-size:16px;letter-spacing:.16em}body:has(.navdrawer[open]) .navlinks a{padding:18px 2px;border-bottom:3px solid var(--ink);border-top:0}body:has(.navdrawer[open]) .navlinks a[aria-current=page]{color:var(--pink-dark);border-bottom-color:var(--pink)}body:has(.navdrawer[open]) .navacts{display:grid;gap:14px;padding:26px 0 8px;justify-items:stretch}body:has(.navdrawer[open]) .navacts .btn{width:100%;justify-content:center}body:has(.navdrawer[open]) .navlinks a,body:has(.navdrawer[open]) .navacts{animation:compassDrawerItem 340ms var(--e-out) both}body:has(.navdrawer[open]) .navlinks a:nth-child(1){animation-delay:90ms}body:has(.navdrawer[open]) .navlinks a:nth-child(2){animation-delay:135ms}body:has(.navdrawer[open]) .navlinks a:nth-child(3){animation-delay:180ms}body:has(.navdrawer[open]) .navlinks a:nth-child(4){animation-delay:225ms}body:has(.navdrawer[open]) .navacts{animation-delay:270ms}}@keyframes compassDrawerItem{from{opacity:0;translate:14px 0}to{opacity:1;translate:0 0}}@media (prefers-reduced-motion:reduce){.navpanel,.navscrim,.navdrawer>summary .bars i{transition:none}.navlinks a,.navacts{animation:none!important}}