.site-header .menu-button{width:auto;min-width:88px;display:flex;align-items:center;justify-content:center;gap:14px;font:inherit;font-size:13px;letter-spacing:.02em;border:1px solid currentColor;border-radius:30px;padding:11px 17px;background:transparent;color:inherit}
.menu-lines{display:block;width:16px;height:9px;border-block:1px solid currentColor}
#menu{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--ink);color:var(--white);overflow:hidden}
#menu[open]{display:grid;grid-template-columns:1fr 1fr;animation:menu-reveal .45s cubic-bezier(.22,1,.36,1)}
#menu::backdrop{background:var(--ink);animation:menu-backdrop-in .45s ease both}
#menu[open].is-closing{animation:menu-dismiss .32s cubic-bezier(.4,0,.6,1) both;pointer-events:none}
#menu.is-closing::backdrop{animation:menu-backdrop-out .32s ease both}
body:has(#menu[open]){overflow:hidden}
#menu .menu-content{padding:5vh 6vw 4vh;display:flex;flex-direction:column;min-height:0;overflow:auto}
#menu .menu-brand{display:flex;align-items:center;gap:22px;font-size:30px;letter-spacing:-.07em;width:max-content;line-height:1}
#menu .menu-brand span{font-size:10px;letter-spacing:.16em;color:var(--gold)}
#menu nav{display:flex;flex-direction:column;gap:0;margin:7vh 0 6vh;padding:0;flex:1;align-items:stretch}
#menu nav>a,#menu nav>.menu-pending{display:flex;align-items:baseline;gap:26px;padding:6px 0;font-size:clamp(34px,3.65vw,76px);font-weight:400;line-height:1.2;letter-spacing:-.055em;transition:color .2s,transform .3s}
#menu nav small{width:20px;flex:none;font-size:10px;letter-spacing:.03em;color:var(--gold)}
#menu nav>a:hover{color:var(--gold);transform:translateX(8px)}
#menu nav>a:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
#menu nav>.menu-featured{color:var(--gold)}
#menu nav>.menu-pending{opacity:.38;cursor:default}
#menu .menu-foot{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--gold);margin-top:auto;padding-top:20px}
#menu .menu-photograph{position:relative;height:100%;min-width:0;margin:0;overflow:hidden}
#menu .menu-photograph img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block;animation:menu-photo 1.2s cubic-bezier(.22,1,.36,1)}
#menu .menu-photograph::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#20262e99);pointer-events:none}
#menu figcaption{position:absolute;bottom:4vh;left:3vw;z-index:1;font-size:12px;letter-spacing:.02em}
#menu .menu-close{position:absolute;z-index:2;top:28px;right:3vw;display:flex;gap:18px;align-items:center;justify-content:center;width:auto;height:auto;border:1px solid #fffaf680;border-radius:30px;background:#20262e33;color:var(--white);padding:11px 18px;font:inherit;font-size:12px;backdrop-filter:blur(12px)}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes menu-dismiss{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}
@keyframes menu-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes menu-backdrop-out{from{opacity:1}to{opacity:0}}
@keyframes menu-photo{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:760px){#menu[open]{grid-template-columns:1fr}#menu .menu-content{padding:35px 7vw 28px}#menu .menu-photograph{display:none}#menu nav{margin:8vh 0 5vh}#menu nav>a,#menu nav>.menu-pending{font-size:clamp(35px,9vw,56px);padding:8px 0;gap:18px}#menu .menu-close{right:6vw;top:28px}#menu .menu-brand span{max-width:70px;line-height:1.7}.site-header .menu-button{min-width:0;padding:10px 13px;gap:10px}}
@media(max-height:650px) and (min-width:761px){#menu nav{margin:30px 0}#menu nav>a,#menu nav>.menu-pending{font-size:clamp(28px,5vh,42px)}}
@media(prefers-reduced-motion:reduce){#menu[open],#menu[open].is-closing,#menu::backdrop,#menu .menu-photograph img{animation:none}#menu nav>a{transition:none}}

.motion-off #menu[open],.motion-off #menu::backdrop,.motion-off #menu .menu-photograph img{animation:none}