.cn-intro{z-index:50;cursor:pointer;background:radial-gradient(at 50% 40%,oklch(18% .04 150) 0%,oklch(8% .005 150) 70%);flex-direction:column;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;transition:opacity .6s,transform .6s;display:flex;position:fixed;inset:0;overflow:hidden}.cn-intro--exit{opacity:0;pointer-events:none;animation:.5s steps(3,end) cnGlitchScreen;transform:scale(1.05)}@keyframes cnGlitchScreen{0%{filter:hue-rotate()contrast();transform:translate(0)scale(1)}20%{filter:hue-rotate(80deg)contrast(1.4);transform:translate(-6px,3px)scale(1.01)}40%{filter:hue-rotate(-50deg)contrast(.9);transform:translate(5px,-2px)scale(1.02)}60%{filter:hue-rotate(120deg)contrast(1.2);transform:translate(-3px,4px)scale(1.03)}to{filter:hue-rotate()contrast();transform:translate(0)scale(1.05)}}.cn-sleeve{aspect-ratio:1;background:linear-gradient(135deg,oklch(12% .01 150) 0%,oklch(22% .015 150) 100%);border:1px solid oklch(100% 0 0/.22);border-radius:4px;place-items:center;width:min(280px,70vw);display:grid;position:relative;overflow:visible;box-shadow:0 30px 80px oklch(0% 0 0/.7),inset 0 0 0 1px oklch(0% 0 0/.4)}.cn-sleeve:before{content:"SIDE A · 33⅓ RPM";letter-spacing:.28em;color:oklch(88% .28 142);font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;top:14px;left:14px}.cn-sleeve:after{content:"TRACK 01 / 12";letter-spacing:.28em;color:oklch(78% .22 45);font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;bottom:14px;right:14px}.cn-vinyl{aspect-ratio:1;background-color:#0000;background-image:repeating-radial-gradient(circle,oklch(100% 0 0/.04) 0 1px,#0000 1px 5px),radial-gradient(circle,oklch(20% 0 0) 0%,oklch(4% 0 0) 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:50%;width:78%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(0);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08),inset 0 0 40px oklch(0% 0 0/.8),0 0 40px oklch(88% .28 142/.15)}.cn-vinyl:before{content:"";background:oklch(78% .22 45);border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 30px oklch(78% .22 45/.5)}.cn-vinyl:after{content:"";background:oklch(8% .005 150);border:1px solid oklch(0% 0 0/.8);border-radius:50%;position:absolute;inset:47%}.cn-intro--playing .cn-vinyl{animation:1.6s linear infinite cnSpin;transform:translate(28%,-8%)}@keyframes cnSpin{to{transform:translate(28%,-8%)rotate(360deg)}}.cn-arm{transform-origin:100%;opacity:0;background:linear-gradient(90deg,oklch(70% 0 0),oklch(40% 0 0));border-radius:4px;width:50%;height:8px;transition:transform .7s;position:absolute;top:-6%;right:-6%;transform:rotate(-30deg)}.cn-arm:after{content:"";background:oklch(50% 0 0);border:1px solid oklch(100% 0 0/.15);border-radius:50%;width:24px;height:24px;position:absolute;top:-8px;right:-8px}.cn-intro--playing .cn-arm{opacity:1;transform:rotate(8deg)}.cn-waves{align-items:center;gap:4px;height:36px;margin-top:40px;display:flex}.cn-waves span{background:oklch(88% .28 142);border-radius:2px;width:3px;animation:.9s ease-in-out infinite cnWave;display:block}.cn-waves span:nth-child(odd){background:oklch(78% .22 45)}.cn-waves span:first-child{animation-delay:0s}.cn-waves span:nth-child(2){animation-delay:.1s}.cn-waves span:nth-child(3){animation-delay:.2s}.cn-waves span:nth-child(4){animation-delay:.3s}.cn-waves span:nth-child(5){animation-delay:.4s}.cn-waves span:nth-child(6){animation-delay:.5s}.cn-waves span:nth-child(7){animation-delay:.6s}.cn-waves span:nth-child(8){animation-delay:.5s}.cn-waves span:nth-child(9){animation-delay:.4s}.cn-waves span:nth-child(10){animation-delay:.3s}.cn-waves span:nth-child(11){animation-delay:.2s}.cn-waves span:nth-child(12){animation-delay:.1s}@keyframes cnWave{0%,to{opacity:.5;height:6px}50%{opacity:1;height:36px}}.cn-intro__meta{text-align:center;max-width:360px;margin-top:36px}.cn-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:oklch(88% .28 142);font-family:JetBrains Mono,monospace;font-size:11px}.cn-intro__hint{letter-spacing:.32em;color:oklch(60% .02 150);text-transform:uppercase;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:10px}.cn-display{letter-spacing:-.01em;text-transform:uppercase;color:oklch(98% .005 100);font-family:Anton,sans-serif;font-weight:400}.cn-glitch{display:inline-block;position:relative}.cn-glitch:before,.cn-glitch:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.cn-glitch:before{color:oklch(88% .28 142);mix-blend-mode:screen;animation:3.4s steps(2,end) infinite cnGlitchA;transform:translate(-2px)}.cn-glitch:after{color:oklch(78% .22 45);mix-blend-mode:screen;animation:3.4s steps(2,end) infinite cnGlitchB;transform:translate(2px)}@keyframes cnGlitchA{0%,92%,to{clip-path:inset(0);transform:translate(0)}93%{clip-path:inset(20% 0 60%);transform:translate(-3px)}95%{clip-path:inset(60% 0 10%);transform:translate(3px)}97%{clip-path:inset(40% 0 30%);transform:translate(-2px)}}@keyframes cnGlitchB{0%,92%,to{clip-path:inset(0);transform:translate(0)}93%{clip-path:inset(50% 0 30%);transform:translate(3px)}95%{clip-path:inset(10% 0 70%);transform:translate(-3px)}97%{clip-path:inset(70% 0 5%);transform:translate(2px)}}