:root{--ink:#111218;--paper:#f5f5f3;--muted:#686970;--line:rgba(17,18,24,.18);--accent:#ff3d24;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit}.site-header{height:96px;padding:16px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand img{display:block;width:clamp(190px,22vw,310px);height:56px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:.9rem;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none;background:none;border:1px solid var(--ink);padding:8px 14px;font:inherit}.hero{min-height:calc(100vh - 96px);padding:clamp(64px,10vw,145px) clamp(22px,8vw,120px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:60px;align-items:center;position:relative;overflow:hidden}.spectrum{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff3120,#ffcc00,#3ede65,#1ad3e2,#265cff,#9d24e8)}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.6rem,8vw,8.4rem);line-height:.88;letter-spacing:-.055em;margin:28px 0 38px}.hero h1 em{font-weight:400;color:var(--muted)}.intro{max-width:590px;font-size:clamp(1.05rem,1.55vw,1.35rem);color:#43444a}.button{display:inline-flex;gap:30px;align-items:center;margin-top:28px;background:var(--ink);color:white;text-decoration:none;padding:16px 22px;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.button:hover{background:#31323a}.vinyl{width:min(34vw,430px);aspect-ratio:1;border-radius:50%;justify-self:center;background:repeating-radial-gradient(circle at center,#202126 0 3px,#111216 4px 8px);box-shadow:-35px 42px 65px rgba(0,0,0,.2);display:grid;place-items:center;transform:rotate(-10deg)}.vinyl-label{width:38%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#ff3120,#ffcc00,#42d762,#19cadb,#315bff,#a41ce0,#ff3120);display:grid;place-items:center}.vinyl-label span{width:64%;aspect-ratio:1;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:2rem}.section{padding:clamp(72px,10vw,150px) clamp(22px,8vw,120px)}.about{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,160px)}.section h2{font-family:var(--serif);font-size:clamp(3rem,6vw,6.2rem);line-height:.96;font-weight:400;letter-spacing:-.04em;margin:30px 0}.about-copy{align-self:end;font-size:clamp(1.05rem,1.5vw,1.3rem);color:#cfcfd2}.about-copy p:first-child{color:white}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:28px}.section-heading>p{color:var(--muted)}.artist-list article{min-height:190px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:25px 0;transition:padding .25s,background .25s}.artist-list article:hover{padding-left:20px;padding-right:20px;background:#fff}.artist-index{font-size:.75rem;color:var(--muted)}.artist-list h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5vw,5rem);line-height:.9;letter-spacing:-.035em;margin:0}.note{font-size:clamp(2.5rem,5vw,5rem);color:var(--muted)}.contact{background:#dfdfdc;text-align:center;position:relative}.contact h2{font-size:clamp(4rem,9vw,9rem);margin:30px auto 50px}.email{display:inline-block;font-size:clamp(1.05rem,2.5vw,2rem);text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.email:hover{color:var(--accent)}footer{padding:30px clamp(22px,5vw,76px);display:flex;align-items:center;gap:32px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}footer img{width:180px;height:42px;object-fit:contain;object-position:left}footer p{margin-right:auto}.legal-page{min-height:100vh}.legal-wrap{max-width:1000px;margin:auto;padding:clamp(70px,10vw,140px) 24px}.legal-wrap h1{font:400 clamp(4rem,10vw,8rem)/.95 var(--serif);margin:24px 0 80px}.legal-wrap section{display:grid;grid-template-columns:1fr 1fr;padding:32px 0;border-top:1px solid var(--line)}.legal-wrap h2{font:400 1.8rem var(--serif);margin:0}.legal-wrap p{margin:0;font-size:1.05rem}.legal-wrap a{text-underline-offset:4px}
@media(max-width:760px){.site-header{height:82px;padding:12px 20px}.brand img{width:190px;height:48px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding-top:80px}.hero h1{font-size:clamp(3.5rem,16vw,5.8rem)}.vinyl{width:min(80vw,360px);margin-top:20px}.about{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading>p{margin:0}.artist-list article{grid-template-columns:42px 1fr auto;min-height:150px}.artist-list h3{font-size:clamp(2.2rem,11vw,3.8rem)}.note{font-size:2.4rem}footer{align-items:flex-start;flex-direction:column;gap:10px}footer p{margin:0}.legal-wrap section{grid-template-columns:1fr;gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.artist-list article{transition:none}}
.further-artists{margin-top:clamp(55px,8vw,100px);padding:clamp(28px,4vw,48px);background:var(--ink);color:#fff}.further-artists-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.25)}.further-artists-heading p{margin:0}.further-artists-heading span{font-size:2rem;color:#b8b8bd}.further-artists ul{list-style:none;margin:0;padding:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,8vw,120px)}.further-artists li{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.15}
@media(max-width:760px){.further-artists{padding:24px 20px}.further-artists ul{grid-template-columns:1fr}.further-artists li{font-size:1.55rem}}
.legal-wrap section{gap:36px;padding:42px 0}.legal-copy{max-width:620px}.legal-wrap .legal-copy p{margin:0 0 1em}.legal-wrap .legal-copy p:last-child{margin-bottom:0}.legal-wrap .updated{margin-top:28px;color:var(--muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}
.site-header{height:118px}.brand-wordmark{display:flex;flex-direction:column;text-decoration:none;line-height:1}.brand-name{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,3.15rem);letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}.brand-note{display:inline-block;margin:0 .08em;color:#222;font-size:.78em}.brand-subtitle{margin-top:9px;font-size:.68rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.brand-wordmark:after{content:"";height:3px;margin-top:8px;background:linear-gradient(90deg,#ff3120,#ffcc00,#3ede65,#1ad3e2,#265cff,#9d24e8)}
.leadership{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:clamp(48px,9vw,140px);align-items:center;background:#e5e4e0}.portrait-wrap{position:relative}.portrait-wrap:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--ink)}.portrait-wrap img{display:block;position:relative;width:100%;max-height:760px;object-fit:cover;object-position:center 25%}.leadership-copy .role{margin:34px 0 4px;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}.leadership-copy h2{font-size:clamp(3.4rem,6vw,6.8rem);margin:12px 0 38px}.leadership-copy>p:last-child{max-width:660px;font-size:clamp(1.05rem,1.45vw,1.28rem);color:#3f4045}.footer-wordmark{font:400 1.25rem var(--serif);text-decoration:none;text-transform:uppercase;letter-spacing:-.02em}
@media(max-width:760px){.site-header{height:100px}.site-header nav{top:99px}.brand-name{font-size:1.58rem}.brand-subtitle{font-size:.56rem;letter-spacing:.2em}.leadership{grid-template-columns:1fr}.leadership-copy h2{font-size:clamp(3.1rem,15vw,5rem)}.portrait-wrap img{max-height:600px}}
.releases{background:#111218;color:#fff}.releases-heading{border-color:rgba(255,255,255,.24)}.releases-heading>p{max-width:420px;color:#b8b8bd}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,46px);padding-top:56px}.cover-wrap{overflow:hidden;background:#222;aspect-ratio:1;box-shadow:0 25px 60px rgba(0,0,0,.35)}.cover-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.release-card:hover .cover-wrap img{transform:scale(1.025)}.release-type{margin:26px 0 8px;color:#aaaab0;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.release-card h3{font:400 clamp(1.65rem,2.8vw,3rem)/1.05 var(--serif);margin:0 0 10px}.release-artist{margin:0;color:#d0d0d3;font-size:.95rem}.releases-heading h2{margin-bottom:10px}
@media(max-width:760px){.release-grid{grid-template-columns:1fr;gap:48px}.release-card h3{font-size:2.3rem}}
.youtube-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;border:1px solid rgba(255,255,255,.48);padding:11px 15px;color:#fff;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.youtube-link span{font-size:.65rem}.youtube-link:hover,.youtube-link:focus-visible{background:#fff;color:#111218;border-color:#fff}
.karaoke{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(52px,9vw,150px);background:linear-gradient(135deg,#f3b225 0%,#ef6c32 52%,#d83667 100%);color:#111218}.karaoke h2{font-size:clamp(4rem,8vw,8.6rem);margin-bottom:0}.karaoke h2 em{font-weight:400;color:rgba(17,18,24,.55)}.karaoke-copy{align-self:end;max-width:650px}.karaoke-lead{font:400 clamp(1.7rem,3vw,2.8rem)/1.12 var(--serif);margin:0 0 30px}.karaoke-copy>p:not(.karaoke-lead):not(.license-note){font-size:clamp(1.05rem,1.4vw,1.25rem)}.license-note{margin-top:24px;font-size:.87rem;color:rgba(17,18,24,.68)}.light-button{background:#fff;color:#111218}.light-button:hover{background:#111218;color:#fff}
@media(max-width:760px){.karaoke{grid-template-columns:1fr}.karaoke h2{font-size:clamp(3.8rem,18vw,6rem)}.karaoke-copy{align-self:start}}
.custom-productions{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:clamp(52px,9vw,150px);background:#e5e4e0}.custom-productions h2{font-size:clamp(3.8rem,7.5vw,8rem);margin-bottom:0}.custom-productions h2 em{font-weight:400;color:var(--muted)}.custom-productions-copy{align-self:end;max-width:650px}.custom-productions-copy p:first-child{font:400 clamp(1.7rem,3vw,2.8rem)/1.12 var(--serif);margin:0 0 28px}.custom-productions-copy p:nth-child(2){font-size:clamp(1.05rem,1.4vw,1.25rem);color:#3f4045}.custom-productions-button{margin-top:22px}
@media(max-width:760px){.custom-productions{grid-template-columns:1fr}.custom-productions h2{font-size:clamp(3.6rem,17vw,5.8rem)}.custom-productions-copy{align-self:start}}
@media(min-width:761px) and (max-width:1100px){.site-header{padding-left:28px;padding-right:28px}.site-header nav{gap:16px}.site-header nav a{font-size:.72rem}.brand-name{font-size:1.85rem}}
.site-header .brand img{width:clamp(250px,27vw,390px);height:88px;object-fit:contain;object-position:left center}.hero{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(64px,8vw,110px)}.hero-logo-panel{width:min(100%,760px);margin:0 0 clamp(34px,5vw,60px)}.hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 28px rgba(17,18,24,.12))}.hero-copy .eyebrow{margin-top:0}
@media(max-width:760px){.site-header{height:90px}.site-header nav{top:89px}.site-header .brand img{width:180px;height:62px}.hero{padding-top:46px}.hero-logo-panel{margin-bottom:38px}.hero h1{font-size:clamp(3.1rem,14vw,5rem)}}
.hero-location{display:inline-block;margin:0 0 15px;padding:10px 14px;border:1px solid var(--ink);font-size:clamp(.86rem,1.2vw,1rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.contact-address{margin:34px auto 0;font-style:normal;font-size:1rem;line-height:1.8;color:#45464c}.contact-address strong{color:var(--ink);letter-spacing:.04em}.contact-address a{text-underline-offset:4px}
@media(max-width:760px){.hero-location{font-size:.76rem;letter-spacing:.11em}.contact-address{font-size:.94rem}}