.static-menu { position: fixed; inset: 0; z-index: 200; display: flex; visibility: hidden; flex-direction: column; overflow-y: auto; padding: 24px var(--page-pad) 28px; background: var(--white, #fff); opacity: 0; transform: translateY(-18px); transition: opacity .28s ease, transform .4s var(--ease-out), visibility .28s; }
.static-menu.is-open { visibility: visible; opacity: 1; transform: none; }
.static-menu-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 38px; border-bottom: 1px solid var(--ink); }
.static-menu-close { border: 0; background: none; color: var(--ink); font: inherit; font-size: 11px; letter-spacing: .1em; cursor: pointer; }
.static-menu nav { display: grid; margin-top: 12px; }
.static-menu nav a { display: grid; grid-template-columns: 44px 1fr; align-items: center; min-height: 78px; border-bottom: 1px solid var(--ink); font-size: clamp(34px, 11vw, 54px); font-weight: 600; letter-spacing: -.07em; }
.static-menu nav span { align-self: start; padding-top: 19px; font-size: 10px; letter-spacing: .08em; }
.static-menu > p { margin-top: auto; font-size: 10px; line-height: 1.8; letter-spacing: .05em; }
body.menu-open { overflow: hidden; }
.reveal,
.static-js .reveal,
.static-js .reveal:not(.is-visible) { opacity: 1 !important; transform: none !important; }
/* The circular menu trigger is visible on desktop as well as mobile. */