.nav{z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;transition:background-color .3s ease, box-shadow .3s ease, opacity .5s ease, translate .5s var(--ease-out);background:var(--paper);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}[data-intro=pending] .nav,[data-intro=playing] .nav{opacity:0;pointer-events:none;translate:0 -12px}.nav-logo{min-height:44px;color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.nav-menu{min-height:44px;font:600 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 4px 0 12px;display:inline-flex}.menu{z-index:60;height:100lvh;padding:env(safe-area-inset-top,0px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 24px);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.menu-top{z-index:2;height:var(--nav-h);justify-content:space-between;align-items:center;display:flex;position:relative}.menu-links{z-index:2;align-self:center;position:relative}.menu-links ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.menu-link{min-height:48px;font-family:var(--display);letter-spacing:-.015em;transition:color .2s ease, translate .3s var(--ease-out);align-items:baseline;gap:14px;font-size:clamp(34px,10vw,64px);font-weight:500;line-height:1.12;text-decoration:none;display:inline-flex}.menu-footer{z-index:2;gap:16px;display:grid;position:relative}.menu-contact{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.menu-contact>a{border-bottom:1px solid;text-decoration:none}.menu-rideau{background:var(--paper);color:var(--ink)}.menu-pieces{z-index:1;pointer-events:none;position:absolute;inset:0}.menu-piece{position:absolute}.menu-piece img{width:100%;height:auto}@media (hover:hover) and (pointer:fine){.menu-rideau .menu-link:hover{color:var(--rust);translate:8px}}@media (width>=900px){.menu{padding-inline:max(var(--gutter), calc((100% - var(--content)) / 2))}.menu-footer{grid-template-columns:280px 1fr;align-items:center}.menu-contact{justify-content:flex-end;gap:24px}}