:root{--bg:#000;--bg-alt:#0a0a0a;--card:#000;--card-hover:#0c0c0c;--border:#1f1f1f;--text:#f4f1ea;--text-dim:#6e6e6e;--accent:#d8d2c2;--accent-soft:#d8d2c214;--container:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;line-height:1.6}.container{max-width:var(--container);margin:0 auto;padding:0 32px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:100;border-bottom:1px solid #0000;padding:24px 0;transition:background .35s,padding .35s,border-color .35s;position:fixed;top:0;left:0;right:0}.site-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--border);background:#000000d9;padding:16px 0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;display:inline-flex}.logo-mark{filter:grayscale()brightness(1.4);width:auto;height:55px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .3s}.logo:hover .logo-mark{filter:grayscale(0) brightness(1.1) drop-shadow(0 0 10px var(--accent));transform:rotate(360deg)scale(1.25)}.nav{gap:48px;display:flex}.nav a{letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);font-size:12px;transition:color .2s,transform .25s,letter-spacing .25s;display:inline-block}.nav a:hover{color:var(--accent);letter-spacing:.32em;transform:scale(1.04)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;display:none}.nav-toggle span{background:var(--text);width:100%;height:1px;transition:transform .25s,opacity .25s;display:block}.hero{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-logo{width:clamp(140px,18vw,220px);margin-bottom:40px}.eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:12px}.hero-sub{max-width:440px;color:var(--text-dim);font-size:16px}.hero-tagline{letter-spacing:.3em;text-transform:uppercase;background:linear-gradient(#fff6d8 0%,#f0d289 22%,#d4af37 45%,#9c7a23 60%,#d4af37 75%,#f5dfa0 100%);color:#0000;text-shadow:0 0 18px #d4af3759;-webkit-box-reflect:below 2px linear-gradient(#ffffff8c 0%, #ffffff2e 70%, transparent 100%);-webkit-background-clip:text;background-clip:text;margin-top:24px;font-size:13px;font-weight:500;display:inline-block}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:48px;display:flex}.btn{letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--border);color:var(--text);justify-content:center;align-items:center;gap:10px;padding:16px 36px;font-size:11px;transition:border-color .25s,color .25s,transform .25s,background .25s,box-shadow .25s;display:inline-flex}.btn-icon{flex-shrink:0;width:16px;height:16px}.btn-primary{border-color:var(--accent);color:var(--accent)}.btn-ghost:hover{border-color:var(--accent);color:var(--bg);background:var(--accent);box-shadow:0 0 16px var(--accent-soft);transform:scale(1.02)}.btn-primary:hover{color:#000;background:#1ed760;border-color:#1ed760;transform:scale(1.02);box-shadow:0 0 16px #1ed76066}.scroll-cue{width:1px;height:64px;position:absolute;bottom:48px;left:50%;overflow:hidden;transform:translate(-50%)}.scroll-cue span{background:var(--border);width:1px;height:100%;display:block;position:relative}.scroll-cue span:after{content:"";background:var(--accent);width:100%;height:30%;animation:2.2s ease-in-out infinite scrollCue;position:absolute;top:0;left:0}@keyframes scrollCue{0%{transform:translateY(-100%)}60%{transform:translateY(220%)}to{transform:translateY(220%)}}section{padding:140px 0}.section-title{text-transform:uppercase;letter-spacing:.4em;color:var(--text-dim);font-family:Inter,sans-serif;font-size:13px;font-weight:400}.section-sub{color:var(--text-dim);max-width:560px;margin-top:20px;font-size:15px}.catalog-status{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-top:16px;font-size:12px}.track-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px 24px;margin-top:64px;display:grid}.track-card{color:inherit;display:block}.track-media{aspect-ratio:1;background:var(--bg-alt);position:relative;overflow:hidden}.track-cover{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .4s}.track-hover{z-index:2;text-align:center;opacity:0;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:0}.track-hover-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text);font-family:Anton,sans-serif;font-size:24px;font-weight:400;line-height:1.1;transition:transform .35s;transform:translateY(8px)}.track-hover-artist{letter-spacing:.02em;color:var(--accent);font-family:Playfair Display,serif;font-size:15px;font-style:italic;transition:transform .35s 50ms;transform:translateY(8px)}.track-card:hover .track-cover,.track-card.is-active .track-cover{filter:blur(2px)brightness(.7);transform:scale(1.05)}.track-card:hover .track-hover,.track-card.is-active .track-hover{opacity:1}.track-card:hover .track-hover-title,.track-card:hover .track-hover-artist,.track-card.is-active .track-hover-title,.track-card.is-active .track-hover-artist{transform:translateY(0)}.track-num{letter-spacing:.1em;color:var(--text);background:#0009;padding:3px 7px;font-family:Inter,sans-serif;font-size:11px;font-weight:300;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s;position:absolute;top:12px;left:12px}.track-link-arrow{color:var(--text);background:#0009;padding:3px 7px;font-size:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s;position:absolute;top:12px;right:12px}.track-info{margin-top:16px}.track-role{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border);margin-top:10px;padding:4px 10px;font-size:10px;display:inline-block}.track-cover-placeholder{background:var(--bg-alt);border:1px solid var(--border)}.about-hero{flex-direction:column;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.about-bg{z-index:0;position:absolute;inset:0}.about-bg-grain{opacity:.3;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.about-bg-scrim{background:linear-gradient(#000000a6 0%,#00000073 50%,#000000f2 100%);position:absolute;inset:0}.about-hero-inner{z-index:1;flex:1;align-items:center;width:100%;max-width:none;padding-top:140px;padding-bottom:48px;display:flex;position:relative}.about-name{letter-spacing:.01em;text-transform:uppercase;color:var(--text);margin-top:12px;font-family:Anton,sans-serif;font-size:clamp(64px,15vw,200px);font-weight:400;line-height:.95}.about-role{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-top:20px;font-size:13px}.about-text{max-width:520px;color:var(--text);text-shadow:0 2px 12px #0009;margin-top:32px;font-size:17px;line-height:1.7}.about-links{z-index:1;flex-wrap:wrap;gap:20px;width:100%;padding-bottom:64px;display:flex;position:relative}.about-links .btn{isolation:isolate;z-index:0;transition:border-color .35s,color .35s,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,letter-spacing .35s;position:relative;overflow:hidden}.about-links .btn:before{content:"";background:var(--brand,var(--accent));transform-origin:0;z-index:-1;transition:transform .45s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.about-links .btn:after{content:"";background:linear-gradient(115deg, transparent, color-mix(in srgb, var(--brand-glow,#fff) 45%, transparent), transparent);pointer-events:none;width:55%;height:100%;animation:4.5s ease-in-out infinite btnShimmer;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.about-links .btn:first-of-type:after{animation-delay:0s}.about-links .btn:nth-of-type(2):after{animation-delay:.7s}.about-links .btn:nth-of-type(3):after{animation-delay:1.4s}.about-links .btn:nth-of-type(4):after{animation-delay:2.1s}.about-links .btn-icon{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.about-links .btn:hover{border-color:var(--brand-glow,var(--accent));color:#fff;letter-spacing:.36em;box-shadow:0 14px 30px #00000073, 0 0 24px color-mix(in srgb, var(--brand-glow,var(--accent)) 45%, transparent);transform:translateY(-4px)scale(1.045)}.about-links .btn:hover:before{transform:scaleX(1)}.about-links .btn:hover .btn-icon{transform:rotate(360deg)scale(1.18)}.about-links .btn:active{transform:translateY(-1px)scale(.98)}@keyframes btnShimmer{0%,55%{left:-150%}to{left:150%}}.site-footer{border-top:1px solid var(--border);padding:64px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.footer-brand p{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;margin-top:8px;font-size:13px}.footer-links{gap:32px;display:flex}.footer-links a{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:10px;font-size:13px;transition:color .25s;display:inline-flex}.footer-links a:hover{color:var(--accent)}.footer-icon{flex-shrink:0;width:18px;height:18px;display:none}.footer-bottom{color:var(--text-dim);letter-spacing:.1em;margin-top:56px;font-size:12px}@media (width<=768px){section{padding:80px 0}.nav{background:#000000f7;border-bottom:1px solid #0000;flex-direction:column;gap:0;max-height:0;transition:max-height .35s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav.open{border-bottom-color:var(--border);max-height:320px}.nav a{border-top:1px solid var(--border);padding:18px 32px}.nav-toggle{display:flex}.nav-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.hero-actions{flex-direction:column}.about-links .btn{flex:calc(50% - 10px)}.btn{text-align:center}.footer-inner{align-items:center}.footer-links{gap:16px}.footer-links a{border:1px solid var(--border);border-radius:50%;padding:12px}.footer-icon{display:block}.footer-label{display:none}}.about-side-logo{--size:clamp(560px, 62vw, 1000px);width:var(--size);mix-blend-mode:screen;opacity:.55;z-index:2;clip-path:circle(15% at 50% 49%);height:auto;transition:opacity .4s;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%)}.about-side-logo:hover{opacity:.85}.about-side-logo.is-spinning{animation:1.6s cubic-bezier(.45,0,.25,1) logoSpin}@keyframes logoSpin{0%{rotate:0deg}to{rotate:360deg}}@media (width<=768px){.about-side-logo{--size:440px;top:30px;left:auto;right:calc(var(--size) * -.3);opacity:.5;transform:none}.track-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}.track-hover{gap:4px;padding:12px}.track-hover-title{font-size:17px}.track-hover-artist{font-size:12px}.track-num,.track-link-arrow{padding:2px 6px;font-size:10px;top:8px}.track-num{left:8px}.track-link-arrow{right:8px}.hero-tagline{letter-spacing:.2em;font-size:11px}.container{padding:0 20px}}