nav{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,rgba(233,243,255,.96) 30%,80%,transparent);padding:3rem clamp(2rem,4vw,6rem);display:flex;justify-content:space-between;align-items:center;gap:4em}nav h1{margin:0;font-size:clamp(1.2rem,2.8vw,1.6rem);font-weight:400}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav__title{position:relative;z-index:3}.nav__links{display:flex;gap:4em}.nav__hamburger{display:none;background:none;border:none;cursor:pointer;color:#252896;padding:.25rem;z-index:3}.nav__overlay{display:none}@media screen and not (min-width:70rem){nav{padding:2rem clamp(1rem,3.5vw,2rem)}.nav__links{flex-direction:column;gap:2em;min-width:75vw;position:fixed;top:0;left:0;height:100vh;padding:6em clamp(1rem,3.5vw,2rem) 3rem;z-index:2;background:linear-gradient(to right,rgba(233,243,255,.96) 30%,80%,transparent);transform:translate(-100%);transition:transform .3s ease}.nav__links.open{transform:translate(0)}.nav__hamburger{display:flex;align-items:center}.nav__overlay{display:block;position:fixed;inset:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav__overlay.open{opacity:1;pointer-events:auto}}