/* Official identity: black, white and seal red. Spotify iframes remain untouched. */
:root { --black:#000000; --paper:#FFFFFF; --red:#8B0000; --muted:#aaa; }
h1,h2,h3,h4 { font-family:var(--serif); }
button,input,select,textarea,nav { font-family:var(--sans); }
main [id],.studio-page main section[id],.news-page .magazine-story { scroll-margin-top:var(--page-sticky-offset,110px); }
.site-header { background:#000; }
.community-strip { margin:0; background:#8B0000; color:#fff; border:0; padding:20px 0; }
.community-strip__inner { justify-content:center; gap:2rem; text-align:center; }
.community-strip__inner span { color:#fff; text-align:center; }
.community-strip__inner a { color:#000; background:#fff; border-color:#fff; font-size:.8rem; }
.community-strip__inner a:hover { color:#fff; background:#000; border-color:#000; }
.about-banner { background:#000; border-block:1px solid #333; padding-block:1.5rem; }
.about-banner__inner { grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr); gap:1.2rem; text-align:center; }
.about-banner__inner .eyebrow { color:#ccc; font-size:.75rem; }
.about-banner__inner h2 { margin:auto; font-size:clamp(1.2rem,2vw,1.9rem); line-height:1.3; }
.about-banner__inner > p:last-child { color:#ccc; }
.music-player { background:#000; color:#fff; border-block:1px solid #333; }
.music-player__inner { grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr); gap:1.5rem; }
.music-player__editorial h2 { font-size:1rem; max-width:none; }
.music-player__phrase { margin:2px 0 0; font-size:.8125rem; line-height:1.4; color:#ccc; }
.music-player__actions a,.music-player__actions button { color:#fff; font-size:.75rem; }
.music-player.is-stuck { border-bottom-color:#8B0000; }
.artist-strip { padding-block:36px; background:#000; }
.artist-strip__heading > p:not(.eyebrow) { color:#bbb; font-size:.9rem; max-width:40ch; }
.artist-track { scroll-snap-type:none; scrollbar-color:#8B0000 #111; touch-action:pan-y; cursor:grab; }
.artist-track:active { cursor:grabbing; }
.artist-tile { height:210px; background:#8B0000; border:1px solid #444; }
.artist-tile:nth-child(even) { background:#161616; }
.artist-tile:nth-child(3n) { background:#fff; color:#000; }
.artist-tile::after { display:none; }
.artist-tile > .artist-glyph { position:absolute; inset:-10px 12px auto auto; font:900 6.5rem/1.2 var(--serif); opacity:.22; }
.artist-tile > div { inset:auto 20px 20px; }
.artist-tile span { font-size:.75rem; letter-spacing:.06em; }
.artist-tile h3 { margin:8px 0; font-size:1.65rem; }
.artist-tile b { font-size:.8125rem; }
.artist-strip__controls .carousel-button { width:44px; height:44px; }
.artist-placeholder { display:grid; grid-template-columns:150px 1fr; gap:2rem; align-items:center; padding:2rem; background:#111; border-left:4px solid #8B0000; }
.artist-placeholder__number { font:900 6rem/1 var(--serif); color:#fff; }
.artist-placeholder strong { font:700 1.25rem/1.5 var(--serif); }
.artist-placeholder p,.artist-entry__heading > p:last-child { color:#bbb; }
.artist-placeholder div > span { font-size:.8125rem; color:#ccc; }
.artist-entry:nth-child(even) .artist-placeholder { background:#8B0000; border-left-color:#fff; }
.artist-entry:nth-child(even) .artist-placeholder p { color:#fff; }
.services-refined { background:#000; color:#fff; }
.services-refined__heading .eyebrow { color:#8B0000; border-left:0; padding-left:0; }
.service-line { gap:20px; border:0; background:transparent; overflow:visible; }
.service-tile,.service-tile:nth-child(2),.service-tile:nth-child(4) { background:#111; border:1px solid #333; border-top:3px solid #8B0000; padding:1.5rem; }
.service-tile:nth-child(3),.service-tile:nth-child(4) { background:linear-gradient(160deg,#400000,#111 80%); border:1px solid #8B0000; border-top:3px solid #8B0000; }
.service-tile__top { margin-bottom:1.8rem; color:#fff; }
.service-tile .eyebrow { font-size:.75rem; color:#ccc; }
.service-tile h3 { font-size:clamp(1.4rem,1.8vw,1.8rem); line-height:1.25; }
.service-tile > p:not(.eyebrow) { font-size:1rem; color:#ccc; }
.service-tile__status { color:#ccc; font-size:.75rem; border-color:#444; }
.service-tile .text-link { display:flex; justify-content:center; text-align:center; color:#fff; background:#8B0000; padding:12px 8px; border:0; font-size:.8125rem; line-height:1.4; }
.service-tile .text-link:hover { background:#fff; color:#000; }
.news-masthead--photo { background:#000; }
.news-masthead__photo img { object-position:50% 55%; }
.news-masthead--photo::before { background:linear-gradient(90deg,#000c,#0003 65%,#0005),linear-gradient(0deg,#000,transparent 65%); }
.news-masthead--photo .issue-card { background:#000c; border-color:#8B0000; }
.news-masthead--photo .issue-card > strong,.edition-card--current > strong { color:#fff; }
.news-masthead--photo .lede,.news-masthead--photo .issue-card__context p { color:#eee; }
.news-photo-credit { font-size:.75rem; color:#fff; }
.news-page .news-cover { padding-block:4rem; background:#000; }
.news-page .featured-story--editorial { grid-template-columns:1.2fr 1fr; background:#8B0000; border:0; }
.editorial-photo { margin:0; position:relative; overflow:hidden; }
.editorial-photo img { display:block; width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.editorial-photo figcaption { position:absolute; inset:auto 0 0; padding:18px 12px 8px; background:linear-gradient(transparent,#000d); color:#fff; font:400 .75rem/1.5 var(--sans); text-align:right; }
.featured-story--editorial .editorial-photo { min-height:420px; }
.featured-story__copy .eyebrow,.feature-read { color:#fff; }
.featured-story__copy .preview-label { color:#eee; }
.news-page .news-index { background:#fff; color:#000; padding-block:4rem; }
.news-page .news-index .eyebrow,.section--light .eyebrow { color:#8B0000; }
.news-page .news-index .filter-chips { justify-content:flex-start; margin-top:1.5rem; border-color:#bbb; gap:.5rem; }
.news-page .news-index .filter-chips button { font-size:.8125rem; color:#000; padding:10px 12px; border:1px solid #ccc; border-radius:0; }
.news-page .news-index .filter-chips button:hover { background:#eee; border-color:#000; }
.news-page .news-index .filter-chips button[aria-pressed=true] { background:#8B0000; color:#fff; border-color:#8B0000; }
.editorial-sample-note { font-size:.8125rem; color:#555; }
.magazine-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:36px 28px; border:0; align-items:stretch; }
.magazine-story { display:flex; flex-direction:column; gap:0; padding:0 0 20px; grid-column:span 4; border-bottom:1px solid #aaa; min-width:0; }
.magazine-story .editorial-photo { width:100%; aspect-ratio:4/3; margin-bottom:20px; }
.magazine-story__copy .eyebrow { color:#8B0000; font-size:.75rem; margin:0 0 12px; }
.magazine-story h3 { font-size:clamp(1.35rem,2.05vw,1.85rem); letter-spacing:-.035em; line-height:1.23; }
.magazine-story__copy > p:not(.eyebrow) { font-size:1rem; line-height:1.65; color:#444; }
.magazine-story details { margin-top:1rem; }
.magazine-story summary { color:#8B0000; font-size:.8125rem; min-height:44px; }
.magazine-story__body { font-size:1rem; border-color:#bbb; }
.magazine-story__body small { color:#555; font-size:.75rem; }
.magazine-story__meta { display:flex; justify-content:space-between; margin-bottom:12px; font-size:.75rem; color:#666; }
.magazine-story--lead { grid-column:span 8; }
.magazine-story--lead .editorial-photo { aspect-ratio:16/9; }
.magazine-story--lead h3 { font-size:clamp(1.8rem,3vw,2.8rem); max-width:24ch; }
.magazine-story--side .editorial-photo { aspect-ratio:1; }
.magazine-story--side { display:grid; grid-template-columns:1fr; grid-template-rows:minmax(250px,1fr) auto; }
.magazine-story--side .editorial-photo { aspect-ratio:auto; }
.magazine-story--wide { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; background:#000; color:#fff; border:0; padding:0; align-items:stretch; }
.magazine-story--wide .editorial-photo { margin:0; aspect-ratio:auto; min-height:350px; }
.magazine-story--wide .magazine-story__copy { padding:clamp(24px,4vw,48px); align-self:center; }
.magazine-story--wide h3 { font-size:clamp(1.8rem,3vw,2.7rem); }
.magazine-story--wide .magazine-story__copy > p,.magazine-story--wide summary,.magazine-story--wide .eyebrow,.magazine-story--wide .magazine-story__meta,.magazine-story--wide small { color:#fff; }
.news-page .editorial-access { background:#000; color:#fff; }
.news-page .editorial-access__grid > div:first-child { padding:4rem 0; text-align:center; border-color:#333; }
.news-page .editorial-access__grid > div:first-child::before { content:none; }
.news-page .editorial-access .section-title { margin:auto; }
.news-page .editorial-access__grid > div:first-child > p:not(.eyebrow) { max-width:620px; margin:1.25rem auto 1.5rem; color:#ccc; }
.news-page .editorial-pitch { background:#8B0000; border:0; box-shadow:none; padding:3rem 2rem; text-align:center; }
.news-page .editorial-pitch h3,.news-page .editorial-pitch p { margin-inline:auto; }
.news-page .editorial-pitch .eyebrow,.news-page .editorial-pitch p:not(.eyebrow),.news-page .editorial-pitch .text-link { color:#fff; }
.editorial-closing { background:#000; text-align:center; }
.marketplace-hero { border-bottom:0; padding-block:clamp(3rem,6vw,6rem); }
.weekly-stage { padding-block:clamp(2rem,3vw,3rem); background:#000; }
.weekly-layout { gap:3rem; }
.weekly-stage .section-title { font-size:clamp(2rem,3.3vw,3.2rem); }
.weekly-stage .weekly-plugin { box-shadow:none; min-height:320px; }
.weekly-plugin__mark--playlist { background:#333; }
.weekly-carousel__track { width:100%; transition:none; }
.weekly-carousel__viewport { scrollbar-width:none; touch-action:pan-y; }
.weekly-carousel__viewport::-webkit-scrollbar { display:none; }
.market-hall { background:#000; padding-top:clamp(2rem,4vw,4rem); }
.merch-preview__art { background:#fff; color:#000; }
.merch-preview { background:#111; }
.merch-preview__art svg { filter:grayscale(1); }
.merch-page .page-hero { background:#000; padding-bottom:3rem; }
.merch-page .page-hero .text-link { color:#fff; margin-top:1.5rem; }
.merch-collection { background:#000; padding-top:1rem; }
.merch-concepts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:2rem; }
.merch-concept { border:1px solid #333; background:#111; }
.merch-wordmark { position:relative; display:grid; place-items:center; aspect-ratio:1; background:#fff; color:#000; padding:32px; }
.merch-wordmark > span { position:absolute; top:16px; left:20px; font-size:.8rem; }
.merch-wordmark strong { font:900 clamp(2rem,4vw,3.8rem)/1.1 var(--serif); text-align:center; }
.merch-wordmark strong span { display:block; margin-top:14px; font:700 .8rem var(--sans); letter-spacing:.3em; }
.merch-concept:nth-child(2) .merch-wordmark { background:#8B0000; color:#fff; }
.merch-concept:nth-child(3) .merch-wordmark { background:#000; color:#fff; }
.merch-concept > div:last-child { padding:24px; }
.merch-concept h3 { font-size:1.5rem; margin:.5rem 0; }
.merch-concept p:not(.eyebrow),.merch-note { color:#ccc; }
.merch-note { max-width:720px; margin-top:2rem; }
.merch-status { color:#ccc; border-color:#444; font-size:.8125rem; }
@media(max-width:1000px) {
 .service-line { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }
 .music-player__inner { grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr); gap:1rem; }
 .about-banner__inner { grid-template-columns:1fr; gap:.5rem; }
 .magazine-grid { gap:28px 20px; }
 .magazine-story h3 { font-size:1.4rem; }
 .magazine-story--lead h3 { font-size:2rem; }
 .merch-concepts { gap:16px; }
 .merch-concept > div:last-child { padding:18px; }
}
@media(max-width:700px) {
 .music-player { padding:6px 0; }
 .music-player__inner { width:calc(100% - 16px); grid-template-columns:1fr; gap:4px; }
 .music-player__editorial { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 4px; }
 .music-player__editorial h2 { font-size:.8125rem; line-height:1.4; max-width:none; }
 .music-player__phrase { font-size:.75rem; line-height:1.4; }
 .music-player__actions { flex-shrink:0; margin:0; }
 .music-player__actions button { font-size:.75rem; min-height:40px; }
 .music-player__actions a { display:none; }
 .artist-strip__inner { grid-template-columns:1fr; gap:12px; }
 .artist-tile { flex-basis:78%; }
 .artist-placeholder { grid-template-columns:70px 1fr; padding:20px; gap:16px; }
 .artist-placeholder__number { font-size:3rem; }
 .artist-placeholder strong { font-size:1.1rem; }
 .news-page .featured-story--editorial { grid-template-columns:1fr; }
 .featured-story--editorial .editorial-photo { min-height:0; aspect-ratio:4/3; }
 .magazine-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; }
 .magazine-story { grid-column:span 1; }
 .magazine-story--lead,.magazine-story--wide { grid-column:1/-1; }
 .magazine-story--wide { grid-template-columns:1fr; }
 .magazine-story--wide .editorial-photo { min-height:0; aspect-ratio:16/9; }
 .magazine-story--side .editorial-photo { aspect-ratio:4/3; }
 .magazine-story--side { display:flex; }
 .weekly-layout { gap:1.5rem; }
 .merch-concepts { grid-template-columns:1fr; }
 .merch-wordmark { aspect-ratio:4/3; }
 .merch-wordmark strong { font-size:3.3rem; }
}
@media(max-width:480px) {
 .service-line { grid-template-columns:minmax(0,1fr); gap:16px; }
 .service-tile { min-height:0; padding:24px; }
 .service-tile h3 { min-height:0; font-size:1.8rem; }
 .service-tile__top { margin-bottom:1rem; }
 .service-tile .text-link { min-height:48px; font-size:.9rem; }
 .magazine-grid { grid-template-columns:1fr; gap:32px; }
 .magazine-story { grid-column:1/-1; }
 .magazine-story h3 { font-size:1.7rem; }
 .news-page .news-index,.news-page .news-cover { padding-block:2.5rem; }
 .news-page .editorial-pitch { padding:2rem 20px; }
 .community-strip__inner a { font-size:.75rem; }
 .music-player__actions button { max-width:64px; line-height:1.3; }
 .music-player__actions button span { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .weekly-carousel__track { transition:none; }
}
.distribution-hero,.section.release-section,.section.pre-contact { background:#000; }

/* 10.2 — shared black/red/white system */
.page-hero { border-bottom:0; }
.newsletter-signup { background:#000; border-block:0; }
.newsletter-signup__form input { background:#000; border-color:#fff; color:#fff; }
.newsletter-signup__form button { background:#fff; border-color:#fff; color:#000; }
.artist-strip { border-block:0; }
.distribution-hero,.artist-strip,.release-section,.pre-contact { border-color:transparent; background:#000; }
.beats-feature,.studio-location { background:#000; border:0; }
.beats-page-note,.plugin-catalog,.catalog-growth,.tutorial-upcoming,.merch-collection { background:#000; color:#fff; }
.beats-page-note .section-title,.beats-page-note p,.catalog-growth h2,.catalog-growth p { color:#fff; }

.beats-page-hero,.playlist-page-hero,.plugins-hero,.tutorials-hero,.editions-hero,.portfolio-hero {
 position:relative; isolation:isolate; overflow:hidden; background:#000;
}
.beats-page-hero::before,.playlist-page-hero::before,.plugins-hero::before,.tutorials-hero::before,.editions-hero::before,.portfolio-hero::before {
 content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.72;
 background:linear-gradient(120deg,transparent 0 58%,rgba(139,0,0,.22) 58% 58.6%,transparent 58.6%),radial-gradient(circle at 82% 22%,rgba(139,0,0,.28),transparent 22%);
}
.editions-hero::before { background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.045) 9% 9.15%),linear-gradient(145deg,transparent 0 68%,rgba(139,0,0,.25) 68%); }
.portfolio-hero { padding-block:clamp(4rem,7vw,6.5rem); }
.portfolio-hero::before { background:linear-gradient(135deg,transparent 0 52%,rgba(139,0,0,.28) 52% 52.6%,transparent 52.6%),repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.035) 12% 12.15%); }

.crowdfunding { background:#000; color:#fff; border:0; }
.crowdfunding { padding-block:clamp(3.5rem,6vw,5rem); }
.crowdfunding + .services-refined { padding-top:clamp(3.5rem,6vw,5rem); }
.crowdfunding__grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:clamp(2.5rem,7vw,7rem); align-items:center; }
.crowdfunding__intro>p:not(.eyebrow) { max-width:720px; color:#c9c9c9; line-height:1.7; }
.crowdfunding__commitment { margin-top:2rem; padding:1.25rem 1.4rem; border-left:3px solid #8B0000; background:#080808; }
.crowdfunding__commitment span,.crowdfunding__numbers span,.crowdfunding__percent span { display:block; color:#9d9d9d; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.crowdfunding__commitment strong { display:block; margin:.4rem 0; font-size:clamp(1rem,1.8vw,1.35rem); }
.crowdfunding__commitment p { margin:0; color:#bbb; font-size:.86rem; }
.crowdfunding__progress { padding:clamp(1.4rem,3vw,2rem); border:1px solid #292929; background:#050505; }
.crowdfunding__numbers { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.crowdfunding__numbers>div:last-child { text-align:right; }
.crowdfunding__numbers strong { display:block; margin-top:.35rem; font-size:clamp(1rem,2vw,1.35rem); }
.crowdfunding__percent { display:flex; align-items:baseline; gap:.5rem; margin:2rem 0 .65rem; }
.crowdfunding__percent strong { font:700 clamp(2rem,4vw,3.4rem)/1 var(--serif); }
.crowdfunding__bar { height:10px; overflow:hidden; background:#1c1c1c; }
.crowdfunding__bar span { display:block; width:0; height:100%; background:#8B0000; transition:width .55s ease; }
.crowdfunding__delay { margin:1rem 0 1.4rem; color:#8f8f8f; font-size:.68rem; line-height:1.5; }

.service-hero { background:#000; }
.service-hero__availability { display:grid; justify-items:start; gap:.85rem; margin-top:2rem; max-width:760px; }
.service-hero .service-tile__status { padding-top:0; border-top:0; }
.service-hero__availability .button { margin-top:.45rem; }
.service-hero__availability>p { margin:0; color:#aaa; line-height:1.6; }
.physical-location-note { padding-left:1rem; border-left:2px solid #8B0000; }
.service-process,.service-portfolio,.related-services { background:#000; color:#fff; }
.service-process__heading { max-width:760px; margin-bottom:2.4rem; }
.service-process__heading>p:last-child { color:#aaa; }
.service-process__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #2a2a2a; }
.service-process__grid article { min-height:230px; padding:1.5rem; border-right:1px solid #2a2a2a; }
.service-process__grid article:last-child { border-right:0; }
.service-process__grid span { color:#8B0000; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.service-process__grid h3 { margin:1.4rem 0 .75rem; font:700 clamp(1.25rem,2vw,1.8rem)/1.08 var(--serif); }
.service-process__grid p { margin:0; color:#aaa; font-size:.86rem; line-height:1.65; }
.related-services__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.75fr); gap:3rem; align-items:end; }
.related-services__links { display:grid; border-top:1px solid #363636; }
.related-services__links a { display:flex; justify-content:space-between; padding:1rem 0; border-bottom:1px solid #363636; color:#fff; text-decoration:none; }

.catalog-growth__inner,.tutorial-upcoming__inner { max-width:850px; }
.catalog-growth h2,.tutorial-upcoming h2 { margin:.35rem 0 .75rem; font:700 clamp(2rem,5vw,4.3rem)/1 var(--serif); letter-spacing:-.045em; }
.catalog-growth p,.tutorial-upcoming p { max-width:650px; margin:.6rem 0 1.5rem; color:#aaa; line-height:1.65; }
.merch-hero { min-height:580px; display:flex; align-items:flex-end; position:relative; isolation:isolate; background:#000; }
.merch-hero__media { position:absolute; inset:0; z-index:0; background:url('/assets/images/merchandising-hero.jpg') center 55%/cover no-repeat; }
.merch-hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(0,0,0,.55) 55%,rgba(0,0,0,.25)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%); }
.merch-hero .container { position:relative; z-index:2; width:min(1120px,calc(100% - 40px)); padding-bottom:clamp(3rem,6vw,5rem); }
.merch-hero .photo-credit { position:absolute; z-index:2; right:1.2rem; bottom:.8rem; color:#ddd; font-size:.65rem; }
.merch-hero .photo-credit a { color:#fff; }
.merch-collection { padding-top:clamp(4rem,7vw,6rem); }

.home-promo__message { display:grid; grid-template-columns:120px minmax(0,1fr); width:100%; justify-content:initial; text-align:left; }
.home-promo__message>div { transform:translateX(clamp(12px,2vw,26px)); text-align:center; }

@media (max-width:900px) {
 .crowdfunding__grid,.related-services__grid { grid-template-columns:1fr; }
 .service-process__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .service-process__grid article:nth-child(2) { border-right:0; }
}
@media (max-width:620px) {
 .crowdfunding__numbers { grid-template-columns:1fr; }
 .crowdfunding__numbers>div:last-child { text-align:left; }
 .service-process__grid { grid-template-columns:1fr; }
 .service-process__grid article { min-height:0; border-right:0; border-bottom:1px solid #2a2a2a; }
 .home-promo__message { grid-template-columns:1fr; text-align:center; }
 .home-promo__message>div { transform:none; }
}