.nav-room{container-type:inline-size}.nav-bar{--nav-dir:1;--nav-inset:4cqi;--nav-drop:10px;--nav-spring:cubic-bezier(.22, 1, .36, 1);--nav-time:1.3s;width:92%;transition:translate var(--nav-time) var(--nav-spring)}@supports (transition-timing-function:linear(0, 1)){.nav-bar{--nav-spring:linear(0, .018 1.2%, .057 2.3%, .105 3.5%, .156 4.6%, .224 6.2%, .287 7.7%, .361 9.6%, .427 11.5%, .498 13.8%, .569 16.5%, .63 19.2%, .703 23.1%, .762 26.9%, .817 31.5%, .865 36.9%, .905 43.1%, .936 50%, .959 57.7%, .975 66.2%, .985 75.4%, .992 86.2%, 1)}}[dir=rtl] .nav-bar{--nav-dir:-1}.nav-bar--wide{--nav-inset:calc((min(100cqi, 90rem) - min(92cqi, 90rem)) / 2);--nav-drop:12px}@media (min-width:80rem){.nav-bar--wide{--nav-inset:calc((min(100cqi, 90rem) - min(76cqi, 90rem)) / 2);width:76%}}.nav-bar[data-gathered]{translate:0 var(--nav-drop)}.nav-end{transition:translate var(--nav-time) var(--nav-spring)}.nav-end--start{translate:calc(var(--nav-inset) * -1 * var(--nav-dir)) 0}.nav-end--end{translate:calc(var(--nav-inset) * var(--nav-dir)) 0}.nav-bar[data-gathered] .nav-end{translate:none}.nav-pane{z-index:-1;pointer-events:none;opacity:0;scale:var(--nav-spread,1.087) 1;transition:scale var(--nav-time) var(--nav-spring), opacity .3s ease .25s;position:absolute;inset:0}@media (min-width:80rem){.nav-bar--wide>.nav-pane{scale:var(--nav-spread,1.316) 1}}.nav-bar[data-gathered]>.nav-pane{opacity:1;transition:scale var(--nav-time) var(--nav-spring), opacity .24s cubic-bezier(.22, 1, .36, 1);scale:1}
:root{--page-change:.54s}::view-transition{pointer-events:none}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.page-cue{height:0;display:block}::view-transition-group(.page-cue){animation:none}::view-transition-old(.page-cue){opacity:0;animation:none}::view-transition-new(.page-cue){opacity:0;animation:none}::view-transition-old(root){z-index:1;transform-origin:50% 0;animation:var(--page-change) both sheet-away}::view-transition-new(root){animation:var(--page-change) cubic-bezier(.5, 0, .2, 1) both sheet-under}@keyframes sheet-away{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:none;box-shadow:0 0 #140e0600}16%{animation-timing-function:cubic-bezier(.45,0,.8,.4);transform:translateY(-.8%)scale(.992);box-shadow:0 36px 70px -24px #140e0680}to{transform:translateY(-108%)scale(.985);box-shadow:0 36px 70px -24px #140e0680}}@keyframes sheet-under{0%{filter:brightness(.88);transform:scale(.985)}}:root:active-view-transition-type(page-back)::view-transition-old(root){z-index:0;animation:var(--page-change) cubic-bezier(.5, 0, .5, 1) both sheet-covered}:root:active-view-transition-type(page-back)::view-transition-new(root){z-index:1;transform-origin:50% 0;animation:var(--page-change) both sheet-down}@keyframes sheet-covered{to{filter:brightness(.88);transform:scale(.985)}}@keyframes sheet-down{0%{animation-timing-function:cubic-bezier(.3,.55,.3,1);transform:translateY(-108%)scale(.985);box-shadow:0 36px 70px -24px #140e0680}84%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translateY(.4%)scale(.995);box-shadow:0 20px 40px -24px #140e0659}to{transform:none;box-shadow:0 0 #140e0600}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
.nav-thread{inset-inline:0;z-index:90;pointer-events:none;height:3px;position:fixed;top:0}.nav-thread__laid{background:linear-gradient(180deg, var(--color-gold-200), var(--color-gold-500) 60%, var(--color-gold-700));width:0;box-shadow:0 1px 4px color-mix(in srgb, var(--color-gold-500) 45%, transparent);visibility:hidden;border-start-end-radius:3px;border-end-end-radius:3px;position:absolute;inset-block:0;inset-inline-start:0}.nav-thread__laid:after{content:"";top:50%;background:radial-gradient(circle,#fff 0%,#ffb35c 45%,#ff963c00 72%);border-radius:9999px;width:10px;height:10px;position:absolute;inset-inline-end:-4px;translate:0 -50%}.nav-thread[data-state=laying] .nav-thread__laid{visibility:visible;animation:6s cubic-bezier(.1,.7,.2,1) forwards nav-thread-lay}@keyframes nav-thread-lay{0%{width:0}to{width:88%}}.nav-thread[data-state=done] .nav-thread__laid{visibility:visible;width:100%;transition:width .22s cubic-bezier(.22,1,.36,1);animation:.42s cubic-bezier(.55,0,.7,.2) .22s forwards nav-thread-lift}.nav-thread[data-state=done] .nav-thread__laid:after{opacity:0;transition:opacity .22s linear}@keyframes nav-thread-lift{to{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.nav-thread[data-state=laying] .nav-thread__laid{width:88%;animation:none}.nav-thread[data-state=done] .nav-thread__laid{visibility:hidden;animation:none}}