.landing-nav{--landing-nav-ease:cubic-bezier(.22, .61, .36, 1);--landing-nav-bar-fill:#131b2e11;isolation:isolate;pointer-events:none;width:min(700px,100%);transition:width .7s var(--landing-nav-ease)}.landing-nav:before,.landing-nav-island:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);transition:opacity .55s var(--landing-nav-ease), background .65s var(--landing-nav-ease), box-shadow .65s var(--landing-nav-ease);border-radius:999px;position:absolute;inset:0}.landing-nav:before{background:var(--landing-nav-bar-fill)}.landing-nav-island{isolation:isolate;pointer-events:auto;border-radius:999px;flex-shrink:0;align-items:center;height:100%;display:flex;position:relative}.landing-nav-island:before{opacity:0;background:var(--landing-nav-bar-fill);box-shadow:0 10px 30px -18px #131b2e59,inset 0 1px #ffffff8c}.landing-nav-left{padding-inline:clamp(22px,2vw,32px)}.landing-nav-right{margin-left:auto;padding-inline:8px}.landing-nav[data-split=true]{width:100%}.landing-nav[data-split=true]:before{opacity:0}.landing-nav[data-split=true] .landing-nav-island:before{opacity:1}.landing-nav.is-over-image{--landing-nav-bar-fill:#f7f3ed61}.landing-nav.is-over-image:before{box-shadow:inset 0 1px #ffffff73}@media (max-width:900px){.landing-nav{width:100%}}@media (max-width:639px){.landing-nav-left{transition:left .7s var(--landing-nav-ease), transform .7s var(--landing-nav-ease);padding-inline:16px;position:absolute;left:50%;transform:translate(-50%)}.landing-nav[data-split=true] .landing-nav-left{left:0;transform:none}}@media (max-width:360px){.landing-nav-left{left:0;transform:none}}@media (prefers-reduced-motion:reduce){.landing-nav,.landing-nav:before,.landing-nav-island:before,.landing-nav-left{transition:none}}