.nav-sensor{position:fixed;inset:0 0 auto;height:30px;z-index:8}.site-nav{position:fixed;top:20px;left:4%;right:4%;width:auto;max-width:1320px;margin:0 auto;padding:10px 22px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #68d8ac30;border-radius:20px;background:#171e1bd9;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);box-shadow:0 12px 40px #0003,inset 0 1px 0 #b3ffdb0c;z-index:10;opacity:0;transform:translateY(calc(-100% - 35px));pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease,border-color .3s}.site-nav.nav-visible,.site-nav:hover,.site-nav:focus-within,.nav-sensor:hover+.site-nav{opacity:1;transform:translateY(0);pointer-events:auto}.site-nav:hover{border-color:#27deae65}.nav-brand-group{display:flex;gap:18px;align-items:center;min-width:0}.nav-wordmark{display:inline-flex;align-items:center;gap:0;color:var(--ink);font-size:27px;font-weight:650;letter-spacing:-1.3px;white-space:nowrap}.nav-wordmark img{width:24px;height:28px;object-fit:contain;margin-right:2px}.nav-studio{font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted)}.nav-studio a{font-size:13px;color:var(--ink)}.site-nav nav{display:flex;flex-direction:row;align-items:center;gap:27px;flex-wrap:nowrap;text-align:left}.site-nav nav a,.site-nav nav button{font-size:13px;white-space:nowrap;padding:0;min-height:44px;display:inline-flex;align-items:center}.site-nav nav a:hover,.nav-studio a:hover,.nav-wordmark:hover{color:var(--accent)}.site-nav nav button:disabled{color:#8b9690;cursor:default}.intro-running .site-nav,.intro-running .nav-sensor{opacity:0;pointer-events:none}.intro-running .site-nav{transform:translateY(calc(-100% - 35px))}
@media(max-width:700px){.site-nav{top:12px;left:4%;right:4%;border-radius:16px;padding:8px 15px;min-height:0;gap:0;flex-wrap:wrap}.nav-brand-group{width:100%;justify-content:space-between;gap:10px}.nav-wordmark{font-size:24px}.nav-wordmark img{width:21px;height:25px}.nav-studio{font-size:10px;gap:5px}.nav-studio a{font-size:12px}.site-nav nav{width:100%;justify-content:space-between;gap:18px;border-top:1px solid #27deae15}.site-nav nav a,.site-nav nav button{font-size:12px;min-height:40px}.nav-sensor{height:20px}}
@media(prefers-reduced-motion:reduce){.site-nav{transition:none}}