:root{--nav-height:84px;--nav-gap:24px;--menu-ease:cubic-bezier(.22,1,.36,1);--menu-glass:rgba(30,30,29,.94);--menu-ink:#f4eee4;--menu-soft:#b9b0a2;--menu-line:rgba(226,216,199,.16)}
html{scroll-padding-top:calc(var(--nav-height) + var(--nav-gap))}
.site-header{position:sticky;top:0;z-index:80;background:rgba(24,24,23,.92);color:var(--menu-ink);backdrop-filter:blur(16px)}
.site-header .masthead{min-height:84px;padding-block:18px;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.site-header .brand{line-height:1.6;font-size:12px;letter-spacing:.12em;text-decoration:none}
.desktop-nav{display:flex;align-items:center;gap:clamp(20px,3vw,44px)}
.desktop-nav a{font-size:13px;letter-spacing:.08em;text-decoration:none;opacity:.76;transition:opacity .2s;padding-block:12px}
.desktop-nav a:hover,.desktop-nav a[aria-current]{opacity:1}
.menu-toggle,.menu-layer{display:none}
@media(max-width:1024px){
 .site-header .masthead{min-height:76px;padding-block:14px}
 .desktop-nav{display:none}
 .menu-toggle{width:44px;height:44px;flex:none;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(12,18,16,.18);display:grid;place-content:center;gap:6px;cursor:pointer}
 .menu-toggle span{display:block;width:17px;height:1px;background:#fff;transform-origin:center;transition:transform .68s var(--menu-ease)}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .menu-layer{display:block;position:fixed;z-index:70;inset:0;pointer-events:none;visibility:hidden;transition:visibility 0s linear .68s}
 .menu-layer.is-open{pointer-events:auto;visibility:visible;transition-delay:0s}
 .menu-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(9,14,12,.46);opacity:0;backdrop-filter:blur(0);transition:opacity .64s ease,backdrop-filter .72s ease}
 .menu-layer.is-open .menu-scrim{opacity:1;backdrop-filter:blur(6px);transition-duration:.82s,.9s}
 .mobile-menu{position:relative;width:100%;max-height:calc(100svh - 22px);padding:calc(var(--nav-height) + 28px) clamp(24px,6vw,64px) 28px;border-radius:0 0 28px 28px;color:var(--menu-ink);background:var(--menu-glass);box-shadow:0 28px 90px rgba(0,0,0,.36);backdrop-filter:blur(24px) saturate(1.15);transform:translateY(calc(-100% - 30px));transition:transform .66s cubic-bezier(.4,0,.6,1);overflow-y:auto;overscroll-behavior:contain}
 .menu-layer.is-open .mobile-menu{transform:translateY(0);transition-duration:.94s;transition-timing-function:cubic-bezier(.16,.78,.18,1)}
 .menu-eyebrow{margin:0 0 18px;color:#d3b89e;font:650 10px/1.4 system-ui;letter-spacing:.24em;opacity:0;transform:translateY(-8px);filter:blur(3px);transition:opacity .35s,transform .52s var(--menu-ease),filter .48s}
 .menu-layer.is-open .menu-eyebrow{opacity:1;transform:none;filter:none;transition-delay:.34s}
 .mobile-menu nav{border-top:1px solid var(--menu-line)}
 .mobile-menu nav a{min-height:88px;display:grid;grid-template-columns:32px 1fr 12px;align-items:center;gap:10px;border-bottom:1px solid var(--menu-line);text-decoration:none;outline-offset:-2px;opacity:0;transform:translateY(-13px);filter:blur(4px);transition:opacity .4s,transform .62s var(--menu-ease),filter .52s}
 .menu-layer.is-open nav a{opacity:1;transform:none;filter:none}
 .menu-layer.is-open nav a:nth-child(1){transition-delay:.42s}.menu-layer.is-open nav a:nth-child(2){transition-delay:.50s}.menu-layer.is-open nav a:nth-child(3){transition-delay:.58s}.menu-layer.is-open nav a:nth-child(4){transition-delay:.66s}
 .menu-number{color:var(--menu-soft);font:600 10px/1 system-ui;letter-spacing:.12em}
 .menu-label{display:flex;flex-direction:column;gap:5px}.menu-label strong{font:400 25px/1.4 var(--font-reading)}.menu-label small{color:var(--menu-soft);font-size:12px;line-height:1.5}
 .mobile-menu nav a>i{width:6px;height:6px;border-radius:50%;background:#d3b89e;opacity:0;transform:scale(.25);transition:opacity .38s,transform .52s cubic-bezier(.2,1.5,.4,1)}
 .menu-layer.is-open nav a[aria-current]>i{opacity:1;transform:scale(1);transition-delay:.76s}
 .menu-footer{padding-top:20px;font-size:12px;color:var(--menu-soft);opacity:0;transform:translateY(-7px);transition:opacity .42s,transform .58s var(--menu-ease)}
 .menu-layer.is-open .menu-footer{opacity:1;transform:none;transition-delay:.74s}
}
@media(prefers-reduced-motion:reduce){.menu-layer,.menu-layer *,.menu-toggle span{transition:none!important;scroll-behavior:auto!important}}
