:root{--bg-main:#07080b;--bg-surface:#0d1017;--bg-card:#121620;--bg-card-hover:#181e2b;--bg-card-alt:#0f131c;--accent-gold:#e5a93c;--accent-gold-bright:#f59e0b;--accent-gold-subtle:#e5a93c1f;--accent-gold-glow:#e5a93c47;--accent-gold-border:#e5a93c59;--accent-cyan:#00f0ff;--accent-red:#ef4444;--accent-spotify:#1db954;--accent-soundcloud:#f70;--text-pure:#fff;--text-cream:#f1f5f9;--text-body:#cbd5e1;--text-muted:#8492a6;--text-dark:#475569;--border-subtle:#ffffff14;--border-card:#ffffff1f;--border-glow:#e5a93c73;--shadow-card:0 16px 40px #0009;--shadow-glow:0 0 28px #e5a93c33;--font-display:"Syne", -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"Space Grotesk", -apple-system, monospace, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-main);color:var(--text-pure);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.65;position:relative;overflow-x:hidden}.ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 15%,#e5a93c12 0%,#0000 45%),radial-gradient(circle at 90% 65%,#ef44440d 0%,#0000 50%),radial-gradient(circle at 50% 95%,#00f0ff08 0%,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%)}.vinyl-grid-pattern{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:64px 64px;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-cream);letter-spacing:-.02em;font-weight:800}.btn-primary{color:#07080b;font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #f59e0b52}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b73}.btn-outline{color:var(--text-pure);font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border-subtle);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:12px 24px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#e5a93c14;transform:translateY(-2px);box-shadow:0 4px 16px #e5a93c26}.btn-youtube{color:#fff;font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #ef444459}.btn-youtube:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 28px #ef444480}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-tag{background:var(--accent-gold-subtle);border:1px solid var(--accent-gold-border);color:var(--accent-gold);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 18px;font-size:.78rem;font-weight:700;display:inline-flex}.section-title{margin-bottom:16px;font-size:clamp(2rem,3.8vw,2.8rem);line-height:1.15}.section-desc{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 20px 48px #00000080,0 0 24px #e5a93c26}.tech-tag{font-family:var(--font-mono);color:var(--accent-gold);background:var(--accent-gold-subtle);border:1px solid var(--accent-gold-border);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.video-responsive{background:#000;border:1px solid #ffffff1f;border-radius:16px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 14px 44px #000000b3}.video-responsive iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.sound-wave{align-items:center;gap:3px;height:18px;display:flex}.wave-bar{background:var(--accent-gold);border-radius:999px;width:3px;animation:1.2s ease-in-out infinite alternate soundPulse}.wave-bar:first-child{height:12px;animation-delay:.1s}.wave-bar:nth-child(2){height:16px;animation-delay:.3s}.wave-bar:nth-child(3){height:18px;animation-delay:.5s}.wave-bar:nth-child(4){height:14px;animation-delay:.2s}.wave-bar:nth-child(5){height:10px;animation-delay:.4s}@keyframes soundPulse{0%{opacity:.5;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1b212d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.marquee-container{white-space:nowrap;z-index:10;background:#030406;border-top:1px solid #ffffff14;border-bottom:1px solid #e5a93c40;padding:10px 0;position:relative;overflow:hidden}.marquee-track{will-change:transform;animation:26s linear infinite marquee;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-cream);text-transform:uppercase;align-items:center;gap:16px;padding:0 24px;font-size:.78rem;font-weight:700;display:inline-flex}.marquee-item .dot{color:var(--accent-gold)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.vinyl-showcase-wrap{perspective:1200px;justify-content:center;align-items:center;width:100%;max-width:440px;height:440px;margin:0 auto;display:flex;position:relative}.vinyl-sleeve{z-index:3;background:linear-gradient(145deg,#181d28,#0b0e14);border-radius:8px;flex-direction:column;justify-content:space-between;width:320px;height:320px;padding:24px;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:-12px 18px 40px #000000d9,inset 0 0 0 1px #ffffff24,inset 0 0 20px #000c}.vinyl-showcase-wrap:hover .vinyl-sleeve{transform:translate(-35px)rotateY(-8deg)}.vinyl-disc{z-index:2;background:repeating-radial-gradient(circle,#111 0,#181818 2px,#0d0d0d 3px,#151515 4px);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%);box-shadow:0 10px 30px #000000e6,inset 0 0 0 2px #ffffff0d}.vinyl-showcase-wrap:hover .vinyl-disc{transform:translateY(-50%)translate(75px)rotate(180deg)}.vinyl-center-label{text-align:center;color:#000;background:radial-gradient(circle,#e5a93c 0%,#b45309 85%,#78350f 100%);border:4px solid #111;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:105px;height:105px;padding:6px;display:flex;box-shadow:inset 0 0 8px #0006}.vinyl-center-hole{background:#000;border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px;margin:2px 0}.release-sleeve-card{background:#0d1017;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;transition:all .35s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #0009}.release-sleeve-card:hover{border-color:var(--accent-gold);transform:translateY(-6px);box-shadow:0 22px 50px #000c,0 0 28px #e5a93c33}.release-cover-header{background:#080a0f;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.release-cover-img{object-fit:cover;opacity:.7;width:100%;height:100%;transition:opacity .4s,transform .4s}.release-sleeve-card:hover .release-cover-img{opacity:.9;transform:scale(1.04)}.release-disc-peek{pointer-events:none;background:repeating-radial-gradient(circle,#111 0,#202020 2px,#0f0f0f 3px);border:1px solid #ffffff1a;border-radius:50%;width:150px;height:150px;transition:transform .4s;position:absolute;top:50%;right:-40px;transform:translateY(-50%);box-shadow:-4px 0 16px #000c}.release-sleeve-card:hover .release-disc-peek{transform:translateY(-50%)translate(25px)rotate(90deg)}.rackmount-card{background:linear-gradient(#131722 0%,#0a0d14 100%);border:1px solid #ffffff1a;border-radius:12px;padding:30px;transition:all .3s;position:relative;box-shadow:0 12px 32px #00000080}.rackmount-card:hover{border-color:var(--accent-gold);background:linear-gradient(#181e2c 0%,#0d111a 100%);box-shadow:0 16px 40px #000000b3,0 0 24px #e5a93c26}.rack-screw{background:radial-gradient(circle,#718096 0%,#2d3748 100%);border:1px solid #1a202c;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 1px 1px #ffffff4d}.rack-screw.tl{top:12px;left:12px}.rack-screw.tr{top:12px;right:12px}.rack-screw.bl{bottom:12px;left:12px}.rack-screw.br{bottom:12px;right:12px}