.cs{--H:min(66vh, 660px);--W:calc(var(--H) * .66);--gap:40px;--extra:0px;--ease-cs:cubic-bezier(.22, 1, .36, 1);height:100svh;min-height:640px;color:var(--ultramarine);outline:none;position:relative;overflow:hidden}.cs--record{--H:min(54vh, 540px);--W:var(--H);--extra:calc(var(--H) * .22)}.cs--book{--H:min(60vh, 600px)}.cs--film{--H:min(60vh, 600px);--W:calc(var(--H) * .71)}.cs__top{z-index:5;font:.75rem var(--font-din);letter-spacing:.18em;justify-content:space-between;display:flex;position:absolute;top:4.2rem;left:4vw;right:4vw}.cs__count b{font-weight:400}.cs__top{align-items:center}.cs__nav{align-items:center;gap:1.3rem;display:inline-flex}.cs__nav button{all:unset;cursor:pointer;transition:translate .3s var(--ease-out), opacity .3s;padding:.4rem 0;display:inline-flex}.cs__nav button:first-child:hover{translate:-4px}.cs__nav button:last-child:hover{translate:4px}.cs__nav button:focus-visible{outline-offset:4px;outline:1px solid}.cs__stage{height:calc(var(--H) + 200px);--sx:30vw;perspective:2600px;perspective-origin:calc(var(--sx) + var(--W) / 2 + 20px) 42%;transition:perspective-origin 1s var(--ease-cs);position:absolute;bottom:0;left:0;right:0}.cs__stage:after{content:"";filter:blur(6px);pointer-events:none;background:linear-gradient(#11135a47,#0000);height:40px;position:absolute;bottom:104px;left:0;right:0}.cs__plank{border-top:1.5px solid var(--ultramarine);background:linear-gradient(#5a5a9a,#4a4a8c 30%,#3d3d7e);height:64px;position:absolute;bottom:46px;left:-5vw;right:-5vw;box-shadow:inset 0 -2px #ffffff1f,0 30px 40px -20px #11135a80}.cs__shelf{left:var(--sx);transform-style:preserve-3d;transition:transform 1s var(--ease-cs), left 1s var(--ease-cs);align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:104px}.bk{all:unset;cursor:pointer;width:var(--d);height:var(--H);transform-style:preserve-3d;transition:width 1s var(--ease-cs), transform .5s var(--ease-cs), opacity .6s;flex:none;position:relative}.bk.is-active{width:calc(var(--W) + var(--gap) + var(--extra))}.bk:not(.is-active):hover{transform:translateY(-16px)}.bk__box{width:var(--d);height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--W) / -2));transition:transform 1s var(--ease-cs), left 1s var(--ease-cs);position:absolute;bottom:0;left:0}.bk__box>span{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.bk__spine{width:var(--d);box-sizing:border-box;background:var(--c);height:100%;color:var(--f);transform:translateZ(calc(var(--W) / 2));flex-direction:column;justify-content:space-between;align-items:center;padding:24px 0 20px;display:flex;top:0;left:0;box-shadow:inset 4px 0 #ffffff1a,inset -5px 0 #0000002e}.bk__st{writing-mode:vertical-rl;font:italic 1.35rem/1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;max-height:76%;overflow:hidden;rotate:180deg}.bk__sa{writing-mode:vertical-rl;font:.62rem var(--font-din);letter-spacing:.16em;text-transform:uppercase;rotate:180deg}.bk__cover{height:100%;width:var(--W);top:0;left:calc((var(--d) - var(--W)) / 2);background:var(--c) center / cover no-repeat;transform:rotateY(-90deg) translateZ(calc(var(--d) / 2));box-shadow:inset 8px 0 12px -4px #00000059}.bk__back{height:100%;width:var(--W);top:0;left:calc((var(--d) - var(--W)) / 2);background:linear-gradient(90deg, #0000002e, #00000052), var(--c);transform:rotateY(90deg) translateZ(calc(var(--d) / 2))}.cs--film .bk__back{background:#1a1a1f}.bk__cover:after{content:"";background:#0c0c28b3;transition:opacity .6s;position:absolute;inset:0}.bk.is-active .bk__cover:after{opacity:0}.bk__pages{width:var(--d);height:var(--W);left:0;top:calc((var(--H) - var(--W)) / 2);transform:rotateX(90deg) translateZ(calc(var(--H) / 2));background:repeating-linear-gradient(90deg,#f3efe2 0 2px,#e1dac8 2px 3px)}.bk.is-active .bk__box{left:calc((var(--W) - var(--d)) / 2 + 20px);transform:translateZ(calc(24px - var(--d) / 2)) rotateY(90deg)}.cs--record .bk__st{font-size:.95rem}.cs--record .bk__sa{font-size:.5rem}.cs--record .bk__spine{padding:14px 0 12px}.cs--record .bk__pages{background:var(--c);filter:brightness(.8)}.bk__sleeve{height:100%;width:var(--W);top:0;left:calc((var(--d) - var(--W)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--d) / 2 - 3px));pointer-events:none}.bk__disc{aspect-ratio:1;opacity:0;width:96%;transition:translate .9s var(--ease-cs), opacity .2s;background:radial-gradient(circle,#0000 0 33%,#ffffff0d 33.5% 34%,#0000 34.5%),repeating-radial-gradient(circle,#15152c 0 1.5px,#1d1d3a 1.5px 3px);border-radius:50%;position:absolute;bottom:2%;left:2%;translate:0;box-shadow:0 10px 30px -10px #11135a99}.bk__disc:after{content:"";background:conic-gradient(from 30deg, transparent 0 10%, #ffffff1a 14%, transparent 20% 60%, #ffffff14 64%, transparent 70%);border-radius:50%;position:absolute;inset:0}.bk__disc>span{background:50%/cover no-repeat;border-radius:50%;position:absolute;inset:33.5%;box-shadow:0 0 0 2px #0d0d1c}.bk__disc>span:after{content:"";background:var(--lavender);border-radius:50%;width:7%;height:7%;position:absolute;top:50%;left:50%;translate:-50% -50%}.cs--record .bk.is-active .bk__disc{opacity:1;translate:calc(var(--H) * .4) 0;transition-delay:.7s,.6s}.cs--record.is-inspecting .bk.is-active .bk__disc{translate:calc(var(--H) * .5) 0;transition-delay:0s}.cs--record.is-inspecting .cs__stage{--sx:5vw}.cs--record.is-inspecting .bk.is-active .bk__disc>span{animation:3.4s linear infinite cs-spin}.cs--record.is-inspecting .bk.is-active .bk__disc:after{opacity:1}@keyframes cs-spin{to{rotate:360deg}}.cs--film .bk__spine{padding-top:14px}.bk__no{font:.6rem var(--font-din);letter-spacing:.1em;border-bottom:1px solid;margin-bottom:4px;padding-bottom:8px}.cs--film .bk__st{max-height:68%;font-size:1.15rem}.cs--film .bk__pages{background:#1a1a1f}.cs--film .bk__cover{box-shadow:inset 10px 0 #00000059,inset 11px 0 #ffffff26}.bk__ticket{box-sizing:border-box;background:var(--mist);width:86px;height:150px;color:var(--ultramarine);border-top:2px dashed var(--lavender);font:.55rem var(--font-din);letter-spacing:.16em;writing-mode:vertical-rl;opacity:0;transition:translate .8s var(--ease-cs), rotate .8s var(--ease-cs), opacity .2s;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:absolute;top:0;left:58%;translate:0 10px;rotate:4deg}.bk__ticket>*{rotate:180deg}.bk__ticket b{font:italic 1.4rem var(--font-display);letter-spacing:0}.cs--film .bk.is-active .bk__ticket{opacity:1;transition-delay:.7s,.7s,.6s;translate:0 -112px;rotate:5deg}.cs--film.is-inspecting .bk.is-active .bk__ticket{transition-delay:0s;translate:0 -132px;rotate:8deg}.cs__label{z-index:4;position:absolute;top:7.4rem;left:0;right:12vw}.lab{opacity:0;transition:opacity .6s, translate .6s var(--ease-cs);pointer-events:none;flex-wrap:wrap;align-items:baseline;gap:.2rem 1.6rem;padding:0 0 0 4vw;display:flex;position:absolute;top:0;left:0;translate:0 10px}.lab.is-on{opacity:1;pointer-events:auto;translate:0}.lab__n{font:.75rem var(--font-din);letter-spacing:.18em}.lab__t{font:400 clamp(2.2rem, 3.4vw, 3.4rem)/1 var(--font-display);margin:0}.lab__a,.lab__s{font:italic 1.3rem var(--font-display)}.lab__s small{font:.62rem var(--font-din);letter-spacing:.14em;margin-left:.15em}.lab__go{all:unset;cursor:pointer;font:.72rem var(--font-din);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:.3rem;display:inline-block}.cs__panel{z-index:60;box-sizing:border-box;border-left:1.5px solid var(--ultramarine);width:44vw;height:100dvh;color:var(--mist);visibility:hidden;transition:translate .9s var(--ease-cs), visibility 0s .9s;background:#373c82;flex-direction:column;padding:6.5rem 4vw 2.6rem 3.5vw;display:flex;position:fixed;top:0;right:0;translate:100%}.cs.is-inspecting .cs__panel{visibility:visible;transition-delay:0s;translate:0}.cs__back{all:unset;cursor:pointer;font:.72rem var(--font-din);letter-spacing:.18em;text-transform:uppercase;color:var(--lavender)}.pn{flex-direction:column;flex:1;min-height:0;margin-top:2.6rem;display:none}.pn.is-on{animation:pn-in .5s var(--ease-cs);display:flex}@keyframes pn-in{0%{opacity:0;translate:0 10px}}.pn>*{flex:none}.pn .pn__body{flex:0 auto;min-height:0;overflow:hidden}.pn__body.is-clipped{-webkit-mask-image:linear-gradient(#000 calc(100% - 7rem),#0000);mask-image:linear-gradient(#000 calc(100% - 7rem),#0000)}.pn__k{font:.72rem var(--font-din);letter-spacing:.18em;color:var(--lavender)}.pn__t{font:italic 400 3.4rem/1 var(--font-display);color:#fff;margin:.8rem 0 .6rem}.pn__a{font:1.25rem var(--font-display);margin-bottom:.9rem}.pn__score{color:#fff;margin-bottom:1.4rem;font-size:1.15rem}.pn__facts{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem 1.4rem;margin:0 0 1.4rem;display:grid}.pn__facts dt{font:.6rem var(--font-din);letter-spacing:.16em;text-transform:uppercase;color:var(--lavender)}.pn__facts dd{font:1.05rem/1.3 var(--font-display);margin:.2rem 0 0}.pn__tags{flex-wrap:wrap;gap:.4rem;margin:0 0 1.6rem;display:flex}.pn__tags span{font:.65rem var(--font-din);letter-spacing:.14em;text-transform:uppercase;border:1px solid #d2d3dd66;padding:.3rem .6rem}.pn__warn{font:italic 1rem var(--font-body);color:var(--lavender);margin-bottom:1rem}.pn__none{font:italic 1.2rem var(--font-display);color:var(--lavender)}.bk__cover--type{box-sizing:border-box;color:var(--f);flex-direction:column;justify-content:space-between;padding:8% 7%;display:flex}.bk__ct{font:italic calc(var(--W) * .12)/1 var(--font-display)}.bk__ca{font:calc(var(--W) * .032) var(--font-din);letter-spacing:.16em;text-transform:uppercase}.pn__p{font:1.2rem/1.6 var(--font-body);max-width:34rem;margin-bottom:.8em}.pn__more{font:italic 1.3rem var(--font-display);color:#fff;text-underline-offset:.2em;align-self:flex-start;margin-top:1.2rem;text-decoration:underline 1px}.cs.is-inspecting .cs__label{opacity:0;pointer-events:none}.cs.is-inspecting .bk:not(.is-active){opacity:.25}.cs.is-inspecting .cs__stage{--sx:14vw}.cs.is-inspecting .bk.is-active .bk__box{transform:translateZ(calc(150px - var(--d) / 2)) translateY(-30px) rotateX(var(--rx,0deg)) rotateY(calc(90deg + var(--ry,-14deg)))}.cs--record.is-inspecting .bk.is-active .bk__box{transform:translateZ(calc(120px - var(--d) / 2)) translateY(-24px) rotateX(var(--rx,0deg)) rotateY(calc(90deg + var(--ry,-10deg)))}.cs.is-inspecting.is-switching .bk.is-active .bk__box{transform:translateZ(calc(24px - var(--d) / 2)) rotateY(90deg)}.cs--record.is-inspecting.is-switching .bk.is-active .bk__disc{translate:calc(var(--H) * .4) 0}.cs--film.is-inspecting.is-switching .bk.is-active .bk__ticket{translate:0 -112px;rotate:5deg}@media (prefers-reduced-motion:reduce){.cs *,.cs{transition-duration:.01ms!important;animation:none!important}}@media (width<=760px){.cs{--H:min(52vh, 440px)}.cs--record{--H:min(36vh, 300px)}.cs__stage{--sx:6vw}.cs__label{top:6.5rem;right:0}.lab{gap:.2rem 1rem;padding:0 1.25rem}.lab__t{flex-basis:100%;font-size:2.4rem}.cs__panel{width:100%;padding:5rem 1.25rem 2rem}}.mh[data-astro-cid-jureezux]{color:var(--ultramarine);grid-template-columns:1fr auto;align-items:end;gap:1.5rem 3rem;padding:7rem 4vw 0;display:grid}.mh__t[data-astro-cid-jureezux]{font:400 clamp(5rem, 12vw, 11rem) / .9 var(--font-din);margin:0}.mh__nav[data-astro-cid-jureezux]{font:italic 1.5rem var(--font-display);gap:1.6rem;display:flex}.mh__nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux]{text-decoration:none}.mh__nav[data-astro-cid-jureezux] a[data-astro-cid-jureezux]:hover{text-underline-offset:.2em;text-decoration:underline 1px}.mh__lede[data-astro-cid-jureezux]{max-width:34rem;font:1.2rem/1.5 var(--font-body);color:#11135a;grid-column:1/-1}@media (width<=760px){.mh[data-astro-cid-jureezux]{grid-template-columns:1fr}}