html{--nav-edge:40px;--nav-head-padding:26px;--nav-expanded-width:182px}html[data-nav-compact] .menuwrap{transition:width .64s var(--ease-out), max-height .64s var(--ease-out)}html[data-nav-compact] .menuhead{padding:0 var(--nav-head-padding)}html[data-nav-compact] .menuhead .lbl{transition:opacity .18s ease .17s, transform .48s var(--ease-out)}html[data-nav-compact=true] .menuwrap:not(.open){width:calc(var(--nav-head-padding) * 2 + 30px);transition:width .32s var(--ease-out) .32s, max-height .64s var(--ease-out)}html[data-nav-compact=true] .menuwrap:not(.open) .lbl{opacity:0;transition:opacity .16s ease .32s, transform .32s var(--ease-out) .32s;transform:translate(-12px)}html[data-nav-compact] nav.booknav>*{transform-origin:50%;transition:transform .64s cubic-bezier(.65,0,.2,1),opacity .18s .14s,visibility}html[data-nav-compact=true] nav.booknav{pointer-events:none}html[data-nav-compact=true] nav.booknav>*{transform:translate3d(var(--nav-join-x,0px), var(--nav-join-y,0px), 0);opacity:0;visibility:hidden;transition:transform .64s cubic-bezier(.65,0,.2,1),opacity .24s .4s,visibility 0s .64s}html[data-nav-compact]:has(.menuwrap.open) nav.booknav{opacity:0;pointer-events:none}html[data-nav-compact] .menuwrap.open{max-height:min(720px, calc(100dvh - var(--nav-edge) * 2))}html[data-nav-compact] .menubody{overscroll-behavior:contain;min-height:0;overflow-y:auto}html[data-nav-compact] .menu-book{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:#ffffff0f;border-radius:4px;justify-content:space-between;align-items:center;margin:6px 0 18px;padding:16px 20px;font-size:12px;font-weight:300;display:flex}.nav-liquid-surface{z-index:19;pointer-events:none;height:56px;display:none;position:fixed}html[data-nav-liquid] .nav-liquid-surface{display:block}html[data-nav-morph][data-nav-compact] nav.booknav>*,html[data-nav-morph][data-nav-compact] .menuwrap:not(.open) .lbl{transition:none}html[data-nav-liquid] .menuwrap:not(.open){width:var(--nav-fluid-width);transition:none}html[data-nav-liquid] .menuwrap,html[data-nav-liquid] nav.booknav>.glass{-webkit-backdrop-filter:none;background:0 0}html[data-nav-liquid][data-nav-compact] nav.booknav>*{opacity:1;visibility:visible}html[data-nav-liquid] .menuhead{position:relative}html[data-nav-liquid] .menuwrap:not(.open) .menuhead .lbl{left:var(--nav-label-x);opacity:1;transform:translateX(var(--nav-label-pull,0px));clip-path:inset(0 0 0 var(--nav-label-clip,0px));position:absolute}html[data-nav-liquid] nav.booknav .lang-b>span{display:inline-block}html[data-nav-liquid] nav.booknav .lang-b>span,html[data-nav-liquid] nav.booknav .book>span{transform:translateX(var(--nav-text-pull,0px));transition:none}@media (width>=761px){nav.booknav .langgroup{isolation:isolate;position:relative}nav.booknav .langgroup .lang-b{z-index:1;background:0 0;transition:color .22s,text-shadow .35s;position:relative}nav.booknav .langgroup .lang-b[aria-current=true]{color:var(--ink);text-shadow:0 0 10px #19e3c23d}.langgroup:before{content:"";pointer-events:none;transition:left .5s var(--ease-out), right .5s var(--ease-out) 90ms;background:linear-gradient(110deg,#19e3c229,#eef0f712 65%);border-radius:3px;position:absolute;inset:5px 53px 5px 5px;box-shadow:inset 0 1px #eef0f721,inset 0 -1px #00000029,0 2px 6px #00000024}html[lang=en] .langgroup:before{transition:left .5s var(--ease-out) 90ms, right .5s var(--ease-out);left:53px;right:5px}.langgroup:after{content:"";z-index:2;pointer-events:none;background:var(--accent2);border-radius:99px;width:2px;height:10px;transition:transform .62s cubic-bezier(.22,1.22,.36,1);position:absolute;top:23px;left:9px;transform:translate(0);box-shadow:0 0 4px #19e3c2b3,0 0 10px #19e3c252}html[lang=en] .langgroup:after{transform:translate(48px)}.langgroup .lang-b:focus-visible{outline:1px solid var(--accent2);outline-offset:-1px}}@media (width<=760px){html{--nav-edge:16px;--nav-head-padding:24px;--nav-expanded-width:136px}html nav.booknav{gap:12px}nav.booknav .langgroup{isolation:isolate;flex-direction:column;gap:0;width:56px;height:56px;padding:4px;display:flex;position:relative}nav.booknav .langgroup .lang-b{z-index:1;width:48px;height:24px;color:var(--muted);letter-spacing:.14em;-webkit-tap-highlight-color:transparent;background:0 0;flex:0 0 24px;font-size:10px;line-height:1;transition:color .22s,text-shadow .35s;display:flex;position:relative}nav.booknav .langgroup .lang-b[aria-current=true]{color:var(--ink);text-shadow:0 0 10px #19e3c23d}.langgroup:before{content:"";pointer-events:none;background:linear-gradient(110deg,#19e3c229,#eef0f712 65%);border-radius:3px;height:24px;transition:transform .62s cubic-bezier(.22,1.22,.36,1);position:absolute;inset:4px 4px auto;transform:translateY(0);box-shadow:inset 0 1px #eef0f721,inset 0 -1px #00000029,0 2px 6px #00000024}html[lang=en] .langgroup:before{transform:translateY(24px)}.langgroup:after{content:"";z-index:2;background:var(--accent2);pointer-events:none;width:2px;transition:top .5s var(--ease-out), bottom .5s var(--ease-out) 90ms;border-radius:99px;position:absolute;top:11px;bottom:35px;left:8px;box-shadow:0 0 4px #19e3c2b3,0 0 10px #19e3c252}html[lang=en] .langgroup:after{transition:top .5s var(--ease-out) 90ms, bottom .5s var(--ease-out);top:35px;bottom:11px}nav.booknav .langgroup .lang-b:hover{color:var(--ink)}.langgroup .lang-b:focus-visible{outline:1px solid var(--accent2);outline-offset:-1px}nav.booknav a.book{width:clamp(82px,100vw - 264px,120px);min-width:0;padding:0 6px}}@media (width<=375px){nav.booknav a.book{letter-spacing:.1em;font-size:11px}}@media (width<=359px){html{--nav-head-padding:18px;--nav-expanded-width:112px}.menuwrap:not(.open){width:112px}}@media (prefers-reduced-motion:reduce){html[data-nav-compact] .menuwrap,html[data-nav-compact] .menuwrap:not(.open),html[data-nav-compact] .menuhead,html[data-nav-compact] .menuwrap:not(.open) .menuhead,html[data-nav-compact] .menuhead .lbl,html[data-nav-compact] .menuwrap:not(.open) .lbl,html[data-nav-compact] nav.booknav>*,html[lang] .langgroup:before,html[lang] .langgroup:after,nav.booknav .langgroup .lang-b{transition:none}}