body.collection{height:100dvh;overflow:hidden}.collection .nav{position:fixed;top:0;left:0;right:0}.plane{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.plane:focus-visible{box-shadow:inset 0 0 0 1px var(--fg)}.index{z-index:5;width:min(280px,22vw);padding:48px var(--gutter) 32px 31px;pointer-events:none;background:linear-gradient(90deg,#000000d9 60%,#0000);flex-direction:column;display:flex;position:fixed;top:80px;bottom:0;left:0}.index>*{pointer-events:auto}.index-list{margin:0;padding:0;list-style:none}.index-item{cursor:pointer;text-align:left;font:400 13.6px/20.4px var(--mono);letter-spacing:-.02em;text-transform:uppercase;color:var(--fg-muted);background:0 0;border:0;padding:5px 0;transition:color .2s;display:block}.index-item:hover,.index-item[aria-current=true],.index-item[aria-current=page]{color:var(--fg)}.index-item:focus-visible{color:var(--fg)}a.index-item{text-decoration:none}.index-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.index-views{border:1px solid var(--rule-nav);align-self:flex-start;margin:auto 0 0;padding:2px;display:inline-flex;position:relative}.index-views:before{content:"";background:var(--fg);width:calc(50% - 2px);transition:transform .25s var(--ease-out-cubic);position:absolute;top:2px;bottom:2px;left:2px}.index-views[data-view=plane]:before{transform:translate(100%)}.index-views a{z-index:1;width:40px;height:32px;color:var(--fg-muted);transition:color .25s var(--ease-out-cubic);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.index-views a:hover{color:var(--fg)}.index-views a[aria-current=page]{color:var(--bg)}.index-views svg{display:block}@media (max-width:760px){.index{top:calc(64px + env(safe-area-inset-top,0px));width:100%;height:48px;padding:0 calc(var(--gutter) + 84px) 0 0;background:0 0;display:block;bottom:auto}.index:before{content:"";left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));background:var(--bg);border-bottom:1px solid var(--rule-nav);height:48px;position:fixed}.index-views{top:calc(64px + env(safe-area-inset-top,0px));height:48px;right:var(--gutter);height:auto;top:calc(64px + env(safe-area-inset-top,0px) + 9px);align-items:center;margin:0;display:flex;position:fixed}.index-views a{width:34px;height:26px}.index-list{scrollbar-width:none;padding:0 var(--gutter);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - 48px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - 48px), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - 48px), transparent);gap:24px;display:flex;overflow-x:auto}.index-list::-webkit-scrollbar{display:none}.index-list{align-items:center;height:48px;position:relative}.index-item{white-space:nowrap;padding:12px 0}}@view-transition{navigation:auto}.nav{view-transition-name:nav}.index{view-transition-name:index}.plane,.grid-list{view-transition-name:stage}::view-transition-old(stage){animation:stage-out .45s var(--ease-out-cubic) both}::view-transition-new(stage){animation:stage-in .7s var(--ease-out-cubic) .12s both}@keyframes stage-out{to{opacity:0;filter:blur(4px);transform:scale(.97)}}@keyframes stage-in{0%{opacity:0;filter:blur(4px);transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){::view-transition-old(stage){animation:none}::view-transition-new(stage){animation:none}}