*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-light:#e0c872;--gold-dark:#a07c2a;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#161616;--bg-card-hover:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--border:#222;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}body{min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}img{max-width:100%;display:block}.hero{text-align:center;background:radial-gradient(at top,#c9a84c14 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px 60px;display:flex}.hero__logo{filter:drop-shadow(0 0 40px #c9a84c33);width:200px;height:auto;margin-bottom:24px}.hero__tagline{letter-spacing:6px;text-transform:uppercase;color:var(--gold);margin-top:8px;font-family:Oswald,sans-serif;font-size:14px;font-weight:400}.section{width:100%;max-width:1100px;margin:0 auto;padding:60px 20px}.section__title{text-transform:uppercase;letter-spacing:3px;color:var(--text-primary);text-align:center;margin-bottom:40px;font-family:Oswald,sans-serif;font-size:32px;font-weight:700;position:relative}.section__title:after{content:"";background:var(--gold);width:60px;height:2px;margin:16px auto 0;display:block}.album-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=900px){.album-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=480px){.album-grid{grid-template-columns:1fr;gap:16px}}.album-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden}.album-card:hover{border-color:#c9a84c33;transform:translateY(-4px);box-shadow:0 12px 32px #c9a84c1a}.album-card__image-wrapper{aspect-ratio:1;position:relative;overflow:hidden}.album-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.album-card:hover .album-card__image{transform:scale(1.05)}.album-card__overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.album-card:hover .album-card__overlay{opacity:1}.album-card__listen-btn{background:var(--gold);color:#0a0a0a;text-transform:uppercase;letter-spacing:1px;border-radius:4px;align-items:center;gap:8px;padding:10px 20px;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.album-card__listen-btn:hover{background:var(--gold-light);color:#0a0a0a}.album-card__info{padding:16px}.album-card__artist{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:4px;font-family:Oswald,sans-serif;font-size:16px;font-weight:600}.album-card__title{color:var(--text-secondary);font-size:14px;font-weight:300}.album-card--upcoming .album-card__image-wrapper:before{content:"COMING SOON";background:var(--gold);color:#0a0a0a;letter-spacing:1px;z-index:2;padding:4px 40px;font-family:Oswald,sans-serif;font-size:10px;font-weight:600;position:absolute;top:12px;right:-30px;transform:rotate(45deg)}.divider{border:none;border-top:1px solid var(--border);width:100%;max-width:1100px;margin:0 auto}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);text-align:center;margin-top:auto;padding:48px 20px}.footer__content{flex-direction:column;align-items:center;gap:24px;max-width:600px;margin:0 auto;display:flex}.footer__logo{opacity:.8;width:80px;height:auto}.footer__contact{flex-direction:column;align-items:center;gap:12px;display:flex}.footer__link{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;transition:color .2s;display:inline-flex}.footer__link:hover{color:var(--gold)}.footer__link svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.footer__copyright{color:var(--text-muted);letter-spacing:1px;font-size:12px}