.releases{perspective:1400px;gap:44px;align-items:stretch;padding:22px 12px 48px}
.releases .release{position:relative;overflow:visible;transform-style:preserve-3d;transform:rotateY(6deg);animation:track-float 6s ease-in-out infinite;border-color:#9a01fd80;box-shadow:0 15px 35px #0008,0 0 25px #80f97e0c}
.releases .release:nth-child(2){transform:rotateY(-6deg);animation-delay:-3s}
.releases .release::after{content:"";position:absolute;bottom:-34px;left:14%;width:72%;height:18px;border-radius:50%;background:radial-gradient(ellipse,#80f97e24,#0008 50%,transparent 75%);filter:blur(8px);pointer-events:none}
.releases .release:hover,.releases .release:focus-within{border-color:var(--green);box-shadow:0 18px 40px #0009,0 0 30px #80f97e18}
.releases .release>p:not(.eyebrow){flex:1}.releases .release-platforms{margin-top:24px;min-height:88px;align-items:flex-start;padding:0;gap:24px;display:flex;width:100%;justify-content:flex-start}
.releases .platform-link{margin-top:0;flex:0 0 64px}
@keyframes track-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:620px){.releases{gap:58px;padding:16px 4px 34px}.releases .release{transform:rotateY(3deg)}.releases .release:nth-child(2){transform:rotateY(-3deg)}.releases .release-platforms{gap:20px}}
@media(prefers-reduced-motion:reduce){.releases .release{animation:none}}
.releases[data-carousel=true]{display:block;position:relative;overflow:hidden;touch-action:pan-y;padding:0;margin-top:40px;transition:height .3s}
.releases[data-carousel=true] .release{position:absolute;top:20px;left:50%;width:min(520px,75%);animation:track-float 6s ease-in-out infinite;transition:transform .55s,opacity .55s}
.releases[data-carousel=true] .release[data-position=center]{transform:translateX(-50%);opacity:1;z-index:3}
.releases[data-carousel=true] .release[data-position=right]{transform:translateX(20%) translateZ(-180px) rotateY(-45deg);opacity:.45;z-index:1}
.releases[data-carousel=true] .release[data-position=left]{transform:translateX(-120%) translateZ(-180px) rotateY(45deg);opacity:.45;z-index:1}
.track-select{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}.track-select[hidden]{display:none}.track-controls{margin-bottom:28px}.track-controls .button{background:transparent;color:var(--white);font-family:inherit;cursor:pointer}.track-controls .button:disabled{opacity:.35;cursor:default}.track-controls .album-current{min-width:210px}
.releases .release-platforms{flex-wrap:wrap}
@media(max-width:620px){.releases[data-carousel=true] .release{width:82%;padding:24px 20px}.releases[data-carousel=true] .release-platforms{gap:12px}.track-controls{flex-wrap:wrap}.track-controls .album-current{width:100%;order:-1}}
.releases .release:nth-child(2){background:linear-gradient(180deg,#030706c9,#030706ed),url('assets/came-from-the-dark-cover.webp') center/cover}
.soundcloud-wave{width:100%;margin:24px 0 0;border:1px solid #80f97e45;border-radius:10px;overflow:hidden;background:#101713}.soundcloud-wave iframe{display:block;width:100%;height:300px;border:0}
.releases .release:first-child{background:linear-gradient(180deg,#03070645,#03070685),url('assets/reprogram-cover.webp') center/cover}
.releases .release{text-align:center;align-items:center}.releases .release .eyebrow,.releases .release h3,.releases .release>p{width:100%}.releases .release-platforms{justify-content:center}.releases .release .tag{align-self:center}
.genre-note{position:relative;display:block;max-width:100%;align-self:center}.genre-trigger{font-family:inherit;font-size:.875rem;cursor:pointer;color:var(--green);background:#081509;border:1px solid var(--green);padding:7px 12px;min-height:44px}.genre-trigger:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.genre-definition{position:absolute;bottom:calc(100% + 12px);left:50%;width:310px;max-width:calc(82vw - 40px);padding:16px 18px;border:1px solid var(--green);border-radius:12px;background:#071109f7;color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:.875rem;line-height:1.55;text-align:left;box-shadow:0 12px 30px #000b,0 0 18px #80f97e18;z-index:8;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s}.genre-definition strong{display:block;color:var(--green);margin-bottom:8px}.genre-definition::after{content:"";position:absolute;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;background:#071109;border-right:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(45deg)}.genre-note.is-open .genre-definition{opacity:1;visibility:visible;transform:translate(-50%,0)}
.releases .release:focus-within,.releases .release:hover{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.releases[data-carousel=true] .release{animation:none!important;transition:none!important}}

.track-controls{display:none}

.releases .release.shake-gasoline{background:linear-gradient(180deg,#03070660,#030706c9),url('assets/shake-gasoline-cover.png') center/cover}

.releases[data-carousel=true] .release[data-position=hidden]{transform:translateX(-50%) translateZ(-400px);opacity:0;visibility:hidden;pointer-events:none;z-index:0}