.album-feature{grid-template-columns:1.13fr 1fr;gap:7%;padding-block:78px}
.album-experience{position:relative;min-width:0;aspect-ratio:1/1.08;background:radial-gradient(ellipse at 42% 35%,#193d98,#091a49 65%,#07102d);border:1px solid #1c3270;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff20,0 22px 50px #18275619;color:#d3ddf5;isolation:isolate;overflow:hidden;perspective:1100px}
.album-stage-top,.album-stage-bottom{position:absolute;z-index:3;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.album-stage-top{top:7%;gap:12px}.album-stage-top [data-metal-text]{min-height:30px}.album-stage-top [data-metal-badge]{min-width:49px;min-height:28px}
.album-stage-bottom{bottom:8%;font-size:9px;line-height:1.7;letter-spacing:1.6px}.album-stage-bottom strong{font-size:10px;display:block;font-weight:500;letter-spacing:1.1px;color:#f1f5ff}
.album-turntable{position:absolute;inset:16% 0 13%;padding:0;width:100%;border:0;background:transparent;perspective:1000px;cursor:pointer;touch-action:manipulation;color:inherit;--rx:0deg;--ry:0deg;--lift:0px}
.record-composition{position:absolute;left:10%;top:12%;width:60%;aspect-ratio:1;transform-style:preserve-3d;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-7deg);transition:filter .4s;filter:drop-shadow(10px 30px 20px #02071399);will-change:transform}
.album-sleeve{position:absolute;inset:0;z-index:2;border:1px solid #3268b5;border-radius:3px;background:#09379f;transform:translateZ(12px);box-shadow:inset 1px 1px 0 #ffffff45,4px 3px 0 #061e57,6px 5px 3px #030c24aa;overflow:hidden}
.album-sleeve img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1}.album-sleeve:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff26,transparent 35%,#b7d3ff08 55%,#040d3525);pointer-events:none}
.vinyl-disc{position:absolute;width:94%;aspect-ratio:1;left:34%;top:3%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 2px,#77809820 2.5px 3px,transparent 3.5px 4px),conic-gradient(from 40deg,#090b14,#404557 12%,#0c0f19 22%,#080b13 45%,#4c5365 59%,#0b0d18 69%,#0a0d15);box-shadow:inset 0 0 0 1px #b0b9d866,inset 0 0 0 9px #020817,0 10px 20px #0005;animation:record-turn 15s linear infinite;animation-play-state:paused;transition:left .7s cubic-bezier(.2,.7,.2,1)}
.vinyl-label{position:absolute;inset:33%;border-radius:50%;background:#1045b8 url('/assets/sotamk-cover.jpg') center/cover;border:1px solid #97baff77;box-shadow:0 0 0 3px #030815}.vinyl-label:after{content:'';position:absolute;inset:44%;border-radius:50%;background:#060c20;box-shadow:0 0 0 2px #9aabce99}
.record-shadow{position:absolute;left:12%;right:9%;bottom:17%;height:14%;background:#03081988;filter:blur(18px);border-radius:50%;transform:rotate(-7deg)}
.album-turntable:hover .vinyl-disc,.album-turntable:focus-visible .vinyl-disc{left:49%}.album-turntable:focus-visible{outline:2px solid #b9ccff;outline-offset:-15px;border-radius:12px}
.album-play-cue{position:absolute;z-index:4;left:50%;top:48%;display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff70;border-radius:50%;background:#091435b5;box-shadow:0 0 35px #7b9fff25;backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:background .25s,scale .25s;font-size:17px;padding-left:3px}
.album-turntable:hover .album-play-cue{background:#173475e6;scale:1.08}
.album-wave{display:flex;align-items:center;gap:3px;height:26px}.album-wave i{display:block;width:2px;height:18px;border-radius:2px;background:#a1bbff;transform-origin:center;animation:album-wave 1.2s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s);animation-play-state:paused}
.album-experience.is-visible[data-paused="false"] .vinyl-disc,.album-experience.is-visible[data-paused="false"] .album-wave i{animation-play-state:running}
.album-pause-slot{position:absolute;right:6%;bottom:16%;z-index:5;display:inline-flex}
body .album-pause[data-metal="circle"]{width:34px;height:34px;min-width:34px;font-size:11px}
@keyframes record-turn{to{rotate:360deg}}@keyframes album-wave{0%{scale:1 .25}100%{scale:1 1}}
@media(max-width:1000px){.album-feature{gap:5%}.album-stage-top [data-metal-text]{transform:scale(.85);transform-origin:left center}.album-stage-bottom{font-size:8px;letter-spacing:1px}.album-stage-bottom strong{font-size:9px}}
@media(max-width:720px){.album-feature{grid-template-columns:1fr;gap:38px;padding-block:44px}.album-experience{width:min(100%,480px);justify-self:center}.album-stage-top [data-metal-text]{transform:none}.album-stage-bottom{font-size:9px}.album-feature-copy{padding-inline:2px}.album-feature h3{font-size:clamp(37px,10vw,56px)}}
@media(prefers-reduced-motion:reduce){.record-composition,.vinyl-disc,.album-play-cue{transition:none}.vinyl-disc,.album-wave i{animation:none!important}}
.album-stage-top.plan-name-row{justify-content:flex-start;gap:14px}