.nav-expanded{z-index:4;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:clamp(40px,9vh,96px);right:clamp(8px,2vw,28px)}.nav-expanded .nav-head{color:#6f6c64;margin-bottom:var(--space-3);align-items:center;gap:10px;display:flex}.nav-expanded .nav-head .rule{background:var(--warm-gray);width:40px;height:1px}.nav-list{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.nav-link{cursor:pointer;text-align:right;color:var(--ink-black);background:0 0;border:none;grid-template-columns:auto auto auto;align-items:baseline;gap:14px;padding:6px 0;display:grid}.nav-link .ix{font-family:var(--font-mono);letter-spacing:.1em;color:var(--warm-gray);transition:color var(--duration-interaction) var(--ease-out-expo);font-size:.72rem}.nav-link .lbl{font-family:var(--font-body);letter-spacing:-.01em;font-size:clamp(2rem,2vw,3rem);font-weight:500;line-height:1;position:relative}.nav-link .lbl:after{content:"";background:var(--muted-sage);height:2px;transition:right var(--duration-transition) var(--ease-out-expo);position:absolute;bottom:-3px;left:0;right:100%}.nav-link .arr{font-family:var(--font-mono);color:var(--warm-gray);opacity:0;transition:transform var(--duration-interaction) var(--ease-out-expo), opacity var(--duration-interaction) var(--ease-out-expo), color var(--duration-interaction) var(--ease-out-expo);font-size:1rem;transform:translate(-6px)}.nav-link:hover .ix{color:var(--ink-black)}.nav-link:hover .lbl:after{right:0}.nav-link:hover .arr{opacity:1;color:var(--ink-black);transform:translate(0)}.nav-collapsed{width:84px;padding:var(--space-3) 0;z-index:20;border-right:1px solid var(--warm-gray);opacity:0;transition:transform var(--duration-transition) var(--ease-out-expo), opacity var(--duration-transition) var(--ease-out-expo);background:linear-gradient(90deg,#e8e3d999,#0000);flex-direction:column;justify-content:center;gap:8px;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-collapsed.show{opacity:1;transform:translate(0)}.glass-icon{border:1px solid var(--warm-gray);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:52px;height:52px;color:var(--ink-black);cursor:pointer;transition:transform var(--duration-interaction) var(--ease-out-expo), background var(--duration-interaction) var(--ease-out-expo), border-color var(--duration-interaction) var(--ease-out-expo);background:#f0ede680;border-radius:12px;place-items:center;margin:0 auto;display:grid;position:relative}.glass-icon svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:20px;height:20px}.glass-icon:hover{background:var(--muted-sage);color:var(--canvas);border-color:var(--muted-sage);transform:translateY(-2px)}.glass-icon.active,.glass-icon.active:hover{background:var(--muted-sage);border-color:var(--ink-black);color:var(--canvas);transform:none}.glass-icon .gi-tip{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-black);opacity:0;pointer-events:none;transition:opacity var(--duration-interaction);font-size:.62rem;position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%)}.glass-icon:hover .gi-tip{opacity:1}.is-home .nav-collapsed{display:none}@media (max-width:920px){.nav-collapsed{opacity:1;border:1px solid var(--warm-gray);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0ede6e6;border-radius:999px;flex-direction:row;gap:4px;width:auto;height:auto;padding:7px 9px;inset:auto auto clamp(14px,2.6vh,22px) 50%;transform:translate(-50%);box-shadow:0 10px 30px #1a1a1824}.nav-collapsed.show{transform:translate(-50%)}.glass-icon{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;border-radius:50%;width:46px;height:46px}.glass-icon:hover{color:var(--ink-black);background:0 0;border-color:#0000;transform:none}.glass-icon.active,.glass-icon.active:hover{background:var(--muted-sage);border-color:var(--ink-black);color:var(--canvas)}}