.desktop-nav{display:none}
@media(min-width:1024px){
 .has-expanding-nav .nav-shell{left:calc(50% - 219px);width:438px;max-width:none;transform:none;transition:left .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1)}
 .has-expanding-nav.nav-at-top .nav-shell{left:16px;width:calc(100vw - 204px)}
 .desktop-nav{display:flex;position:absolute;right:18px;top:0;height:50px;align-items:center;gap:clamp(16px,1.7vw,32px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .25s,visibility .18s;white-space:nowrap}
 .desktop-nav a{font-size:14px;line-height:1.2;letter-spacing:-.02em;position:relative}
 .desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}
 .desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
 .nav-at-top .desktop-nav{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .3s .2s,transform .4s .2s,visibility 0s}
 .has-expanding-nav .menu-toggle{transition:opacity .18s,visibility .18s}
 .nav-at-top .menu-toggle{opacity:0;visibility:hidden;pointer-events:none}
 .has-expanding-nav .nav-message{transition:left .7s cubic-bezier(.22,1,.36,1),right .7s cubic-bezier(.22,1,.36,1),opacity .18s,filter .18s}
 .nav-at-top .nav-message{right:calc(470px + 5vw)}
}
@media(prefers-reduced-motion:reduce){.has-expanding-nav .nav-shell,.has-expanding-nav .nav-message,.desktop-nav,.has-expanding-nav .menu-toggle{transition:none!important}}

@media(min-width:1024px){
 .desktop-nav a{opacity:0;filter:blur(3px);transform:translateY(7px);transition:opacity .16s,filter .16s,transform .2s cubic-bezier(.22,1,.36,1)}
 .nav-at-top .desktop-nav a{opacity:1;filter:none;transform:none;transition-duration:.4s,.4s,.55s;transition-delay:calc(.2s + var(--nav-index)*.045s)}
 .has-expanding-nav:not(.nav-at-top) .menu-toggle{transition-delay:.32s}
 .has-expanding-nav .nav-shell{will-change:left,width}
}
@media(prefers-reduced-motion:reduce){.desktop-nav a{transition:none!important;filter:none!important;transform:none!important}}

@media(min-width:1280px){.nav-at-top .nav-message{right:56px}}

@media(min-width:1024px){.nav-at-top .nav-message{left:88px;right:auto;max-width:calc(100% - 580px);text-align:left}}

@media(min-width:1024px){.nav-at-top .nav-bar{padding-left:29px}.nav-at-top .desktop-nav{right:38px}.nav-at-top .nav-message{left:108px}}

/* A staggered upward roll reveals lime lettering and a small pixel signature. */
@media(min-width:1024px){
 .desktop-nav a{padding:10px 0}
 .desktop-nav a::after{content:none}
 .nav-roll-label{display:flex;align-items:center}
 .nav-roll-char{display:block;height:1.2em;overflow:hidden}
 .nav-roll-track{display:block;height:100%;position:relative;transition:transform .45s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--letter-index)*.009s)}
 .nav-roll-copy{position:absolute;left:0;top:100%;color:#c0fe04}
 .desktop-nav a:hover .nav-roll-track,.desktop-nav a:focus-visible .nav-roll-track{transform:translateY(-100%)}
 .desktop-nav a::before{content:'';position:absolute;left:-9px;top:calc(50% - 2px);width:3px;height:3px;background:#c0fe04;box-shadow:3px -3px #c0fe04,3px 3px #c0fe04;opacity:0;transform:scale(0);transition:opacity .15s,transform .3s cubic-bezier(.22,1,.36,1)}
 .desktop-nav a:hover::before,.desktop-nav a:focus-visible::before{opacity:1;transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){.nav-roll-track{transition:none!important}.desktop-nav a::before{transition:none!important}}

.desktop-nav a::before{content:none}