:root{--snav-w:260px}html{scroll-behavior:smooth}.app-shell{min-height:100vh}@media (min-width:1024px){.snav-offset{padding-left:var(--snav-w)}}.snav{z-index:40;width:var(--snav-w);border-right:1px solid var(--surface-border);height:100vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(#101219eb,#0a0b0eeb);flex-direction:column;gap:1.4rem;padding:1.6rem 1.15rem 1.4rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.snav-identity{align-items:center;gap:.7rem;padding:.2rem .4rem .4rem;display:flex}.snav-monogram{background:var(--accent-neon);color:#0a0b0e;width:38px;height:38px;font-family:var(--font-display);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}.snav-name{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;line-height:1.1}.snav-group{flex-direction:column;gap:1px;display:flex}.snav-heading{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);opacity:.7;margin:0 0 .5rem .5rem;font-size:.62rem}.snav-link{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-expo);border-radius:8px;padding:.5rem .7rem;font-size:.92rem;position:relative}.snav-link:before{content:"";background:var(--accent-neon);width:3px;height:0;transition:height var(--duration-fast) var(--ease-out-expo);border-radius:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.snav-link:hover{color:var(--text-primary);background:#ffffff08}.snav-link.is-active{color:var(--accent-neon);background:var(--accent-soft)}.snav-link.is-active:before{height:60%}.snav-sub{color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out-expo);align-items:center;gap:.6rem;padding:.34rem .7rem;font-size:.85rem;display:flex}.snav-sub:hover{color:var(--accent-neon)}.snav-dot{background:var(--surface-border);border-radius:50%;flex-shrink:0;width:5px;height:5px}.snav-sub:hover .snav-dot{background:var(--accent-neon)}.snav-foot{flex-direction:column;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.snav-cta{text-align:center;background:var(--accent-neon);color:#0a0b0e;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo);border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.snav-cta:hover{background:var(--accent-deep)}.snav-cta:active{transform:translateY(1px)}.snav-linkedin{text-align:center;color:var(--text-secondary);font-size:.8rem}.snav-linkedin:hover{color:var(--accent-neon)}.snav-mobilebar{z-index:30;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--surface-border);background:#0a0b0ecc;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:none;position:sticky;top:0}.snav-mobilebar .snav-brand{font-family:var(--font-display);letter-spacing:.5px;color:var(--text-primary);font-size:1.2rem;font-weight:700}.snav-burger{cursor:pointer;background:0 0;border:none;gap:5px;padding:.4rem;display:grid}.snav-burger span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;display:block}.snav-scrim{z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:none;position:fixed;inset:0}@media (max-width:1023px){.snav-mobilebar{display:flex}.snav-scrim{display:block}.snav{transition:transform var(--duration-normal) var(--ease-out-expo);transform:translate(-100%);box-shadow:20px 0 60px #00000080}.snav.is-open{transform:translate(0)}}