body{padding:0 72px 0 112px}.ink{transition-delay:calc(var(--d,0) * 70ms + 30ms)}.rail-fixed{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:34px}.rail-text{writing-mode:vertical-rl;font:500 10px/1 var(--fm);letter-spacing:.34em;text-transform:uppercase;color:var(--graphite);transform:rotate(180deg)}.rail-text.faint{color:var(--faint)}.rail-dot{background:var(--ink);border-radius:50%;width:5px;height:5px}.rail-line{background:var(--line);width:1px;height:72px}.corner{z-index:5;font:500 12px/1 var(--fm);letter-spacing:.34em;color:var(--graphite);transition:opacity .5s var(--ease);position:fixed;top:26px;right:40px}body.scrolled .corner{opacity:0}.masthead{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;gap:48px;max-width:1320px;min-height:min(80vh,820px);margin:0 auto;padding:9vh 0 56px;display:grid}.mast-copy{padding-bottom:28px}.title-word{position:relative}.title{white-space:nowrap;font:700 clamp(3.6rem,8.2vw,7.4rem)/.92 var(--fm);letter-spacing:-.055em;margin:18px 0 0}.caret{color:var(--faint);margin-left:.04em;font-weight:400;animation:1.2s steps(2,start) infinite caret;display:inline-block}@keyframes caret{to{visibility:hidden}}.whisper{max-width:30em;font:italic 400 15.5px/1.6 var(--fd);color:var(--graphite);margin:26px 0 0}.mast-meta{font:400 11.5px/1.5 var(--fm);grid-template-columns:max-content 1fr;gap:6px 26px;margin:40px 0 0;display:grid}.mast-meta dt{color:var(--faint)}.mast-meta dd{color:var(--ink);margin:0}.mast-meta dd a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px;transition:text-decoration-color .2s}.mast-meta dd a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.mast-hand{place-items:center;height:520px;display:grid;position:relative}.mast-hand:before{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--glow,#999) 30%,transparent),transparent 75%);filter:blur(30px);opacity:.9;border-radius:50%;transition:background .8s;position:absolute;inset:6% 4%}.mast-hand .orbit{border:1px solid var(--line);opacity:.8;border-radius:50%;width:430px;height:430px;position:absolute}.mast-hand .orbit-label{font:500 9.5px/1 var(--fm);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);background:var(--page);padding:2px 8px;position:absolute;top:calc(50% - 222px)}.hand{width:280px;height:392px;position:relative}.hand .card{cursor:pointer;transform-origin:50% 120%;transition:transform .7s var(--ease),box-shadow .5s var(--ease);position:absolute;inset:0}.hand .card:first-child{transform:rotate(-9deg)translate(-34px)}.hand .card:nth-child(2){transform:rotate(-1deg)}.hand .card:nth-child(3){transform:rotate(8deg)translate(36px)translateY(6px)}.hand:hover .card:first-child{transform:rotate(-15deg)translate(-92px)translateY(6px)}.hand:hover .card:nth-child(2){transform:rotate(-1deg)translateY(-14px)}.hand:hover .card:nth-child(3){transform:rotate(14deg)translate(96px)translateY(14px)}.hand .card:hover{box-shadow:0 1px 0 #0000000a,0 22px 44px #00000024,0 0 44px -6px color-mix(in srgb,var(--k) 55%,transparent)}@media (prefers-reduced-motion:no-preference){.hand{animation:float 9s var(--ease-io) infinite}}@keyframes float{50%{transform:translateY(-10px)}}.hand-caption{text-align:center;font:400 10.5px/1.5 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);position:absolute;bottom:0;left:0;right:0}.spectrum{max-width:1320px;margin:0 auto 110px}.spectrum-bar{gap:3px;height:6px;display:flex}.spectrum-bar span{flex:var(--n) 1 0;background:var(--k);transition:flex-grow .8s var(--ease),opacity .3s;border-radius:1px}.spectrum-bar span.off{opacity:.18}.spectrum-legend{flex-wrap:wrap;gap:6px 32px;margin-top:14px;display:flex}.spectrum-legend button{cursor:pointer;font:500 10.5px/1.6 var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--graphite);background:0 0;border:0;align-items:baseline;gap:10px;padding:0;transition:color .2s;display:inline-flex}.spectrum-legend button:before{content:"";background:var(--k);outline-offset:-1px;border-radius:1px;outline:1px solid #12121640;align-self:center;width:7px;height:7px}.spectrum-legend button:hover,.spectrum-legend button[aria-pressed=true]{color:var(--ink)}.spectrum-legend i{color:var(--faint);letter-spacing:.08em;font-style:normal}.binder{grid-template-columns:minmax(0,1fr) 64px;max-width:1320px;margin:0 auto;display:grid}.title-card{color:#f4f4f2;background:#121214;grid-column:1/-1;align-items:center;gap:22px;height:78px;margin:6px 6px 0;padding:0 30px;display:flex;position:relative;overflow:hidden}.tc-layer{font:400 12px var(--fm);color:#9c9ca3;letter-spacing:.04em}.tc-word{font:700 24px/1 var(--fd);letter-spacing:-.03em;position:relative}.tc-note{z-index:1;font:400 10.5px/1.5 var(--fm);color:#77777d;text-align:right;margin-left:auto;margin-right:calc(26% - 10px);position:relative}.tc-fan{pointer-events:none;background:repeating-conic-gradient(from 58deg at 0% 50%,var(--vdc-rainbow-stops));opacity:.9;transform-origin:0;width:30%;transition:transform 1.1s var(--ease) .2s;position:absolute;top:0;bottom:0;right:0;transform:scaleX(.001);-webkit-mask:linear-gradient(90deg,#0000,#000 70%);mask:linear-gradient(90deg,#0000,#000 70%)}.title-card.lit .tc-fan{transform:none}.controls{grid-column:1;grid-template-columns:auto minmax(260px,1fr);grid-template-areas:"seg search""row row";gap:20px 28px;padding:34px 38px 8px;display:grid}.seg{border:1px solid var(--ink);background:var(--sheet);grid-area:seg;align-self:start;display:inline-flex}.seg button{border:0;border-left:1px solid var(--ink);cursor:pointer;height:42px;font:500 10.5px/1 var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);transition:background .25s var(--ease),color .25s var(--ease);background:0 0;align-items:center;gap:9px;padding:0 16px;display:inline-flex;position:relative}.seg button:first-child{border-left:0}.seg button:hover{background:var(--wash)}.seg button .sw{background:var(--k,var(--ink));outline-offset:-1px;width:7px;height:7px;transition:transform .3s var(--ease);border-radius:1px;outline:1px solid #12121640}.seg button .n{color:var(--faint);letter-spacing:.06em;font-weight:400;transition:color .25s}.seg button[aria-checked=true]{background:var(--ink);color:#f4f4f2}.seg button[aria-checked=true] .n{color:#8d8d93}.seg button[aria-checked=true] .sw{outline-color:#ffffff59;transform:scale(1.25)}.search{border:1px solid var(--line);height:44px;transition:border-color .25s,box-shadow .35s var(--ease);background:#fff;grid-area:search;align-items:center;gap:12px;padding:0 12px 0 14px;display:flex;position:relative}.search:focus-within{border-color:var(--ink);box-shadow:0 10px 30px #0000000f}.search-label{color:var(--ink)}.search input{min-width:0;height:100%;font:400 13px var(--fm);color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:#b4b5ba}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-count{font:400 10.5px var(--fm);letter-spacing:.12em;color:var(--graphite);white-space:nowrap;opacity:0;transition:opacity .25s}.search-count.on{opacity:1}.slash{transition:opacity .2s}.search:focus-within .slash{opacity:0}.control-row{grid-area:row;justify-content:space-between;align-items:center;gap:20px;padding-top:2px;display:flex}.sort{align-items:center;gap:12px;display:inline-flex}.sort select{appearance:none;border:0;border-bottom:1px solid var(--ink);cursor:pointer;font:500 11px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:0 0;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 7px) 11px,calc(100% - 3px) 11px;background-repeat:no-repeat;background-size:4px 4px;border-radius:0;padding:4px 18px 4px 0}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{border:1px solid var(--ink);border-radius:8px;width:28px;height:14px;transition:background .25s;position:relative}.switch-track:after{content:"";background:var(--ink);width:8px;height:8px;transition:transform .35s var(--ease),background .25s;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--ink)}.switch input:checked+.switch-track:after{background:var(--sheet);transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:1.5px solid var(--ink);outline-offset:3px}.switch .label{color:var(--graphite)}.grid-wrap{grid-column:1;position:relative}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:center;gap:52px 34px;padding:36px 38px 64px;display:grid;position:relative}.slot{flex-direction:column;gap:14px;width:280px;display:flex;position:relative}.slot.gone{display:none}.slot>.card{cursor:pointer;outline:none}.slot.big-grid{content-visibility:auto;contain-intrinsic-size:280px 420px}.caption{font:400 10px/1.3 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);justify-content:space-between;gap:12px;padding:0 2px;transition:color .3s,opacity .3s;display:flex}.caption b{color:var(--graphite);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}@media (hover:hover){.slot>.card:hover{box-shadow:0 1px 0 #0000000a,0 22px 40px #0000001c,0 0 46px -8px color-mix(in srgb,var(--k) 55%,transparent);transform:translateY(-6px)}.slot:hover .caption{color:var(--graphite)}.slot:hover .caption b{color:var(--ink)}}.slot>.card:focus-visible{box-shadow:0 0 0 2px var(--sheet),0 0 0 3.5px var(--ink),0 22px 40px #0000001c;transform:translateY(-6px)}.slot.dim>.card{opacity:.22;filter:grayscale(.5)}.slot.dim .caption{opacity:.35}.slot.dim>.card:hover{opacity:.6;filter:none}.slot.away>.card{visibility:hidden}.ghost{pointer-events:none;z-index:2;margin:0;position:absolute}.no-match{text-align:center;font:400 14px var(--fd);color:var(--graphite);margin:20px 0 90px}.slot.to-reveal>.card{animation:ready 3.2s var(--ease-io) infinite}@keyframes ready{50%{box-shadow:0 1px 0 #0000000a,0 10px 24px #00000014,0 0 36px -4px color-mix(in srgb,var(--k) 60%,transparent)}}.rail{border-left:1px solid var(--line);flex-direction:column;grid-area:2/2/5;align-items:center;gap:14px;padding-top:30px;display:flex}.rail .rail-text{transform:none}.title-block{border-top:1px solid var(--ink);grid-column:1/-1;grid-template-columns:repeat(5,1fr);display:grid}.title-block div{border-left:1px solid var(--ink);flex-direction:column;gap:2px;min-width:0;padding:9px 14px 10px;display:flex}.title-block div:first-child{border-left:0}.title-block span{font:400 9.5px var(--fm);color:var(--faint);letter-spacing:.04em}.title-block b{font:500 12.5px var(--fd);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shelf{flex-wrap:wrap;grid-column:1;align-items:flex-end;gap:80px;padding:34px 38px 6px;display:flex}.pack-label{align-items:baseline;gap:12px;margin:0 0 16px;display:flex}.pack-label b{font:600 13px var(--fd);letter-spacing:.02em;color:var(--ink)}.fan{cursor:pointer;height:440px;margin-left:30px;position:relative}.fan .card,.stack .card{transform-origin:50% 115%;transition:transform .6s var(--ease),box-shadow .35s;position:absolute;top:0;left:0}.fan.laid{cursor:default}.stack{cursor:pointer;width:280px;height:440px;position:relative}.stack .badge{z-index:9;background:var(--ink);color:#fff;min-width:28px;height:28px;font:500 11px/28px var(--fm);text-align:center;border-radius:14px;padding:0 8px;position:absolute;top:-10px;right:-10px}.foot{flex-direction:column;gap:22px;max-width:1320px;margin:150px auto 0;padding-bottom:150px;display:flex}.to-world{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 22px;width:max-content;max-width:100%;text-decoration:none;display:inline-flex}.to-world .label{text-transform:lowercase;letter-spacing:.08em;flex-basis:100%}.to-world-word{font:700 clamp(2.4rem,5.2vw,4.4rem)/1 var(--fd);letter-spacing:-.045em;background:linear-gradient(90deg,var(--vdc-rainbow)) 0 100%/0 3px no-repeat;transition:background-size .7s var(--ease);padding-bottom:8px;position:relative}.to-world:hover .to-world-word,.to-world:focus-visible .to-world-word{background-size:100% 3px}.to-world-word:before,.to-world-word:after{content:attr(data-text);pointer-events:none;mix-blend-mode:multiply;opacity:0;position:absolute;top:0;left:0}.to-world-word:before{color:var(--vdc-pink)}.to-world-word:after{color:var(--vdc-cyan)}.to-world:hover .to-world-word:before{opacity:1;animation:.42s step-end 2 slip-a}.to-world:hover .to-world-word:after{opacity:1;animation:.36s step-end 2 slip-b}.to-world .arrow{font:300 clamp(2rem,4.4vw,3.6rem)/1 var(--fd);transition:transform .6s var(--ease)}.to-world:hover .arrow{transform:translate(12px)}.foot-note{font:400 10.5px var(--fm);letter-spacing:.12em;color:var(--faint);margin:0}.dock{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfbfac7;display:flex;position:fixed;bottom:24px;right:32px}.dock a{font:500 10.5px/1 var(--fm);letter-spacing:.24em;text-transform:uppercase;color:var(--faint);padding:12px 18px;text-decoration:none;transition:color .2s;position:relative}.dock a:hover,.dock a[aria-current]{color:var(--ink)}.dock a[aria-current]:after{content:"";background:var(--ink);border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:5px;left:50%}.plate{z-index:50;perspective:1700px;--cx:38%;--s:2;position:fixed;inset:0}.plate[hidden]{display:none}.scrim{-webkit-backdrop-filter:blur(14px)saturate(.7);backdrop-filter:blur(14px)saturate(.7);opacity:0;transition:opacity .45s var(--ease);background:#f3f3f1cc;position:absolute;inset:0}.plate.shown .scrim{opacity:1}.halo{left:var(--cx);pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--k,#999) 34%,transparent),transparent 72%);filter:blur(36px);opacity:0;width:820px;height:960px;transition:opacity .8s var(--ease),left .6s var(--ease);border-radius:50%;margin:-480px 0 0 -410px;position:absolute;top:50%}.plate.shown .halo{opacity:1}.plate.rarity-divine .halo,.plate.rarity-rare .halo{animation:breathe 7s var(--ease-io) infinite}@keyframes breathe{50%{transform:scale(1.07)}}.holder{left:var(--cx);width:280px;height:392px;transform-style:preserve-3d;margin:-196px 0 0 -140px;position:absolute;top:50%}.holder .tilt{width:280px;height:392px;transform-style:preserve-3d;will-change:transform}.holder .flipper{cursor:pointer}.holder .card{box-shadow:0 1px #0000000a,0 30px 70px #00000038}.plate-info{left:calc(var(--cx) + 140px * var(--s) + 72px);opacity:0;filter:blur(6px);width:min(360px,30vw);transition:opacity .6s var(--ease) .15s,filter .6s var(--ease) .15s;position:absolute;top:50%;transform:translateY(-50%)}.plate.shown .plate-info{opacity:1;filter:none}.plate.reading .plate-info{opacity:0;filter:blur(6px);pointer-events:none;transition-delay:0s}.plate-x{border:1px solid var(--line);background:var(--sheet);cursor:pointer;height:34px;font:500 10.5px/1 var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--graphite);padding:0 14px;transition:color .2s,border-color .2s,opacity .3s;position:absolute;top:22px;right:28px}.plate-x:hover{color:var(--ink);border-color:var(--ink)}.plate.reading .plate-x{opacity:0;pointer-events:none}.pi-label{align-items:center;gap:12px;display:flex}.pi-label .sw{background:var(--k);outline-offset:-1px;border-radius:1px;outline:1px solid #12121640;width:7px;height:7px}.pi-title{font:500 clamp(28px,2.8vw,40px)/1.02 var(--fd);letter-spacing:-.035em;color:var(--ink);margin:16px 0 0}.pi-artist{color:var(--graphite);margin:8px 0 0;font:italic 400 21px/1.2 Instrument Serif,serif}.pi-meta{font:400 11.5px/1.5 var(--fm);border-top:1px solid var(--line);grid-template-columns:max-content 1fr;gap:7px 22px;margin:28px 0 0;padding-top:18px;display:grid}.pi-meta dt{color:var(--faint)}.pi-meta dd{color:var(--ink);align-items:center;gap:8px;margin:0;display:flex}.pi-meta svg path{fill:var(--k);stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.pi-stats{border-top:1px solid var(--line);gap:8px;margin:18px 0 0;padding-top:18px;display:grid}.pi-stat{font:400 11px var(--fm);color:var(--graphite);grid-template-columns:86px 1fr 18px;align-items:center;gap:12px;display:grid}.pi-bar{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.pi-bar i{background:var(--line-2);transform-origin:0;border-radius:1px;height:6px}.pi-bar i.on{background:var(--k);outline-offset:-1px;outline:1px solid #1212162e}.plate.shown .pi-bar i.on{animation:grow .7s var(--ease) both;animation-delay:calc(var(--j) * 50ms + .3s)}@keyframes grow{0%{transform:scaleX(0)}}.pi-stat b{color:var(--ink);text-align:right;font-weight:500}.pi-keys{font:400 10.5px var(--fm);color:var(--faint);flex-wrap:wrap;gap:8px 16px;margin:26px 0 0;display:flex}.pi-keys span{align-items:center;gap:6px;display:inline-flex}.pi-read{border:1px solid var(--ink);background:var(--ink);color:#f4f4f2;cursor:pointer;height:40px;font:500 10.5px/1 var(--fm);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;padding:0 18px;transition:background .2s,color .2s;display:inline-flex}.pi-read:hover{background:var(--sheet);color:var(--ink)}.pi-sealed{font:italic 400 15px/1.6 var(--fd);color:var(--graphite);margin-top:16px}@media (max-width:1080px){.plate{--cx:50%}.plate-info{display:none}.masthead{grid-template-columns:1fr;min-height:0;padding-top:120px}.mast-hand{height:460px}}@media (max-width:820px){body{padding:0 18px}.rail-fixed,.corner{display:none}.binder{grid-template-columns:1fr}.rail{display:none}.controls{grid-template-columns:1fr;grid-template-areas:"seg""search""row";padding:24px 16px 8px}.seg{max-width:100%;overflow-x:auto}.grid{gap:40px 20px;padding:28px 12px 48px}.title-block{grid-template-columns:repeat(2,1fr)}.title-block div:nth-child(n+3){border-top:1px solid var(--ink)}.shelf{padding:28px 16px 6px}.mast-hand .orbit{width:360px;height:360px}}@media (max-width:560px){.masthead{gap:24px;padding-top:72px}.title{font-size:clamp(3rem,15vw,4rem)}.mast-hand{height:380px}.mast-hand .orbit{width:290px;height:290px}.mast-hand .orbit-label{top:calc(50% - 152px)}.hand{scale:.72}.spectrum-legend{gap:10px 18px}.title-card{gap:14px;height:68px;padding:0 18px}.tc-word{white-space:nowrap;font-size:21px}.tc-note{display:none}.tc-fan{width:42%}.foot{margin-top:96px;padding-bottom:110px}.dock{bottom:16px;right:50%;transform:translate(50%)}}@media (max-width:700px){.holder{top:calc(50% - 96px)}.plate-info{top:auto;left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfbfaeb;width:auto;padding:14px 16px 16px;display:block;transform:none}.pi-stats,.pi-keys{display:none}.pi-title{margin-top:8px;font-size:22px}.pi-artist{margin-top:4px;font-size:16px}.pi-meta{grid-template-columns:max-content 1fr max-content 1fr;gap:4px 12px;margin-top:10px;padding-top:10px;font-size:10.5px}.pi-read{justify-content:center;width:100%;height:38px;margin-top:12px}.plate-x{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.tc-fan{transition:none}.to-world-word:before,.to-world-word:after{display:none}.hand,.caret,.plate.rarity-divine .halo,.plate.rarity-rare .halo,.slot.to-reveal>.card{animation:none}}
