:root{--bg: #ffffff;--bg-alt: #f8f8f8;--text: #000000;--text-muted: #666666;--primary: #7000FF;--accent-blue: #0033cc;--accent-yellow: #FDF000;--border: rgba(0, 0, 0, .1);--radius-pill: 50px;--transition: all .5s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg: #000000;--bg-alt: #0a0a0a;--text: #ffffff;--text-muted: #86868b;--border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);transition:var(--transition);overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 4rem}@keyframes spin{to{transform:rotate(360deg)}}.nav-vinyl-icon{width:38px;height:38px;object-fit:cover;border-radius:50%;box-shadow:0 4px 15px #00000026;animation:spin 25s linear infinite;transition:var(--transition)}.nav-vinyl-icon:hover{transform:scale(1.15)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:2.5rem 0;transition:var(--transition)}.navbar.scrolled{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.2rem 0;border-bottom:1px solid var(--border)}[data-theme=dark] .navbar.scrolled{background:#000c}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo-text{font-weight:900;font-size:1.8rem;letter-spacing:-.05em;text-decoration:none;color:var(--text)}.logo-text span{color:var(--primary)}.nav-links{display:flex;gap:3rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;opacity:.4;transition:var(--transition)}.nav-links a:hover,.nav-links a.active{opacity:1}.portal-gate-btn{background:var(--text);color:var(--bg)!important;padding:.8rem 2rem;border-radius:50px;opacity:1!important;transition:var(--transition)}.portal-gate-btn:hover{transform:scale(1.05)}.toggle-pill{width:70px;height:35px;background:var(--accent-blue);border-radius:var(--radius-pill);position:relative;cursor:pointer;display:flex;align-items:center;padding:3px;transition:var(--transition)}.toggle-circle{width:29px;height:29px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:3px;transition:var(--transition);z-index:2}.toggle-pill.active .toggle-circle{left:calc(100% - 32px)}.toggle-bg-icons{width:100%;display:flex;justify-content:space-between;padding:0 8px;opacity:.5}.hero-wrapper{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.hero-main{display:flex;flex-direction:column;justify-content:center;padding-top:100px}.hero-main h1{font-size:clamp(3rem,11vw,8rem);font-weight:900;line-height:.85;text-transform:uppercase}.hero-main h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--text)}.hero-sidebar{background:#000;position:relative;overflow:hidden;clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}.hero-sidebar img{width:100%;height:100%;object-fit:cover;opacity:.8}.artist-block{border-bottom:2px solid var(--text)}.artist-item{padding:3.5rem 0;cursor:pointer;transition:var(--transition)}.artist-item:hover{color:var(--primary)}.artist-row-content{display:flex;justify-content:space-between;align-items:center}.artist-name-large{font-size:clamp(2rem,6vw,6rem);font-weight:900;text-transform:uppercase}.accordion-icon{font-size:2rem;font-weight:300}.artist-tracks-accordion{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.16,1,.3,1);background:var(--bg-alt)}.accordion-track-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--border)}.play-btn-mini{background:none;border:1px solid var(--text);color:var(--text);padding:.6rem 1.5rem;border-radius:50px;font-size:.7rem;font-weight:900;cursor:pointer;transition:var(--transition)}.play-btn-mini:hover{background:var(--text);color:var(--bg)}.track-row{display:grid;grid-template-columns:80px 1fr 200px 150px;padding:2.5rem 0;border-bottom:1px solid var(--border);align-items:center}.play-btn-premium{background:var(--text);color:var(--bg);padding:1rem 2.5rem;border-radius:50px;border:none;font-weight:900;cursor:pointer}.section{padding:12rem 0}.section-label{font-size:.8rem;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.3em;margin-bottom:3rem;display:block}.section-title{font-size:clamp(3rem,7vw,6rem);font-weight:900;text-transform:uppercase;line-height:.9;margin-bottom:8rem}.footer-wmg{background:var(--accent-blue);color:#fff;padding:12rem 0 5rem;margin-top:15rem}[data-theme=dark] .footer-wmg{background:#050505}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:6rem;margin-bottom:8rem}.footer-col h5{font-size:.9rem;font-weight:900;margin-bottom:2.5rem;text-transform:uppercase;color:var(--accent-yellow)}.footer-col a{color:#fff9;text-decoration:none;font-weight:700;transition:var(--transition)}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:3rem;font-size:.85rem;font-weight:700}.footer-bottom a{color:#fff9;text-decoration:none;transition:var(--transition)}.footer-bottom a:hover{color:#fff}@media (max-width: 768px){.footer-bottom{flex-direction:column;gap:2rem;text-align:center}}.artist-preview-img{position:fixed;width:350px;height:450px;object-fit:cover;z-index:9999;pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .4s,transform .4s;box-shadow:0 50px 100px #0000004d;border-radius:20px}.reveal{opacity:0;transform:translateY(30px);transition:all 1s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.hero-wrapper{grid-template-columns:1fr}.hero-sidebar{display:none}.footer-cols{grid-template-columns:1fr 1fr}}