.overlay{z-index:700;background:#0006;background:lab(0% 0 0/.4);position:fixed;inset:0}.menu{z-index:701;background:var(--color-secondary);width:100%;max-width:24.375rem;height:100svh;transition:transform var(--duration-normal) var(--ease);flex-direction:column;gap:4rem;padding:2rem;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.menu.open{transform:translate(0)}.menu .closeRow{align-items:center;width:100%;display:flex}.menu .closeButton{color:var(--color-white);cursor:pointer;transition:opacity var(--duration-fast) var(--ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.menu .closeButton:hover{opacity:.7}.menu .linkList{flex-direction:column;flex:1;gap:3rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.menu .link{font-family:var(--font-primary);font-size:.875rem;font-weight:var(--font-weight-regular);text-transform:uppercase;letter-spacing:1px;color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);line-height:1;text-decoration:none}.menu .link:hover{opacity:.7;text-decoration:none}.menu .actionLink{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.menu .social{align-items:center;gap:2.5rem;display:flex}.menu .socialLink{color:var(--color-white);transition:opacity var(--duration-fast) var(--ease);justify-content:center;align-items:center;text-decoration:none;display:flex}.menu .socialLink:hover{opacity:.7}