/* The existing header stays in place while its modal navigation is open. */
#site-menu{padding-top:calc(var(--menu-header-height,100px) + 24px);overflow-y:auto;overscroll-behavior:contain;background:transparent;isolation:isolate}
#site-menu::backdrop{background:transparent}
#site-menu>.menu-surface{position:fixed;inset:0;z-index:-1;background:var(--paper);pointer-events:none}
#site-menu[data-phase=closing]>nav{pointer-events:none}
#site-menu>.site-header{background:var(--paper)}
#site-menu>.site-header .atelier-entry{visibility:hidden;pointer-events:none}
#site-menu>nav{flex-shrink:0;margin:clamp(16px,4dvh,48px) 0 auto;padding-bottom:24px}
#site-menu .menu-toggle[aria-expanded=true] .menu-line:first-child{transform:translateY(3.75px) rotate(45deg)}
#site-menu .menu-toggle[aria-expanded=true] .menu-line:last-child{transform:translateY(-3.75px) rotate(-45deg)}
#site-menu nav .menu-locked{position:relative;opacity:1}
#site-menu nav .menu-locked>small,#site-menu nav .menu-locked>.menu-locked-label,#site-menu nav .menu-locked>.menu-lock-icon{opacity:.42}
#site-menu nav .menu-locked:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:4px}
.locked-tooltip{position:absolute;z-index:30;display:block;padding:7px 10px;border-radius:7px;background:var(--ink);color:var(--paper);font:400 11px/1.35 var(--studio-font);letter-spacing:0;white-space:nowrap;pointer-events:none;box-shadow:0 3px 12px #00000010;animation:soon-appear .14s ease-out}
.locked-tooltip[hidden]{display:none}
.atelier-entry>.locked-tooltip{top:calc(100% + 3px);right:-12px}
.menu-locked>.locked-tooltip{right:clamp(36px,4vw,70px);top:50%;margin-top:-15px}
@keyframes soon-appear{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){#site-menu{padding-left:26px;padding-right:26px}#site-menu>nav{margin-top:clamp(24px,6dvh,72px)}}
@media(max-width:600px){#site-menu{padding-left:20px;padding-right:20px;padding-bottom:24px}#site-menu>nav{margin-top:clamp(20px,4dvh,36px);padding-bottom:24px}.locked-tooltip{font-size:11px}}
@media(prefers-reduced-motion:reduce){.locked-tooltip{animation:none}}