:root{--black:#090a0d;--white:#c6c3cd;--grey:#a19ca9;--acid:#d7ff3f;--pink:#ff168e;--violet:#6d25ff;--orange:#ff6338;--line:rgba(152,135,170,.2)}

/* Motion direction: slow turntable light, depth on sleeves, timed entrances. */
body{overflow-x:clip}
::selection{background:var(--pink);color:var(--black)}
a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:6px}
.grain{inset:-5%;opacity:.035;animation:none}
.masthead{background:#090a0d}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:30;background:linear-gradient(90deg,var(--pink),var(--acid));transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.cover-hero{height:auto;min-height:max(720px,calc(100svh - 76px));padding:85px 10vw 110px;animation:none;isolation:isolate}
.cover-copy{position:relative;inset:auto;max-width:580px}
.cover-copy h1{font-size:clamp(90px,10.8vw,160px);line-height:.94;margin:24px 0;color:#c6c3cd}
.cover-copy h1>span{display:block;animation:titleEnter 1.1s cubic-bezier(.16,1,.3,1) both}
.cover-copy h1>span:nth-child(2){animation-delay:110ms}
.cover-copy h1>span:nth-child(3){animation-delay:220ms}
.cover-copy h1 i{color:var(--acid)}
.hero-sub{color:#a19ca9;margin:26px 0}
.cover-disc{width:min(57vw,730px);right:1%;top:14%;transition:translate .7s cubic-bezier(.2,.7,.2,1);animation:recordSpin 16s linear infinite;box-shadow:0 0 0 1px #e831a1a6,0 0 35px #f0209638,0 0 110px #94136a45}
.cover-disc:before{border-color:#fc35b0;box-shadow:0 0 18px #ff168e80,0 0 44px #ff168e40,inset 0 0 30px #cc248950;animation:ringBreath 6s ease-in-out infinite}
.cover-disc:after{inset:5%;background:conic-gradient(from 0deg,transparent 0deg 60deg,#b2238070 80deg,transparent 110deg 240deg,#b5d44570 265deg,transparent 290deg);filter:none;opacity:.8;animation:none}
.disc-hole{border-color:#e93d9c;background:radial-gradient(circle,#451338,#090a0d);color:var(--pink);box-shadow:0 0 20px #ff168e45;text-shadow:0 0 14px #ff168e99}
.disc-hole:after{content:"";position:absolute;top:12%;left:49%;width:2px;height:9%;background:var(--acid);box-shadow:0 0 8px var(--acid)}
.cover-orbit{animation:orbitBreath 9s ease-in-out infinite;box-shadow:none;opacity:.5}
.orbit-two{animation-delay:-4s;opacity:.3}
.cover-stamp{color:#98939d;border-color:#504556;bottom:20%;animation:stampTurn 40s linear infinite}
.cover-stamp:before{border-color:#7b8750}
.cover-footer{bottom:28px}
.side-label{left:4%;color:#8f8798}
.acid-button{position:relative;overflow:hidden;border:1px solid var(--acid);background:#d7ff3f;color:#11150a}
.acid-button:after{content:"";position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 42%,#14180b30 50%,transparent 58%);transform:translateX(-100%);transition:transform .8s}
.acid-button:hover{transform:translateY(-3px);background:#c5eb36}
.acid-button:hover:after{transform:translateX(100%)}
.acid-button span{display:inline-block;transition:transform .3s}
.acid-button:hover span{transform:translate(3px,3px)}
.release-strip,.statement,.connect{padding:95px 8vw}
.release-strip{background:#0d0e13;border-top:1px solid var(--line)}
.section-tag{display:flex;align-items:center;gap:16px}
.section-tag:after{content:"";height:1px;background:var(--line);flex:1;max-width:150px}
.release-strip .section-tag,.statement .section-tag,.connect .section-tag{color:var(--grey)}
.release-grid{gap:22px;margin-top:40px;perspective:1200px}
.release{--neon:255,36,170;position:relative;min-width:0;min-height:380px;text-decoration:none;animation:none;border:1px solid rgba(var(--neon),.8);border-radius:2px;box-shadow:0 0 8px rgba(var(--neon),.22),0 0 28px rgba(var(--neon),.14),inset 0 0 22px rgba(var(--neon),.08);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,box-shadow .35s,border-color .35s}
.release-b{--neon:255,94,65}.release-c{--neon:185,255,59}
.release:hover,.release:focus-visible{border-color:rgb(var(--neon));box-shadow:0 20px 45px #0007,0 0 12px rgba(var(--neon),.5),0 0 48px rgba(var(--neon),.25),inset 0 0 22px rgba(var(--neon),.12)}
.release:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px)}
.release:after{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--neon),.16);pointer-events:none}
.release-art{width:100%;aspect-ratio:1.15;min-height:230px;font-size:clamp(38px,4vw,62px);line-height:.97;letter-spacing:-.01em;padding:28px 24px;color:#c4bdcd}
.art-purple{background:radial-gradient(ellipse at 80% 90%,#752657,transparent 65%),#1b1325}
.art-red{background:radial-gradient(ellipse at 80% 85%,#852e35,transparent 65%),#241317}
.art-night{background:radial-gradient(ellipse at 80% 90%,#35543e,transparent 65%),#111e1a}
.release-art:after{inset:-30%;opacity:.25;animation:sleeveDrift 16s ease-in-out infinite alternate}
.release-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgba(var(--neon),.26),transparent 65%);opacity:.4;transition:opacity .3s;pointer-events:none}
.release:hover .release-art:before{opacity:1}
.release-art small{color:#c2b8c6;bottom:24px;left:24px}
.release-info{padding:22px 24px 12px;gap:8px;border-top:1px solid rgba(var(--neon),.6);box-shadow:0 -4px 18px rgba(var(--neon),.12)}
.release-info small{color:#a19ca9;line-height:1.5}
.release-arrow{transition:transform .3s,color .3s;margin:0 24px 20px;color:#a688ac}
.release:hover .release-arrow{transform:translate(3px,-3px);color:var(--acid)}
.statement{background:#111016}
.statement-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6vw}
.statement h2{font-size:clamp(52px,6.7vw,105px);line-height:1.04;letter-spacing:0}
.statement-mark{font-size:clamp(170px,26vw,330px);color:#721f57;text-shadow:5px 5px 0 #271c38}
.statement-mark span{color:#93a73e}
.statement-layout p{color:#aaa2b2}
.posters{gap:16px;padding:28px 8vw 90px;background:#111016}
.poster{--neon:255,109,59;min-width:0;min-height:360px;padding:24px;border:1px solid rgba(var(--neon),.75);box-shadow:0 0 10px rgba(var(--neon),.2),0 0 30px rgba(var(--neon),.12),inset 0 0 32px rgba(var(--neon),.1);animation:none;transition:transform .5s,border-color .5s,box-shadow .5s;filter:none}
.poster-green{--neon:183,255,50}.poster-blue{--neon:38,214,255}
.poster:before{content:"";position:absolute;inset:8px;border:1px solid rgba(var(--neon),.22);pointer-events:none}
.poster strong{font-size:clamp(40px,5.3vw,80px);line-height:.99}
.poster strong i{color:inherit;-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent}
.poster-orange{background:radial-gradient(ellipse at bottom right,#51271d,transparent 80%),#17120f;color:#cf704f}
.poster-green{background:radial-gradient(ellipse at bottom right,#303b1f,transparent 80%),#12160e;color:#b0c057}
.poster-blue{background:radial-gradient(ellipse at bottom right,#203747,transparent 80%),#11151c;color:#739eae}
.poster:after{opacity:.18}
.poster:hover{transform:translateY(-5px);filter:none;border-color:rgb(var(--neon));box-shadow:0 0 14px rgba(var(--neon),.4),0 0 44px rgba(var(--neon),.2),inset 0 0 40px rgba(var(--neon),.14)}
.connect{background:#090a0d;color:var(--white);border-top:1px solid var(--line)}
.connect h2{color:var(--white);font-size:clamp(48px,8.3vw,125px);line-height:1.04}
.connect h2 em{color:#9975ca}
.connect-links{border:1px solid #a549db80;padding:0 20px;box-shadow:0 0 12px #a549db22,0 0 36px #a549db14,inset 0 0 28px #a549db0d}
.connect-links a:last-child{border-bottom:0}
.connect-links a{position:relative;color:var(--white);border-color:var(--line);animation:none;font-size:clamp(24px,3vw,40px);transition:color .3s,padding .3s,background .3s}
.connect-links a:hover{background:#15121c;padding-left:16px;color:#c1d47a}
.connect-links b{color:#a289b9;transition:transform .3s}
.connect-links a:hover b{transform:translate(3px,-3px)}
.reveal{opacity:0;translate:0 25px;transition:opacity .8s ease,translate 1s cubic-bezier(.16,1,.3,1),transform .35s,border-color .35s,box-shadow .35s;transition-delay:calc(var(--i,0)*80ms)}
.reveal.is-visible{opacity:1;translate:0 0}
.release:nth-child(2),.poster:nth-child(2),.connect-links a:nth-child(2){--i:1}
.release:nth-child(3),.poster:nth-child(3),.connect-links a:nth-child(3){--i:2}
.offscreen *,.offscreen *:before,.offscreen *:after{animation-play-state:paused!important}
@keyframes titleEnter{from{opacity:0;transform:translateY(35px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes recordSpin{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}
@keyframes ringBreath{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes orbitBreath{0%,100%{opacity:.25;translate:0 0}50%{opacity:.6;translate:0 8px}}
@keyframes stampTurn{to{transform:rotate(348deg)}}
@keyframes sleeveDrift{from{transform:rotate(27deg) translateX(-2%)}to{transform:rotate(36deg) translateX(2%)}}
@media(max-width:1000px){.release-grid{gap:14px}.release-art{font-size:40px;padding:20px}.statement h2{font-size:clamp(46px,6.5vw,80px)}}
@media(max-width:760px){
  .cover-hero{min-height:760px;padding:65px 8vw 115px}
  .cover-copy{left:auto;top:auto}.cover-copy h1{font-size:clamp(85px,17vw,122px)}
  .cover-disc{width:90vw;right:-30vw;top:30%;opacity:.65}
  .side-label{display:none}.cover-stamp{right:8%;bottom:16%;width:64px;height:64px}
  .cover-orbit{top:47%;right:-25vw;width:120vw;height:40vw}
  .orbit-two{top:52%;right:-20vw}
  .release-strip,.statement,.connect{padding:65px 7vw}
  .release-grid{gap:24px}.release-art{font-size:55px;min-height:240px}
  .statement-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .statement-mark{font-size:150px;margin:30px 0}
  .statement h2{font-size:clamp(42px,9.5vw,70px);line-height:1.07}
  .posters{padding:0 7vw 65px;gap:16px}.poster{min-height:315px}.poster strong{font-size:56px}
  .connect h2{font-size:clamp(40px,8.8vw,65px)}
  .release:hover{transform:none}
}