/* Shared navigation across the Wano site */
.site-nav { position: fixed !important; inset: 0 0 auto !important; z-index: 100 !important; height: 78px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 4.5vw !important; background: rgba(11,11,10,.93) !important; color: #f1eee6 !important; border-bottom: 1px solid rgba(241,238,230,.22); backdrop-filter: blur(14px); }
.site-nav .brand-logo { position: relative; display: block; width: 168px; height: 48px; overflow: hidden; flex: none; }
.site-nav .brand-logo img { position: absolute; top: -58px; left: 0; width: 168px; height: 168px; filter: invert(1); }
.site-nav-links { display: flex; align-items: center; gap: 22px; }
.site-nav-links > a, .site-nav-menu summary { color: inherit; text-decoration: none; white-space: nowrap; cursor: pointer; font: 500 12px 'DM Mono', monospace; letter-spacing: .12em; }
.site-nav-links > a:hover, .site-nav-menu summary:hover { color: #f3a6a3; }
.site-nav-menu { position: relative; }
.site-nav-menu summary { list-style: none; }
.site-nav-menu summary::-webkit-details-marker { display: none; }
.site-nav-menu summary::after { content: ' +'; color: #f3a6a3; }
.site-nav-menu[open] summary::after { content: ' −'; }
.site-nav-panel { position: absolute; top: 27px; right: 0; width: 255px; padding: 10px 0; background: #10100f; border: 1px solid rgba(241,238,230,.22); box-shadow: 0 16px 35px rgba(0,0,0,.28); }
.site-nav-panel a { display: grid; gap: 4px; padding: 12px 15px; color: #f1eee6; text-decoration: none; }
.site-nav-panel a:hover { background: #f3a6a3; color: #17100e; }
.site-nav-panel strong { font: 500 10px 'DM Mono', monospace; letter-spacing: .1em; }
.site-nav-panel small { color: inherit; opacity: .72; font: 500 11px/1.35 Manrope,Arial,sans-serif; }
.site-nav .site-instagram { display: grid; place-items: center; width: 18px; height: 18px; }
.site-nav .site-instagram svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.site-menu-location { margin: 0 0 13px; color: #f3a6a3; font: 500 10px 'DM Mono', monospace; letter-spacing: .18em; }
.site-menu-location.is-terrace { margin: 0 0 20px; font-size: 13px; letter-spacing: .22em; }
.site-midtown-eyebrow { display: inline-block; padding: 8px 11px; border: 1px solid currentColor; background: rgba(16,16,15,.52); letter-spacing: .18em; }
@media (max-width:720px) { .site-nav { height:65px !important; padding:0 12px !important; } .site-nav .brand-logo { width:85px; height:34px; } .site-nav .brand-logo img { top:-28px; width:85px; height:85px; } .site-nav-links { gap:8px; } .site-nav-links > a, .site-nav-menu summary { font-size:9px; letter-spacing:.06em; } .site-nav .site-instagram { display:none; } .site-nav-panel { right:auto; left:0; width:min(255px,calc(100vw - 24px)); } .site-location-menu .site-nav-panel { right:0; left:auto; } .site-midtown-eyebrow { padding:7px 9px; } }