:root{--pill-h:2.75rem;--pill-top:.75rem;--pill-bg:#1b1c1ee0;--pill-fg:#f2ede5;--pill-line:#f2ede538}.nav.navFloat{padding:var(--pill-top) var(--gutter) 0;height:calc(var(--pill-top) + var(--pill-h));-webkit-backdrop-filter:none;pointer-events:none;transition:transform .8s var(--ease-out);background:0 0;border:0;grid-template-columns:1fr;align-items:center;display:grid;transform:translateY(-140%)}.nav.navFloat[data-on]{transform:none}.navFloat>*{pointer-events:auto}.navLang,.burger{height:var(--pill-h);background:var(--pill-bg);color:var(--pill-fg);box-shadow:inset 0 0 0 1px var(--pill-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);mix-blend-mode:normal;border-radius:999px}.navLang{font:500 .74rem/1 var(--font-sans);letter-spacing:.12em;justify-self:start;align-items:center;gap:.15rem;padding:.3rem;display:inline-flex}.navLang>*{color:#f2ede599;border-radius:999px;place-items:center;height:100%;padding:0 .8rem;transition:background .2s,color .2s;display:grid}.navLang>[aria-current]{background:var(--pill-fg);color:#1b1c1e}.navLang>[aria-disabled]{cursor:default}.navLang a:focus-visible{outline:2px solid var(--pill-fg);outline-offset:2px}.navMark{z-index:61;top:calc(var(--pill-top) + (var(--pill-h) - 2.1rem) / 2);color:#f2ede5;mix-blend-mode:difference;transition:translate .8s var(--ease-out), scale .4s var(--ease);display:block;position:fixed;left:50%;translate:-50% -180%}.navMark[data-on]{translate:-50%}.navMark svg{width:auto;height:2.1rem;display:block}.navMark:hover{scale:1.06}.navMark:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.burger{top:var(--pill-top);right:var(--gutter);gap:.6rem;padding:0 .35rem 0 1.15rem}.burger:hover{box-shadow:inset 0 0 0 1px #f2ede580}.burger:focus-visible{outline:2px solid var(--pill-fg);outline-offset:3px}.burger[data-open]{background:0 0}@media (max-width:560px){:root{--pill-h:2.9rem;--pill-top:.7rem}.burger{width:var(--pill-h);padding:0;right:.7rem}.nav.navFloat{padding-inline:.7rem}.navLang>*{padding:0 .62rem}.navMark{top:calc(var(--pill-top) + (var(--pill-h) - 1.85rem) / 2)}.navMark svg{height:1.85rem}}@media (prefers-reduced-motion:reduce){.nav.navFloat,.navMark{transition:none}}
