.menu{z-index:1000;position:fixed;top:2rem;right:2rem}.menu-toggle{z-index:1001;background:var(--ink);border:1px solid var(--paper);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:3rem;height:3rem;transition:border-color .3s;display:flex;position:relative}.menu-toggle:hover{border-color:var(--red)}.menu-toggle__line{background-color:var(--paper);width:1.5rem;height:2px;transition:all .3s}.menu-toggle--open .menu-toggle__line:first-child{transform:translateY(.5rem)rotate(45deg)}.menu-toggle--open .menu-toggle__line:last-child{transform:translateY(-.5rem)rotate(-45deg)}.menu-panel{z-index:999;background-color:var(--red);clip-path:inset(0 0 100%);flex-direction:column;padding:4rem 2rem 2rem;display:none;position:fixed;inset:0;overflow:hidden}.menu-panel__top{flex-shrink:0;margin-bottom:3rem}.menu-panel__logo{color:var(--ink);text-decoration:none;transition:color .3s;display:inline-block}.menu-panel__logo:hover{color:var(--ink)}.menu-panel__body{flex:1;justify-content:space-between;align-items:stretch;min-height:0;display:flex}.menu-panel__nav{flex-direction:column;justify-content:center;gap:1.5rem;display:flex}.menu-panel__social{flex-direction:column;justify-content:center;align-items:flex-end;gap:1.25rem;display:flex}.menu-panel__link{color:var(--paper);width:fit-content;text-decoration:none;transition:color .3s,transform .3s;display:inline-block}.menu-panel__link:hover{color:var(--ink);transform:translate(1rem)}.menu-panel__label{text-transform:uppercase;letter-spacing:-3%;font-family:Palace;font-size:clamp(2rem,5vw,4rem);font-weight:400;line-height:1.2;display:block}.menu-panel__social-link{color:var(--ink);text-decoration:none;transition:color .3s,transform .3s;display:inline-block}.menu-panel__social-link:hover{color:var(--ink);transform:translate(-.5rem)}@media (max-width:768px){.menu{top:1rem;right:1rem}.menu-toggle{gap:.4rem;width:2.5rem;height:2.5rem}.menu-toggle__line{width:1.25rem}.menu-panel{padding:3rem 1.5rem 1.5rem}.menu-panel__top{margin-bottom:2rem}.menu-panel__body{flex-direction:column;justify-content:center;gap:3rem}.menu-panel__nav{gap:1rem}.menu-panel__social{border-top:1px solid #f0eff759;flex-flow:wrap;align-items:flex-start;gap:1rem;padding-top:1.5rem}.menu-panel__label{font-size:clamp(1.5rem,8vw,2.5rem)}}@media (hover:none){.menu-toggle:hover{border-color:var(--paper)}.menu-toggle:active{border-color:var(--red)}.menu-panel__logo:hover,.menu-panel__logo:active{color:var(--ink)}.menu-panel__link:hover{color:var(--paper);transform:none}.menu-panel__link:active{color:var(--ink)}.menu-panel__social-link:hover{color:var(--ink);transform:none}.menu-panel__social-link:active{color:var(--ink)}}