.jnav{--n-fg:#f3ead9;--n-bg:rgba(14,12,12,.82);--n-sheet:#120d0d;--n-accent:#d9b277;--n-font:inherit;position:fixed;top:0;left:0;right:0;z-index:7000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,3.2vw,48px);color:var(--n-fg);font-family:var(--n-font);transition:background .45s ease,padding .45s ease}
.jnav.is-scrolled{background:var(--n-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:10px;padding-bottom:10px}
.jnav__brand{display:block;line-height:0}
.jnav__brand img{height:30px;width:auto}
.jnav__links{display:flex;gap:clamp(16px,2.4vw,38px)}
.jnav__links a{position:relative;text-decoration:none;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;opacity:.82;transition:opacity .25s}
.jnav__links a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--n-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.jnav__links a:hover,.jnav__links a.is-active{opacity:1}
.jnav__links a:hover::after,.jnav__links a.is-active::after{transform:scaleX(1)}
.jnav__menu,.jnav__sheet{display:none}

@media (max-width:860px){
  .jnav{display:block;padding:0;background:none!important;backdrop-filter:none!important;pointer-events:none}
  .jnav__brand,.jnav__links{display:none}
  .jnav__menu{display:inline-flex;align-items:center;gap:10px;position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:7600;pointer-events:auto;height:46px;padding:0 20px 0 16px;border-radius:40px;background:var(--n-sheet);color:var(--n-fg);border:1px solid color-mix(in srgb,var(--n-accent) 55%,transparent);font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;font-family:var(--n-font)}
  .jnav__menu::before{content:"";width:16px;height:7px;border-top:1.5px solid var(--n-accent);border-bottom:1.5px solid var(--n-accent);transition:transform .4s}
  .jnav.is-open .jnav__menu::before{height:0;border-bottom:0;transform:rotate(0)}
  .jnav__sheet{display:flex;position:fixed;inset:0;z-index:7500;background:var(--n-sheet);color:var(--n-fg);align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s .4s}
  .jnav.is-open .jnav__sheet{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease}
  .jnav__sheetlist{display:grid;gap:6px;text-align:center}
  .jnav__sheetlist a{text-decoration:none;font-size:clamp(26px,8vw,36px);padding:8px 0;opacity:0;transform:translateY(14px);transition:opacity .5s calc(var(--i)*.06s + .1s),transform .5s calc(var(--i)*.06s + .1s);font-family:var(--n-display,var(--n-font))}
  .jnav.is-open .jnav__sheetlist a{opacity:.9;transform:none}
  .jnav__sheetlist a.is-active{color:var(--n-accent);opacity:1}
}