header{position:fixed;top:0;width:100%;z-index:1000;background:hsla(45,36%,96%,.95);backdrop-filter:blur(20px);border-bottom:1px solid hsla(89,20%,61%,.2);transition:all .3s ease}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.logo,nav{position:relative}.logo{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--deep-sage);text-decoration:none;transition:all .3s ease;cursor:pointer;z-index:1001}.logo:hover{color:var(--sage-green);transform:scale(1.05)}.logo:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--accent-coral);transition:width .3s ease}.logo:hover:after{width:100%}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;transition:all .3s ease}.nav-links a{text-decoration:none;color:var(--charcoal);font-weight:500;transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--sage-green);transition:width .3s ease}.nav-links a:hover{color:var(--sage-green)}.nav-links a:hover:after{width:100%}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;z-index:1001}.hamburger:hover{background:hsla(89,20%,61%,.1)}.hamburger-icon{transition:transform .3s ease}.hamburger.active .hamburger-icon{transform:rotate(90deg)}@media (max-width:768px){nav{padding:1rem 2rem}.hamburger{display:block}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--warm-cream);flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:right .3s ease;backdrop-filter:blur(20px)}.nav-links.mobile-open{right:0}.nav-links a{font-size:1.5rem;font-weight:600;color:var(--charcoal);padding:1rem 2rem;border-radius:12px;transition:all .3s ease;background:transparent}.nav-links a:hover{background:var(--sage-green);color:var(--white);transform:translateY(-2px)}.nav-links a:after{display:none}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}html{scroll-behavior:smooth}.header-hidden{transform:translateY(-100%)}.nav-links.mobile-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(44,62,80,.3);z-index:-1}@media (max-width:1024px) and (min-width:769px){.nav-links{gap:1.5rem}.nav-links a{font-size:.95rem}}