.nav{--nav-inset:max(var(--gutter),var(--space-6));position:sticky;top:0;z-index:var(--z-sticky);background-color:transparent;border-bottom:var(--border-hairline) solid transparent;transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.nav--scrolled{background-color:color-mix(in oklch,var(--surface-page) 82%,transparent);backdrop-filter:blur(8px);border-bottom-color:var(--border-subtle)}.nav__in{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--nav-inset);padding-block:var(--space-5);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--space-7);transition:padding-block var(--dur-base) var(--ease-standard)}.nav--scrolled .nav__in{padding-block:var(--space-3)}.nav__brand{grid-column:1;justify-self:start}.nav__brand .wordmark{--wm-h:22px}.nav__links{grid-column:2;justify-self:center;display:flex;align-items:center;gap:var(--space-5)}.nav__link{position:relative;font-family:var(--font-grotesk);font-weight:var(--weight-medium);font-size:var(--text-sm);letter-spacing:-.005em;color:var(--text-secondary);padding:var(--space-1) 0;text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-standard)}.nav__link:hover{color:var(--text-primary);text-decoration:none}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:var(--border-hairline);background-color:var(--text-primary);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-base) var(--ease-out)}.nav__link:focus-visible:after,.nav__link:hover:after{transform:scaleX(1)}.nav__right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--space-4)}.nav__toggle{position:relative;flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-hairline) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.nav__toggle:hover{background-color:var(--surface-sunken);color:var(--text-primary)}.nav__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav__toggle-ico{position:absolute;inset:0;display:grid;place-items:center;transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.nav__toggle-ico svg{width:17px;height:17px}.nav__toggle-ico--moon{opacity:1;transform:rotate(0)}.nav__toggle-ico--sun{opacity:0;transform:rotate(-90deg)}.nav__toggle[data-theme-state=dark] .nav__toggle-ico--moon{opacity:0;transform:rotate(90deg)}.nav__toggle[data-theme-state=dark] .nav__toggle-ico--sun{opacity:1;transform:rotate(0)}.nav__cta{display:inline-flex;align-items:center;font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--accent-contrast);background-color:var(--accent);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);text-decoration:none;white-space:nowrap;box-shadow:var(--glow),var(--edge);transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.nav__cta:hover{background-color:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}.nav__cta:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav__cta--block{flex:1;justify-content:center;padding:var(--space-3) var(--space-4)}.nav__burger{display:none;grid-column:3;justify-self:end;width:36px;height:36px;align-items:center;justify-content:center;border:var(--border-hairline) solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.nav__burger:hover{background-color:var(--surface-sunken)}.nav__burger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav__burger-box{position:relative;width:18px;height:12px}.nav__burger-box span{position:absolute;left:0;right:0;height:1.5px;background-color:var(--text-primary);transition:transform var(--dur-base) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.nav__burger-box span:first-child{top:0}.nav__burger-box span:nth-child(2){bottom:0}.nav__burger-box[data-open=true] span:first-child{transform:translateY(5.25px) rotate(45deg)}.nav__burger-box[data-open=true] span:nth-child(2){transform:translateY(-5.25px) rotate(-45deg)}.nav__panel{display:none;overflow:hidden;max-height:0;opacity:0;background-color:color-mix(in oklch,var(--surface-page) 92%,transparent);backdrop-filter:blur(8px);border-bottom:var(--border-hairline) solid transparent;transition:max-height var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.nav__panel[data-open=true]{max-height:640px;opacity:1;border-bottom-color:var(--border-subtle)}.nav__panel-links{display:flex;flex-direction:column;padding:var(--space-3) var(--nav-inset) var(--space-5)}.nav__panel-link{font-family:var(--font-grotesk);font-weight:var(--weight-medium);font-size:var(--text-md);color:var(--text-secondary);padding:var(--space-4) 0;border-bottom:var(--border-hairline) solid var(--border-subtle);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.nav__panel-link:hover{color:var(--text-primary);text-decoration:none}.nav__panel-actions{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--nav-inset) var(--space-6)}@media (max-width:980px){.nav__in{grid-template-columns:1fr auto;column-gap:var(--space-4)}.nav__links,.nav__right{display:none}.nav__burger{display:inline-flex;grid-column:2}.nav__panel{display:block}}@media (prefers-reduced-motion:reduce){.nav,.nav__burger-box span,.nav__in,.nav__link:after,.nav__panel,.nav__toggle-ico{transition:none}}