:root{
  --black:#000;--white:#fff;--red:#ee1c25;--muted:#b8b8b8;--soft:#f4f4f4;--line:#202020;
  --font:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;--display:'Space Grotesk',var(--font);
  --container:1320px;--ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--container),92%);margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:#000;border-bottom:1px solid rgba(255,255,255,.08)}
.navbar{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;min-width:230px}.brand-mark{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#ff1d25 2px,transparent 3px);background-size:7px 7px;box-shadow:0 0 0 1px rgba(238,28,37,.15)}.brand-text{font-family:var(--display);font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.brand-text small{display:block;font-size:.56rem;letter-spacing:.32em;color:var(--red);margin-top:2px}.nav-menu{display:flex;align-items:center;gap:28px;font-weight:900;text-transform:uppercase;font-size:.86rem;letter-spacing:-.03em}.nav-menu a{position:relative}.nav-menu a.active,.nav-menu a:hover{color:var(--red)}.search-ico{color:var(--red);width:30px;height:30px;display:grid;place-items:center}.menu-btn{display:none;color:#fff;border:0;background:transparent;font-size:1.8rem}
.hero-home{padding-top:104px;min-height:100vh;background:#070707;overflow:hidden}.hero-stage{height:44vh;min-height:330px;position:relative;background:#111;overflow:hidden}.hero-stage img{width:100%;height:100%;object-fit:cover;filter:grayscale(.05) contrast(1.08)}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 45%,rgba(0,0,0,.2)),linear-gradient(0deg,#000 0,transparent 28%)}.hero-copy{position:absolute;left:4vw;bottom:38px;z-index:2;max-width:760px}.kicker{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.hero-copy h1{font-family:var(--display);font-size:clamp(2.6rem,6vw,6.2rem);line-height:.88;margin:12px 0 0;text-transform:uppercase;letter-spacing:-.07em}.hero-copy p{font-size:1.05rem;color:#d0d0d0;max-width:52ch}.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.home-card{min-height:385px;position:relative;overflow:hidden;background:#1c1c1c}.home-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.home-card:hover img{transform:scale(1.05)}.home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,0) 62%)}.home-card-content{position:absolute;left:22px;right:22px;bottom:22px;z-index:2}.home-card .tag{font-family:var(--display);font-weight:900;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.8;color:rgba(255,255,255,.12);-webkit-text-stroke:1px rgba(255,255,255,.3);position:absolute;left:12px;bottom:0;z-index:1}.home-card h2{font-family:var(--display);font-size:clamp(1.25rem,1.7vw,1.8rem);line-height:1;text-transform:uppercase;margin:0 0 16px}.arrow{display:flex;justify-content:flex-end;color:var(--red);font-size:2.2rem;line-height:1}.section{padding:150px 0 90px;background:#fff;color:#0a0a0a;min-height:100vh}.section.dark{background:#000;color:#fff}.page-title{font-family:var(--display);font-size:clamp(3rem,8vw,7rem);line-height:.86;text-transform:uppercase;letter-spacing:-.08em;margin:0 0 42px}.lead{font-size:clamp(1.05rem,1.7vw,1.35rem);color:#555;max-width:760px}.dark .lead{color:#cfcfcf}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.text-block p{font-size:1.05rem;color:#555}.dark .text-block p{color:#c8c8c8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd;margin-top:48px}.stat{background:#f7f7f7;padding:28px}.stat strong{display:block;font-family:var(--display);font-size:2.6rem;color:var(--red)}.stat span{text-transform:uppercase;font-weight:900;font-size:.76rem}.artist-grid,.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#222}.artist-card,.release-card{background:#111;overflow:hidden}.artist-card figure,.release-card figure{margin:0;aspect-ratio:1/1;overflow:hidden;background:#252525}.artist-card img,.release-card img{width:100%;height:100%;object-fit:cover;transition:.65s var(--ease)}.artist-card:hover img,.release-card:hover img{transform:scale(1.06)}.artist-card .info,.release-card .info{padding:22px;background:#fff;color:#000;min-height:120px}.artist-card h3,.release-card h3{font-family:var(--display);text-transform:uppercase;font-size:1.1rem;line-height:1;margin:0 0 8px}.role,.date{color:#767676;text-transform:uppercase;font-weight:800;font-size:.72rem;letter-spacing:.06em}.artist-card a,.release-links a{color:var(--red);font-weight:900;text-transform:uppercase;font-size:.75rem}.release-links{display:flex;gap:14px;margin-top:14px}.contact-box{background:#111;padding:44px;border:1px solid #222;max-width:760px}.contact-box a{color:var(--red);font-weight:900}.footer{background:#000;color:#777;border-top:1px solid #1d1d1d;padding:36px 0}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.empty{padding:32px;background:#f4f4f4;color:#555}.dark .empty{background:#111;color:#aaa}@media(max-width:980px){.navbar{height:82px}.nav-menu{display:none;position:fixed;left:0;right:0;top:82px;background:#000;flex-direction:column;align-items:flex-start;padding:28px 6%;border-top:1px solid #222}.nav-menu.open{display:flex}.menu-btn{display:block}.hero-home{padding-top:82px}.hero-stage{height:46vh}.home-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.artist-grid,.release-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.brand{min-width:0}.brand-text{font-size:.9rem}.home-grid,.artist-grid,.release-grid,.stats{grid-template-columns:1fr}.home-card{min-height:330px}.section{padding-top:120px}.hero-copy{left:6%;right:6%}.hero-copy h1{font-size:3rem}}
