/* The navigation lives off-canvas until it slides in from the right. */
#site-menu{position:fixed!important;inset:0!important;z-index:31;display:grid!important;grid-template-columns:repeat(3,1fr);background:#181715 url('assets/page05-02.jpg') 74% center/cover no-repeat;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:transform .55s cubic-bezier(.77,0,.18,1),opacity .25s ease,visibility 0s linear .55s!important}#site-menu:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.32))}#site-menu a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.55);color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.85);font:500 clamp(38px,5.5vw,82px)/1 'DM Sans',sans-serif;letter-spacing:-.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);transition:background .25s}.menu-open #site-menu{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto;animation:none;transition-delay:0s!important}.menu-open #site-menu a{animation:none}.menu-open #site-menu a:hover{background:rgba(255,255,255,.14)}@media(max-width:700px){#site-menu{background-position:66% center}#site-menu a{font-size:33px}}