.nav{z-index:50;color:var(--ivory);transition:transform .55s var(--ease-out), background-color .4s, border-color .4s;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.is-solid{border-bottom-color:var(--ivory-line);-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#0e0d0cbd}.nav.is-open{background:#0e0d0cf7}.nav.is-hidden{transform:translateY(-110%)}.nav:focus-within{transform:none}.nav-bar{height:72px;padding:0 var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.nav-brand{font-family:var(--display);letter-spacing:-.01em;justify-self:start;align-items:center;gap:10px;font-size:26px;line-height:1;display:inline-flex}.nav-brand .mark{color:var(--ivory);transition:transform .6s var(--ease-out)}.nav-brand:hover .mark{transform:scaleY(-1)}.nav-links{border:1px solid var(--ivory-line);-webkit-backdrop-filter:blur(10px);background:#0e0d0c8c;border-radius:999px;gap:clamp(18px,2.2vw,36px);padding:6px 22px;transition:background-color .4s,border-color .4s;display:flex}.nav.is-solid .nav-links{background:0 0;border-color:#0000}.nav-link{color:var(--ivory-2);padding:6px 0 8px;font-size:15px;transition:color .3s;position:relative}.nav-link:hover,.nav-link:focus-visible{color:var(--ivory)}.nav-link svg{width:100%;height:12px;position:absolute;bottom:-1px;left:0;right:0;overflow:visible}.nav-link path{fill:none;stroke:var(--copper);stroke-width:1px;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .3s}.nav-link:hover path,.nav-link:focus-visible path{opacity:1}.nav-end{justify-self:end;align-items:center;gap:8px;display:flex}.nav-icon{border:1px solid var(--ivory-line);width:40px;height:40px;color:var(--ivory-2);border-radius:50%;place-items:center;transition:color .3s,border-color .3s;display:grid}.nav-icon:hover{color:var(--ivory);border-color:#efe7d666}.nav-sound svg{width:20px;height:15px;overflow:visible}.nav-sound line{stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.nav-sound.is-on{color:var(--copper);border-color:#d98a4e80}.nav-sound.is-on line{animation:.16s ease-in-out infinite alternate nav-ring}@keyframes nav-ring{0%{transform:translate(-1.1px)}to{transform:translate(1.1px)}}.nav-app{background:var(--ivory);color:var(--lacquer);transition:transform .4s var(--ease-out), background-color .3s;border-radius:999px;margin-left:4px;padding:10px 18px;font-size:15px;font-weight:500}.nav-app:hover{background:#fff6e6;transform:translateY(-1px)}.nav-menu{border:1px solid var(--ivory-line);border-radius:50%;width:40px;height:40px;display:none;position:relative}.nav-menu i{background:var(--ivory);height:1.5px;transition:transform .4s var(--ease-out);border-radius:2px;position:absolute;left:12px;right:12px}.nav-menu i:first-child{top:15px}.nav-menu i:last-child{top:23px}.nav.is-open .nav-menu i:first-child{transform:translateY(4px)rotate(45deg)}.nav.is-open .nav-menu i:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-sheet{padding:8px var(--gutter) 28px;gap:4px;display:grid}.nav-sheet[hidden]{display:none}.nav-sheet .nav-link{font-family:var(--display);color:var(--ivory);padding:10px 0 12px;font-size:34px;line-height:1.1}.nav-sheet .nav-link path{opacity:.35}@media (max-width:1080px){.nav-bar{grid-template-columns:1fr auto}.nav-links{display:none}.nav-menu{display:block}}@media (min-width:1081px){.nav-sheet{display:none!important}}@media (max-width:520px){.nav-bar{gap:12px;height:64px}.nav-sound{display:none}.nav-app{padding:9px 14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.nav-sound.is-on line{animation:none}}