.menu{z-index:10;position:absolute;top:0;left:50%;transform:translate(-50%)}.menuContainer{background-color:var(--dark-blue);flex-direction:column;align-items:stretch;width:max-content;display:flex}.menuContainer button{background-color:var(--light-blue);clip-path:polygon(0 0,100% 0,100% calc(100% - .6rem),0 100%)}.menuTrigger{appearance:none;width:100%;font-family:var(--font-heading);color:var(--light-grey);letter-spacing:.04em;text-align:center;cursor:pointer;background:0 0;border:none;padding:1rem 5rem;font-size:2rem;font-weight:400}.menuListShell{pointer-events:none;width:100%;min-width:max-content;overflow:hidden}.menu.is-open .menuListShell{pointer-events:auto}.menu:not(.is-open) .menuListShell{opacity:0;height:0}.menuList{flex-direction:column;align-items:center;gap:.6rem;width:100%;margin:0;padding:.75rem 1rem;list-style:none;display:flex}.menuLink{font-family:var(--font-heading);color:var(--light-grey);letter-spacing:.04em;text-align:center;white-space:nowrap;font-size:2rem;font-weight:400;text-decoration:none;transition:color .15s;display:block}.menuLink:hover,.menuLink:focus-visible{color:#fff}.menuLinkActive{border-top:.1rem solid var(--light-grey);font-size:1.7rem}@media (width<=768px){.menuTrigger{padding:.5rem 0;font-size:1.5rem}.menuList,.menuLink{font-size:1.2rem}}