.listening-deck.listening-gallery-deck{display:block}.showcase-gallery{isolation:isolate;background:radial-gradient(at 50% 45%,#5d379b25,#0000 65%),#070b17;border-bottom:1px solid #b7a4ff20;padding:36px 26px 28px;position:relative;overflow:hidden}.gallery-ab{z-index:2;background:#251140;border:1px solid #b194ff40;border-radius:18px;width:min(100%,370px);margin:0 auto 22px;padding:5px;display:flex;position:relative}.gallery-ab button{color:#cec5e4;cursor:pointer;border:0;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px;font-size:14px;transition:background .2s,color .2s;display:flex}.gallery-ab button[aria-pressed=true]{color:#fff;background:linear-gradient(120deg,#6938bc,#4934af);box-shadow:0 3px 20px #19072b80,inset 0 1px #ffffff25}.gallery-ab b{opacity:.65;font:10px monospace}.gallery-stage{justify-content:center;align-items:center;max-width:960px;min-height:370px;margin:auto;display:flex;position:relative}.gallery-contours{pointer-events:none;z-index:-1;opacity:.7;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-contours i{--energy:0;inset:calc(var(--ring)*15px);opacity:calc(.25 + var(--energy)*.2 + var(--pulse,0)*.55);transform:rotate(calc(var(--ring)*13deg)) scale(calc(1 + var(--energy)*.05 + var(--pulse,0)*.42));box-shadow:0 0 calc(var(--pulse,0)*18px) #9b67ec45;border:2px solid #b79affbb;border-radius:42% 58% 62% 38%/55% 37% 63% 45%;position:absolute}.gallery-feature{aspect-ratio:1;z-index:2;border:1px solid #b599ff90;border-radius:38px;width:340px;animation:.4s ease-out gallery-arrive;position:relative;overflow:hidden;box-shadow:0 18px 65px #0009,0 0 45px #8a61d82a}.gallery-artwork{isolation:isolate;width:100%;height:100%;color:hsl(var(--cover-hue) 75% 78%);background:radial-gradient(ellipse at 75% 10%,hsl(var(--cover-hue) 65% 34% / .7),transparent 70%),linear-gradient(140deg,#101729,#24152e);position:relative;overflow:hidden}.gallery-artwork>svg,.gallery-artwork>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.gallery-artwork:after{content:"";z-index:-1;background:linear-gradient(#06091512 30%,#080b19d9 100%);position:absolute;inset:0}.gallery-art-label{letter-spacing:.18em;color:#f4edffe0;font:8px monospace;position:absolute;top:24px;left:25px;right:25px}.gallery-art-title{color:#fff;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 2px 12px #0009;font-size:clamp(20px,2.5vw,31px);font-weight:650;line-height:1.1;position:absolute;bottom:53px;left:25px;right:25px}.gallery-art-genre{color:#ece5ffb0;letter-spacing:.12em;text-transform:uppercase;font-size:10px;position:absolute;bottom:29px;left:25px}.gallery-play{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#7137bddd;border:1px solid #c4b0ff88;border-radius:50%;place-items:center;width:72px;height:72px;transition:background .2s,box-shadow .2s;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 30px #0006}.gallery-play:hover{background:#8749e4;box-shadow:0 0 35px #9e68ed55}.gallery-play svg{width:25px;height:25px}.gallery-version{letter-spacing:.06em;color:#fff;background:#0b102680;border:1px solid #ffffff30;border-radius:20px;padding:6px 8px;font:8px monospace;position:absolute;top:20px;right:15px}.gallery-neighbour{aspect-ratio:1;opacity:.58;cursor:pointer;border:1px solid #aeb4e025;border-radius:30px;width:220px;padding:0;transition:opacity .2s,transform .2s;position:absolute;overflow:hidden}.gallery-neighbour:hover{opacity:.85;transform:translateY(-5px)}.gallery-left{left:calc(50% - 365px);transform:rotate(-5deg)}.gallery-right{right:calc(50% - 365px);transform:rotate(5deg)}.gallery-neighbour>.gallery-artwork{display:block}.gallery-neighbour>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.gallery-neighbour .gallery-art-title{font-size:19px;bottom:35px}.gallery-neighbour .gallery-art-genre{font-size:8px;bottom:17px}.gallery-neighbour .gallery-art-label{font-size:6px}.gallery-arrow{z-index:3;color:#fff;cursor:pointer;background:#391a68;border:1px solid #bba1ee60;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute}.gallery-prev{left:0}.gallery-next{right:0}.gallery-caption{text-align:center;margin:23px 0 24px;position:relative}.gallery-caption>span{color:#af97d7;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;display:inline-flex}.gallery-caption h3{letter-spacing:-.03em;color:#f4efff;margin:7px 0;font-size:25px;font-weight:600}.gallery-caption p{color:#99a0b7;font-size:12px}.gallery-track-picker{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.gallery-track-picker button{color:#aeb4c9;cursor:pointer;background:#101627;border:1px solid #9e93c329;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-size:11px;display:flex}.gallery-track-picker button[aria-pressed=true]{color:#f3ebff;background:#30214c;border-color:#bba3ff80}.gallery-track-picker span{color:#ae8ad8;font:9px monospace}@keyframes gallery-arrive{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:720px){.showcase-gallery{padding:26px 16px}.gallery-stage{min-height:315px}.gallery-feature{border-radius:28px;width:min(64vw,300px)}.gallery-neighbour{opacity:.3;width:165px}.gallery-left{left:calc(50% - 245px)}.gallery-right{right:calc(50% - 245px)}.gallery-contours{width:430px;height:430px}.gallery-art-label{font-size:6px;top:18px;left:18px}.gallery-art-title{font-size:23px;left:18px;right:18px}.gallery-art-genre{left:18px}.gallery-version{font-size:6px;top:35px;right:12px}.gallery-arrow{width:35px;height:35px}.gallery-caption h3{font-size:22px}.gallery-track-picker button{padding:8px 10px;font-size:10px}}@media (max-width:420px){.gallery-stage{min-height:255px}.gallery-neighbour{display:none}.gallery-play{width:58px;height:58px}.gallery-feature{width:72%}.gallery-art-title{font-size:20px}.gallery-ab{margin-bottom:5px}.gallery-caption p{font-size:11px}.gallery-version{display:none}}@media (prefers-reduced-motion:reduce){.showcase-gallery *,.showcase-gallery :after{transition:none!important;animation:none!important}.gallery-contours i{transform:rotate(calc(var(--ring)*13deg));opacity:.3}}
