.hub{color:var(--c-grey);position:relative;overflow:clip}.hub.-end .hub__lbl,.hub.-end .hub__keys,.hub.-end .hub__string{opacity:0;pointer-events:none;translate:0 1rem}.hub__keys{transition:opacity .6s var(--e-cubic), translate .6s var(--e-cubic)}.hub__head{display:contents}.hub__w{--colw:calc((100vw - 2 * var(--margin) - (var(--cols) - 1) * var(--gap)) / var(--cols));--listw:calc(var(--colw) * 6 + var(--gap) * 5);--cardh:calc(var(--listw) * .6 + var(--gap) * .5);padding-bottom:0;position:relative}.hub__w>*,.hub__head>*{--left:0;--width:var(--cols);grid-row:1;grid-column:calc(var(--left) + 1) / span var(--width)}.hub__v{--left:6;--width:2;text-align:center;color:var(--c-mute);margin-top:var(--p);z-index:21;align-self:start;position:relative}.hub__t{--left:2;--width:5;top:var(--h5);z-index:20;line-height:var(--h3-lh,.95);color:var(--c-paper);pointer-events:none;flex-direction:column;place-self:start;margin-bottom:12vw;display:flex;position:sticky}.hub__t>span{display:flex}.hub__aside{margin:.35em 0 0 var(--gap);color:var(--c-paper);letter-spacing:0;align-self:flex-start;max-width:7em;line-height:1.1}.hub__aside:after{content:"⇥";font-size:var(--mm);vertical-align:super;margin-left:.2em;line-height:0;display:inline-block;rotate:90deg}.hub__view{--left:10;--width:2;top:calc(var(--vh) * 35);z-index:20;color:var(--c-paper);place-self:start end;transition:color .3s;position:sticky}.hub__view:hover{color:var(--c-accent)}.hub__list{--left:4;--width:6;margin-top:calc(var(--vh) * 50 - var(--cardh) / 2);margin-bottom:calc(var(--vh) * 50 - var(--cardh) / 2);transition:opacity .6s var(--e-cubic), scale .75s var(--e-cubic);align-self:start;position:relative}.hub__list:before,.hub__list:after{content:"";top:0;bottom:calc(var(--vh) * -50);background:rgba(var(--c-mute-rgb), .55);width:1px;position:absolute}.hub__list:before{left:-.85rem}.hub__list:after{right:-.85rem}.hub__cat{margin:var(--gap) 0;flex-direction:column;display:flex}.hub__i{--progress:0;--d:max(.5 - var(--progress), var(--progress) - .5);perspective:40rem;opacity:clamp(0, 1.5 - var(--d) * 5, 1)}.hub__card{padding:calc(var(--gap) / 4) 0;pointer-events:none;transform:rotateX(calc(-90deg * (.5 - var(--progress)) * 3.25)) scale(calc(1 - var(--d)));justify-content:center;align-items:center;display:flex;position:relative}.hub__i.-active .hub__card{pointer-events:auto}.hub__media{aspect-ratio:5/3;border-radius:var(--h4);width:100%;box-shadow:-1px 0 0 0 #0003, 1px 0 0 0 #0003, 0 1px 0 0 rgba(var(--c-white-rgb),.2), 0 -1px 0 0 rgba(var(--c-white-rgb),.2), 0 0 0 1px #f7eaed20;background:#0d1014;place-items:center;display:grid;position:relative;overflow:hidden}.hub__shot{aspect-ratio:4/3;width:68%;translate:0 calc(-18% + var(--progress) * 36%);border-radius:.3rem;overflow:hidden}.hub__shot img{object-fit:cover;width:100%;height:100%;transition:scale 1.2s var(--e-cubic)}.hub__card:hover .hub__shot img{scale:1.05}.hub__cover{width:78%;translate:0 calc(-12% + var(--progress) * 24%);color:var(--c-paper);flex-direction:column;gap:.6rem;display:flex}.hub__cover-k{color:var(--c-grey);text-transform:uppercase}.hub__cover-t{line-height:1}.hub__art{height:calc(var(--cardh) * .62);margin:-.4rem -6% 0;display:block}.hub__i:not(.-active) .bart,.hub__i:not(.-active) .bart *{animation-play-state:paused}.hub__stick{--left:0;--width:var(--cols);z-index:5;pointer-events:none;align-self:start;height:0;position:sticky;top:0}.hub__gc{height:calc(var(--vh) * 100);position:relative}.hub__string{width:100%;left:0;top:calc(var(--vh) * 50 - 2.5rem);height:5rem;stroke:var(--c-mute);fill:none;stroke-width:1px;position:absolute;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#00000061,#000 50%,#00000061);mask-image:linear-gradient(90deg,#00000061,#000 50%,#00000061)}.hub__lbl{top:calc(var(--vh) * 50 + .5rem);text-transform:uppercase;transition:opacity .75s var(--e-cubic), translate .75s var(--e-cubic);position:absolute}.hub__lbl--cat{color:var(--c-grey);left:0}.hub__lbl--name{left:calc((var(--colw) + var(--gap)) * 2);color:var(--c-grey)}.hub__lbl--name i{color:var(--c-mute);font-style:normal}.hub__lbl--tags{color:var(--c-mute);text-align:right;flex-direction:column;align-items:flex-end;display:flex;right:0}.hub__lbl--blurb{width:calc(var(--colw) * 3 + var(--gap) * 2);top:auto;right:0;bottom:calc(var(--h4) + .6rem);text-transform:none;color:var(--c-grey);text-align:right}.hub__lbl.-swap{opacity:0;transition-duration:.2s;translate:0 .4rem}.hub__keys{left:0;bottom:calc(var(--h4) + .6rem);pointer-events:auto;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:.5rem;display:grid;position:absolute}.hub__key{width:2.8rem;height:2.8rem;color:var(--c-grey);box-shadow:inset 0 0 0 1px rgba(var(--c-white-rgb), .1), inset 0 1px 0 rgba(var(--c-white-rgb), .12), 0 .25rem 0 #050506, 0 .25rem 0 1px rgba(var(--c-white-rgb), .06);transition:translate .15s var(--e-cubic), box-shadow .15s var(--e-cubic), color .2s, opacity .6s var(--e-cubic), scale .6s var(--e-cubic);transition-delay:0s, 0s, 0s, calc(var(--k,0) * 45ms), calc(var(--k,0) * 45ms);background:linear-gradient(#17181b,#101113);border-radius:.5rem;place-items:center;display:grid}.hub__key.-w{--k:0;grid-area:1/1}.hub__key.-s{--k:1;grid-area:2/1}.hub__key.-enter{--k:2;grid-area:1/2/3/3;align-items:end;height:auto;padding-bottom:.8rem}.hub__key svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:1.2rem}.hub__key:hover{color:var(--c-paper)}.hub__key.-down{color:var(--c-accent);box-shadow:inset 0 0 0 1px rgba(var(--c-white-rgb), .14), inset 0 1px 0 rgba(var(--c-white-rgb), .12), 0 .05rem 0 #050506, 0 .05rem 0 1px rgba(var(--c-white-rgb), .06);translate:0 .2rem}.hub.-cata .hub__list{opacity:0;pointer-events:none;scale:.88 .84}.hub.-cata-done .hub__list{display:none}.hub.-cata .hub__lbl,.hub.-cata .hub__string{opacity:0;translate:0 var(--h5)}.hub.-cata .hub__key{opacity:0;pointer-events:none;scale:.8}.hub__string{transition:clip-path .9s var(--e-cubic), opacity .6s var(--e-cubic);clip-path:inset(0)}.hub.-cata .hub__string{clip-path:inset(0 50%)}.hub__cata{--left:4;--width:6;margin-top:calc(var(--h1) + var(--h3) * 2 + var(--h3));z-index:6;align-self:start;position:relative}.hub__cata[hidden]{display:none}.hub__cata-g{margin-bottom:var(--h4)}.hub__cata-c{border-top:1px solid var(--c-mute);padding-top:var(--mm);color:var(--c-accent);text-transform:uppercase;margin-bottom:.4rem;display:block}.hub__cata-c:after{content:" ↘"}.hub__cata-i{padding:var(--mm) 0;box-shadow:inset 0 -1px 0 rgba(var(--c-mute-rgb), .4);color:var(--c-paper);transition:color .3s, padding .4s var(--e-cubic);justify-content:space-between;align-items:baseline;gap:1rem;display:flex;position:relative}.hub__cata-i:before{content:attr(data-label);right:100%;top:var(--mm);padding-right:var(--gap);color:var(--c-mute);font:var(--mm) / 1 var(--font-mono);position:absolute}.hub__cata-i .t-mm{color:var(--c-mute);text-transform:uppercase}a.hub__cata-i:hover{color:var(--c-accent);padding-left:.4rem}.hub__cata-i.-soon{color:var(--c-mute)}.hub__cata-i.-soon .t-h6:after{content:" " attr(data-soon);color:rgba(var(--c-mute-rgb), .8);font-size:var(--mm);font-family:var(--font-mono);text-transform:uppercase}.hub__cata-c,.hub__cata-i{transition:opacity .6s var(--e-cubic), transform .6s var(--e-cubic), color .3s, padding .4s var(--e-cubic);transition-delay:calc(var(--top) * 22.5ms + .3s), calc(var(--top) * 22.5ms + .3s), 0s, 0s}.hub__cata.-from .hub__cata-c,.hub__cata.-from .hub__cata-i{opacity:0;transform:translateY(var(--h6));transition-delay:calc(var(--top) * 22.5ms), calc(var(--top) * 22.5ms), 0s, 0s}html:not(.-ready) .hub__list{opacity:0;scale:.88 .84}html:not(.-ready) .hub__key{opacity:0;scale:.8}html:not(.-ready) .hub__lbl{opacity:0;translate:0 var(--h5)}html:not(.-ready) .hub__string{clip-path:inset(0 50%)}@media (width<=1023px){.hub__w>*{grid-row:auto}.hub__list,.hub__cata{grid-column:1/-1}.hub__head{z-index:20;padding-top:calc(var(--h6) + 3.2rem);padding-inline:var(--margin);pointer-events:none;-webkit-backdrop-filter:blur(8px);transition:opacity .4s var(--e-cubic), translate .4s var(--e-cubic);background:linear-gradient(#050608f5 0%,#050608d9 65%,#05060800 100%);flex-direction:column;padding-bottom:1.6rem;display:flex;position:fixed;top:0;left:0;right:0}.hub.-end .hub__head{opacity:0;pointer-events:none;translate:0 -1rem}.hub__v{--left:0;--width:6;text-align:left;font-size:calc(var(--mm) * .9);margin-top:0}.hub__t{--left:0;--width:6;margin-top:.35rem;margin-bottom:0;font-size:clamp(2.2rem,9.5vw,3.4rem);line-height:.95;position:relative;top:auto}.hub__view{--left:0;--width:6;background:rgba(var(--c-white-rgb), .08);pointer-events:auto;border-radius:999px;justify-self:start;width:fit-content;margin-top:.85rem;margin-bottom:0;padding:.4rem .8rem;position:relative;top:auto}.hub__list{--left:0;--width:6;--listw:calc(100vw - 2 * var(--margin));margin-top:15rem;margin-bottom:4rem}.hub__w{--listw:calc(100vw - 2 * var(--margin))}.hub__stick{z-index:5;pointer-events:none;height:100%;position:fixed;inset:0}.hub__string,.hub__lbl--cat{display:none}.hub__lbl--name{top:auto;bottom:max(1.2rem, env(safe-area-inset-bottom,1rem));left:var(--margin);font-size:calc(var(--mm) * .95)}.hub__lbl--blurb{-webkit-line-clamp:2;left:var(--margin);right:var(--margin);width:auto;max-width:calc(100vw - 2 * var(--margin));top:auto;bottom:calc(max(1.2rem, env(safe-area-inset-bottom,1rem)) + 1.5rem);text-align:left;font-family:var(--font-sans);color:var(--c-mute);text-transform:none;pointer-events:none;-webkit-box-orient:vertical;font-size:clamp(.68rem,2.2vw,.74rem);line-height:1.35;display:-webkit-box;position:absolute;overflow:hidden}.hub__lbl--tags,.hub__keys{display:none}.hub__cata{--left:0;--width:6;margin-top:15rem;padding-left:1.6rem}.hub__cata-i{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem 0}.hub__media{border-radius:var(--h6)}}@media (prefers-reduced-motion:reduce){.hub__card{transform:none}.hub__i{opacity:1}}