.nav{--nav-top:14px;--nav-bar:54px;--nav-radius:27px;inset:var(--nav-top) 0 auto 0;z-index:100;padding-inline:var(--gutter);pointer-events:none;isolation:isolate;justify-content:center;display:flex;position:fixed}.nav__capsule{pointer-events:auto;border-radius:var(--nav-radius);backdrop-filter:saturate(180%)blur(28px);width:min(100%,1120px);color:var(--ink);background:#ffffff94;transition:background-color .4s,box-shadow .4s,color .4s;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,0 0 0 1px #0000000d,0 10px 30px -14px #0000001a}.nav.is-scrolled .nav__capsule{box-shadow:inset 0 0 0 1px #ffffff8c,0 0 0 1px #0000000f,0 14px 40px -16px #00000029}.nav[data-tone=dark] .nav__capsule{color:var(--paper);background:#16161899;box-shadow:inset 0 0 0 1px #ffffff17,0 0 0 1px #00000080,0 14px 40px -16px #0009}.nav__bar{height:var(--nav-bar);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10px 0 22px;display:grid}.nav__brand{grid-column:1;justify-self:start;align-items:center;gap:10px;display:inline-flex}.nav__mark{width:26px;height:13px;transition:filter .4s}.nav[data-tone=dark] .nav__mark{filter:invert()}.nav__wordmark{letter-spacing:-.025em;font-size:15px;font-weight:600}.nav__links{grid-column:2;gap:4px;display:flex}.nav__link{letter-spacing:-.01em;opacity:.72;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .2s,background-color .2s}.nav__link:hover{opacity:1;background:#0000000d}.nav[data-tone=dark] .nav__link:hover{background:#ffffff1a}.nav__cta{background:var(--ink);color:#fff;letter-spacing:-.01em;white-space:nowrap;height:34px;transition:background-color .3s ease, color .3s ease, transform .2s var(--ease);border-radius:999px;grid-column:3;justify-self:end;align-items:center;padding-inline:15px;font-size:13px;font-weight:500;display:inline-flex}.nav__cta:hover{transform:translateY(-1px)}.nav[data-tone=dark] .nav__cta{color:var(--ink);background:#fff}.nav__toggle{cursor:pointer;background:#0000000d;border:0;border-radius:50%;grid-column:3;justify-self:end;place-items:center;width:40px;height:40px;padding:0;transition:background-color .3s;display:none}.nav[data-tone=dark] .nav__toggle{background:#ffffff1a}.nav__toggle-icon{width:16px;height:10px;display:block;position:relative}.nav__toggle-icon i{width:16px;height:1.6px;transition:transform .35s var(--ease), top .35s var(--ease);background:currentColor;border-radius:2px;position:absolute;left:0}.nav__toggle-icon i:first-child{top:0}.nav__toggle-icon i:nth-child(2){top:8.4px}.nav.is-open .nav__toggle-icon i:first-child{top:4.2px;transform:rotate(45deg)}.nav.is-open .nav__toggle-icon i:nth-child(2){top:4.2px;transform:rotate(-45deg)}.nav__menu{display:none}.nav__scrim{z-index:-1;backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#00000029;transition:opacity .4s;position:fixed;inset:0}.nav.is-open .nav__scrim{opacity:1;pointer-events:auto}@media (width<=834px){.nav{--nav-top:10px;--nav-bar:54px;--nav-radius:27px}.nav__links,.nav__cta{display:none}.nav__toggle{display:grid}.nav__bar{padding:0 7px 0 18px}.nav__menu{transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;display:grid}.nav.is-open .nav__menu{grid-template-rows:1fr}.nav__menu-inner{min-height:0;overflow:hidden}.nav.is-open .nav__capsule{background:#ffffffeb}.nav[data-tone=dark].is-open .nav__capsule{background:#18181aeb}.nav__menu-list{flex-direction:column;padding:6px 22px 0;display:flex}.nav__menu-link{letter-spacing:-.03em;border-top:1px solid #00000014;padding:13px 0;font-size:24px;font-weight:600;line-height:1.1;display:block}.nav[data-tone=dark] .nav__menu-link{border-top-color:#ffffff1a}.nav__menu-foot{flex-direction:column;gap:14px;padding:18px 12px 12px;display:flex}.nav__menu-cta{width:100%;height:50px}.nav[data-tone=dark] .nav__menu-cta{color:var(--ink);background:#fff}.nav__menu-secondary{opacity:.6;align-self:center;padding-bottom:6px;font-size:14px;font-weight:500}.nav__menu-link,.nav__menu-foot{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}.nav.is-open .nav__menu-link,.nav.is-open .nav__menu-foot{opacity:1;transition:opacity .45s ease, transform .5s var(--ease);transition-delay:calc(.12s + var(--i) * 40ms);transform:none}}
