.top-nav{z-index:100;opacity:0;pointer-events:none;mix-blend-mode:normal;width:100%;color:var(--color-text);justify-content:space-between;align-items:center;padding:1rem 2rem;transition:opacity .5s,transform .5s;display:flex;position:fixed;top:0;left:0;transform:translateY(-8px)}.top-nav.show{opacity:1;pointer-events:auto;transform:translateY(0)}.top-nav-actions{align-items:center;gap:1.5rem;display:flex}.nav-cta{height:1.2em;color:var(--color-text);text-transform:uppercase;letter-spacing:.1rem;font-family:Google Sans Code,sans-serif;font-size:.85rem;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-cta span{transition:transform .35s cubic-bezier(.76,0,.24,1);display:block}.nav-cta span:nth-child(2){position:absolute;top:0;left:0;transform:translateY(100%)}.nav-cta:hover span:first-child{transform:translateY(-100%)}.nav-cta:hover span:nth-child(2){transform:translateY(0)}@media (width<=600px){.nav-cta{display:none}}.menu-btn{color:var(--color-text);letter-spacing:.15rem;cursor:pointer;z-index:100;background:0 0;border:none;align-items:center;padding:0;font-family:Google Sans Code,sans-serif;font-size:.85rem;display:inline-flex;position:relative}.menu-btn-viewport{height:1.1em;display:block;overflow:hidden}.menu-btn-track{flex-direction:column;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(0)}.menu-btn-label{text-transform:uppercase;height:1.1em;line-height:1.1em;display:block}.menu-btn.open .menu-btn-track{transform:translateY(-50%)}.menu-backdrop{z-index:90;background:var(--color-black-70);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .4s;position:fixed;inset:0}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-overlay{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:95;background:var(--color-nav-dark);pointer-events:none;clip-path:inset(0 0 100%);width:100%;max-height:100dvh;transition:clip-path .6s var(--cubic-reveal), -webkit-clip-path .6s var(--cubic-reveal), opacity 0s var(--cubic-reveal) .6s;flex-direction:column;padding:5rem 2rem 2rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.menu-overlay.open{opacity:1;clip-path:inset(0 0 0%);pointer-events:auto;transition:clip-path .6s var(--cubic-reveal), -webkit-clip-path .6s var(--cubic-reveal), opacity 0s var(--cubic-reveal)}.menu-overlay-nav{border-top:1px solid var(--color-white-08);flex-direction:column;gap:0;display:flex}.menu-overlay-link{box-sizing:border-box;font-family:var(--font-notch);color:var(--color-text);border-bottom:1px solid var(--color-white-05);transition:background-color .5s var(--cubic-slide), color .5s var(--cubic-slide), padding-left .5s var(--cubic-slide);justify-content:space-between;align-items:center;padding:.3em .4em .3em 0;font-size:clamp(1.5rem,9vw,2.75rem);text-decoration:none;display:flex}.menu-overlay-link:hover{background-color:var(--color-text);color:var(--background);transition:padding-left .5s var(--cubic-slide);padding:.3em .4em .3em 1rem}body.menu-open{overflow:hidden}.nav-title{font-family:var(--font-notch);pointer-events:auto;cursor:default;text-transform:lowercase;font-size:1.4rem;font-weight:700}.nav-title span{opacity:0;transition:transform .6s,opacity .6s;display:inline-block;transform:translateY(120%)}.nav-title.show span{cursor:pointer;opacity:1;transform:translateY(0)}@media (width>=601px) and (width<=768px){.menu-overlay{padding:4rem 1.5rem 1.5rem}.menu-overlay-link{padding:.4em .3em .4em 0;font-size:clamp(1.25rem,4vw,2.5rem)}}@media (width>=769px){html{--page-shift-y:0px!important}.menu-overlay{width:400px;padding:5rem 2rem 2rem;left:auto;right:0}.menu-overlay-nav{border-top:none}.menu-overlay-link{padding:.55em .2em;font-size:1.25rem}}@media (width>=481px) and (width<=600px){.menu-overlay{padding:4.5rem 1.75rem 1.75rem}.menu-overlay-link{padding:.4em .3em .4em 0;font-size:clamp(1.5rem,5vw,2.25rem)}}
