.side-nav{position:fixed;top:0;left:0;height:100vh;width:80px;background-color:var(--color-slate);display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:3rem;z-index:1000;transition:width var(--transition-smooth);overflow:hidden;box-shadow:2px 0 10px rgba(0,0,0,.1)}.side-nav:hover{width:240px}.nav-logo{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding:0 .5rem}.logo-link{display:flex;align-items:center;gap:1rem;width:100%;transition:var(--transition-fast);text-decoration:none}.nav-logo-img{width:60px;height:auto;min-width:60px;filter:brightness(0) saturate(100%) invert(65%) sepia(28%) saturate(789%) hue-rotate(8deg) brightness(93%) contrast(85%);transition:var(--transition-fast)}.nav-brand-text{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--color-brass);white-space:nowrap;opacity:0;transition:opacity var(--transition-smooth);pointer-events:none}.side-nav:hover .nav-brand-text{opacity:1;pointer-events:all}.logo-link:hover .nav-logo-img{filter:brightness(0) saturate(100%) invert(94%) sepia(8%) saturate(237%) hue-rotate(348deg) brightness(102%) contrast(93%);transform:scale(1.05)}.logo-link:hover .nav-brand-text{color:var(--color-parchment)}.nav-links{list-style:none;display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%}.nav-links li{width:100%;display:flex;justify-content:center;align-items:center}.nav-links a{display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-parchment);text-transform:uppercase;letter-spacing:.08em;transition:var(--transition-fast);position:relative;padding:.75rem 1.5rem;white-space:nowrap;width:100%}.nav-icon{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.nav-icon svg{width:24px;height:24px;fill:var(--color-parchment);transition:var(--transition-fast)}.nav-text{opacity:0;transition:opacity var(--transition-smooth);pointer-events:none}.side-nav:hover .nav-text{opacity:1;pointer-events:all}.nav-links a:hover{color:var(--color-brass)}.nav-links a:hover .nav-icon svg{fill:var(--color-brass)}.nav-links a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background-color:var(--color-brass);transition:height var(--transition-fast)}.nav-links a.active::before,.nav-links a:hover::before{height:100%}@media (max-width:768px){main{margin-left:0!important;margin-bottom:70px}.side-nav{width:100%;height:70px;top:auto;bottom:0;flex-direction:row;justify-content:space-around;padding:0 1rem;gap:0}.side-nav:hover{width:100%;height:70px}.nav-logo{display:none}.nav-links{flex-direction:row;gap:0;flex:1;justify-content:space-around}.nav-links li{width:auto}.nav-links a{padding:.75rem;justify-content:center}.nav-links a::before,.nav-text{display:none}}