.catalog-record-art{aspect-ratio:1;width:100%;display:block;position:relative}.catalog-record-art img{object-fit:cover;width:100%;height:100%;display:block}.cover-gloss{pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 #fff5,inset -2px 0 #20201633}.catalog-record-image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.catalog-record-image img[data-loaded=true]{animation:.22s ease-out cover-reveal}@keyframes cover-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.catalog-record-image img[data-loaded=true]{animation:none}}:is(.catalog-record,.list-record-artwork):is([data-media-format=CD],[data-media-format=Cassette]) .catalog-record-open{aspect-ratio:1;justify-content:center;align-items:flex-end;width:100%;display:flex}:is(.catalog-record,.list-record-artwork):is([data-media-format=CD],[data-media-format=Cassette]) .catalog-record-art{background:linear-gradient(115deg,#f5f1e770,#686d6f80 48%,#f9f5e270);border:1px solid #f9f7e7a8;border-radius:3px;box-shadow:inset 0 0 0 2px #292e355c,inset 0 0 0 3px #fff9e65c,2px 2px #3c3d39,4px 7px 9px #100a0899}:is(.catalog-record,.list-record-artwork)[data-media-format=CD] .catalog-record-art{aspect-ratio:1.14;width:96%;padding:3px 3px 3px 9%}:is(.catalog-record,.list-record-artwork)[data-media-format=CD] .catalog-record-art:before{content:"";background:repeating-linear-gradient(90deg,#161919,#161919 1px,#383b3a 2px);border-right:1px solid #fcf8e87a;width:9%;position:absolute;inset:2px auto 2px 2px}:is(.catalog-record,.list-record-artwork)[data-media-format=CD] .catalog-record-art img{object-fit:contain;background:#242822}:is(.catalog-record,.list-record-artwork)[data-media-format=CD] .catalog-record-image{background-color:#242822;background-size:contain}:is(.catalog-record,.list-record-artwork)[data-media-format=Cassette] .catalog-record-art{aspect-ratio:.62;flex-direction:column;width:62%;padding:4px 5px 5px;display:flex}:is(.catalog-record,.list-record-artwork)[data-media-format=Cassette] .catalog-record-art img,:is(.catalog-record,.list-record-artwork)[data-media-format=Cassette] .catalog-record-image{aspect-ratio:1;height:auto}.cassette-inlay{color:#302d27;text-align:left;background:#e8dfc8;flex-direction:column;flex:1;gap:3px;min-height:0;padding:7px 5px 4px;font-size:clamp(6px,.65vw,10px);line-height:1.2;display:flex;overflow:hidden}.cassette-inlay strong,.cassette-inlay>span{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;display:block;overflow:hidden}.cassette-inlay small{letter-spacing:1px;text-transform:uppercase;border-top:1px solid #302d2733;margin-top:auto;padding-top:3px;font-size:6px}.record-focus[data-media-format=CD] .record-stage-art{aspect-ratio:1.14}.record-focus[data-media-format=Cassette] .record-stage-art{aspect-ratio:.62;width:48%;max-width:270px;margin-left:10%}.record-focus:is([data-media-format=CD],[data-media-format=Cassette]) .extracted-sleeve{background:linear-gradient(115deg,#f5f1e770,#686d6f80 48%,#f9f5e270);border:1px solid #f9f7e7a8;border-radius:3px;transform:none;box-shadow:inset 0 0 0 2px #292e355c,inset 0 0 0 3px #fff9e65c,3px 5px #3c3d39,5px 12px 18px #100a0855}.record-focus[data-media-format=CD] .extracted-sleeve{padding:3px 3px 3px 9%}.record-focus[data-media-format=CD] .extracted-sleeve:before{content:"";background:repeating-linear-gradient(90deg,#161919 0 1px,#383b3a 2px);border-right:1px solid #fcf8e87a;width:9%;position:absolute;inset:2px auto 2px 2px}.record-focus[data-media-format=CD] .extracted-sleeve img{object-fit:contain;box-shadow:none;background:#242822}.record-focus[data-media-format=Cassette] .extracted-sleeve{flex-direction:column;padding:4px 5px 5px;display:flex}.record-focus[data-media-format=Cassette] .extracted-sleeve img{aspect-ratio:1;height:auto;box-shadow:none}.record-focus[data-media-format=Cassette] .cassette-inlay{padding:12px 8px 8px;font-size:clamp(9px,1vw,14px)}.record-focus[data-media-format=Cassette] .cassette-inlay small{font-size:8px}.extracted-cd{aspect-ratio:1;background:radial-gradient(circle,#0000 58%,#ffffffa6 59%,#0000 60%),conic-gradient(#cdd5d7,#f7f4ed 12%,#93b8ba 18%,#e3b4ce 21%,#e5deb4 24%,#ecf4f7 30%,#9ba7ae 47%,#f7f5ed 62%,#a4becb 68%,#dbb8c9 71%,#e8e0b6 74%,#f4f6ee 80%,#b0bdc1);border-radius:50%;place-items:center;height:94%;display:grid;position:absolute;top:3%;left:12%;box-shadow:inset 0 0 0 1px #ffffffc9,inset 0 0 0 4px #a9b4b580,4px 12px 18px #20201655}.record-focus .extracted-cd .record-centre{color:#252e31;width:80%;height:80%;box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:flex-start;gap:2px;padding:13% 8% 0;animation:none;display:flex;transform:rotate(-140deg)}.record-focus .extracted-cd .record-centre strong{font-size:clamp(10px,1.4vw,17px)}.record-focus .extracted-cd .record-centre i{display:none}.extracted-cd:after{content:"";background:var(--record-primary,#fff0cf);border-radius:50%;position:absolute;inset:44%;box-shadow:0 0 0 3px #ffffff70}.extracted-cassette{z-index:3;aspect-ratio:1.58;background:linear-gradient(145deg,#383a34,#151712 65%,#2d3029);border:2px solid #363832;border-radius:7px;width:92%;position:absolute;top:22%;left:4%;box-shadow:inset 0 0 0 2px #0008,inset 0 0 0 4px #ffffff12,4px 12px 18px #20201655}.cassette-label{color:#302d27;background:#e8dfc8;border:1px solid #ffffff40;border-radius:3px;padding:5% 8% 0 15%;font-family:Club Sans,sans-serif;line-height:1.1;position:absolute;inset:8% 7% 27%;overflow:hidden}.cassette-label>span,.cassette-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6px,.75vw,10px);display:block;overflow:hidden}.cassette-label>span:last-of-type,.cassette-label i{display:none}.cassette-side{color:#f7f0dd;text-shadow:0 1px 2px #000b;font:700 clamp(10px,1.3vw,18px)/1 Club Sans,sans-serif;position:absolute;top:14%;left:10%}.cassette-window{background:linear-gradient(#2d2418,#63523a 48%,#251e14 52%);border:2px solid #0c100a;border-radius:999px;justify-content:space-between;align-items:center;padding:0 10%;display:flex;position:absolute;inset:38% 15% 32%;box-shadow:0 1px #ffffff3b}.cassette-reel{aspect-ratio:1;background:#161a13;border:3px dashed #c9c9b7;border-radius:50%;height:88%;display:block;box-shadow:0 0 0 1px #eff0d2}.cassette-head{clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:#1a1d16;border:1px solid #ffffff20;height:20%;position:absolute;inset:auto 20% 2%}.cassette-head:after{content:"";background:repeating-linear-gradient(90deg,#080b07 0 12%,#0000 12% 22%);position:absolute;inset:48% 12% 18%}