.menu{--menu-panel:color-mix(in srgb, var(--color-ink) 4%, var(--color-paper));--menu-edge:color-mix(in srgb, var(--color-ink) 28%, transparent);--menu-dim:color-mix(in srgb, var(--color-ink) 50%, transparent);--menu-open:.46s;--menu-ease:cubic-bezier(.16, 1, .3, 1);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-ink);font-family:var(--font-body);text-transform:none;letter-spacing:normal;background:0 0;border:0;margin:0;padding:0;font-weight:400;position:fixed;inset:0;overflow:hidden}.menu::backdrop{background:0 0}html:has(.menu[open]){overflow:hidden}.menu-trigger[data-open]{visibility:hidden}.menu-veil{inset:var(--menu-top) 0 0;background:color-mix(in srgb, var(--color-paper) 62%, transparent);animation:menu-fade var(--menu-open) var(--menu-ease);position:absolute}.menu-close{left:var(--menu-x);top:var(--menu-y);height:var(--menu-h);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6em;font-size:.6875rem;display:inline-flex;position:absolute}.menu-close-word{text-decoration:underline;-webkit-text-decoration-color:var(--color-art);text-decoration-color:var(--color-art);text-underline-offset:.7em;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;text-decoration-thickness:1.5px;position:absolute;overflow:hidden}.menu-close svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:1rem;height:1rem}.menu-close:focus-visible{outline:2px solid var(--color-art);outline-offset:4px}.menu-panel{top:var(--menu-top);padding:1.25rem var(--spacing-gutter) 1.75rem;border-bottom:1px solid var(--menu-edge);background:var(--menu-panel);animation:menu-unfold var(--menu-open) var(--menu-ease) both;position:absolute;left:0;right:0}.menu-panel:before,.menu-panel:after{content:"";pointer-events:none;position:absolute}.menu-panel nav{max-height:calc(100dvh - var(--menu-top) - 8rem);overscroll-behavior:contain;overflow-y:auto}.menu-list{display:grid}.menu-list li,.menu-external{animation:menu-arrive .42s var(--menu-ease) both;animation-delay:calc(90ms + var(--i,0) * 28ms)}.menu-item{min-height:2.75rem;font-family:var(--font-display);align-items:center;gap:.9rem;padding-block:.2rem;font-size:clamp(1.625rem,6.4vw,1.875rem);line-height:1.2;display:inline-flex}.menu-item-name{--misreg:0px;transition:text-shadow var(--misreg-duration) var(--misreg-ease)}.menu-item-arrow{opacity:0;width:1.1rem;transition:opacity .2s var(--misreg-ease), translate .2s var(--misreg-ease);translate:-.4rem}@media (hover:hover){a.menu-item:hover .menu-item-name{--misreg:var(--misreg-rest);text-shadow:calc(var(--misreg) * -1) 0 0 var(--color-war), var(--misreg) 0 0 var(--color-art)}a.menu-item:hover .menu-item-arrow{opacity:1;translate:0}}a.menu-item:focus-visible{outline:none}a.menu-item:focus-visible .menu-item-name{--misreg:var(--misreg-rest);text-shadow:calc(var(--misreg) * -1) 0 0 var(--color-war), var(--misreg) 0 0 var(--color-art);text-decoration:underline;-webkit-text-decoration-color:var(--color-art);text-decoration-color:var(--color-art);text-underline-offset:.25em;text-decoration-thickness:1px}a.menu-item:focus-visible .menu-item-arrow{opacity:1;translate:0}a.menu-item:active .menu-item-name{--misreg:var(--misreg-press)}.menu-soon{color:var(--menu-dim);gap:.8rem}.menu-soon-tag{letter-spacing:.3em;font-size:.6875rem;font-style:normal}.menu-external{border-top:1px solid var(--menu-edge);letter-spacing:.3em;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;margin-top:1rem;padding-top:1rem;font-size:.75rem;display:inline-flex}.menu-external:focus-visible{outline:2px solid var(--color-art);outline-offset:4px}.menu-panel:before,.menu-panel:after{height:1px;transition:translate .3s var(--menu-ease);bottom:-1px;left:0;right:0}.menu-panel:before{background:color-mix(in srgb, var(--color-war) 70%, transparent);translate:0 3px}.menu-panel:after{background:color-mix(in srgb, var(--color-art) 80%, transparent);translate:0 6px}@media (min-width:768px){.menu-close{letter-spacing:.2em;font-size:.875rem}.menu-close-word{clip-path:none;width:auto;height:auto;position:static}.menu-close svg{width:.85em;height:.85em}.menu-panel{top:calc(var(--menu-top) + .5rem);border:1px solid var(--menu-edge);width:26rem;padding:1.75rem 2.75rem 2rem;left:2.5rem;right:auto}.menu-panel nav{max-height:calc(100dvh - var(--menu-top) - 12rem);overflow-y:auto}.menu-panel:before,.menu-panel:after{height:auto;animation:menu-register var(--menu-open) var(--menu-ease) both;background:0 0;inset:-1px}.menu-panel:before{border:1px solid color-mix(in srgb, var(--color-war) 60%, transparent);--from:-12px -9px;translate:-3px -3px}.menu-panel:after{border:1px solid color-mix(in srgb, var(--color-art) 70%, transparent);--from:12px 9px;translate:3px 3px}.menu-item{font-size:clamp(1.625rem,2.1vw,2rem)}}.menu[data-closing] .menu-panel{animation:.22s cubic-bezier(.4,0,1,1) both menu-fold}.menu[data-closing] .menu-veil{animation:.22s cubic-bezier(.4,0,1,1) reverse both menu-fade}@keyframes menu-unfold{0%{clip-path:inset(0 0 100%);translate:0 -.5rem}to{clip-path:inset(-1rem)}}@keyframes menu-fold{0%{clip-path:inset(-1rem);opacity:1}to{clip-path:inset(0 0 100%);opacity:0}}@keyframes menu-arrive{0%{opacity:0;translate:0 .5rem}}@keyframes menu-register{0%{translate:var(--from);opacity:0}}@keyframes menu-fade{0%{opacity:0}}
