:root{
  --burgundy:#531918;--ink:#111;--charcoal:#25272d;--warm:#faf8f4;
  --stone:#f4e7d3;--fame-green:#56ea23;--line:#dedbd6;--muted:#6b665f;--max:1360px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;line-height:1.5}
button,a{font:inherit;color:inherit} button{cursor:pointer} img{display:block;max-width:100%}
.announcement{
  display:grid;grid-template-columns:1fr auto;align-items:center;
  min-height:38px;background:var(--burgundy);color:#fff;
  padding:0 1.1rem;border-bottom:1px solid rgba(255,255,255,.08)
}
.announcement a{
  justify-self:center;text-decoration:none;
  font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase
}
.announcement button{
  border:0;background:transparent;color:#fff;font-size:1.05rem;line-height:1
}

.site-header{background:#fff;border-bottom:1px solid var(--line)}
.wordmark{padding:1.9rem 1rem 1.05rem;text-align:center;font-size:clamp(2.9rem,8vw,5.4rem);font-weight:600;font-style:italic;letter-spacing:.115em;line-height:.9}
.nav-shell{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;padding:0 1.5rem 1.1rem}
.search{width:30px;height:30px;border:0;background:transparent;font-size:1.1rem}
.nav{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;align-items:center}
.nav button{position:relative;border:0;background:transparent;padding:.15rem 0;font-size:.79rem}
.nav .search{width:30px;height:30px;font-size:1.1rem;line-height:1;padding:0}
.nav button.active:after,.nav button:hover:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:1px;background:var(--burgundy)}

.search-panel{
  position:fixed;z-index:2000;top:0;left:0;right:0;
  background:#fff;border-bottom:1px solid var(--line);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  padding:1.3rem clamp(1rem,6vw,5rem) 1.6rem
}
.search-panel[hidden]{display:none}
.search-inner{width:min(var(--max),100%);margin:0 auto}
.search-panel label{
  display:block;margin-bottom:.65rem;font-size:.68rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase
}
.search-field{
  display:grid;grid-template-columns:1fr auto;gap:1rem;
  border-bottom:1px solid var(--ink);padding-bottom:.65rem
}
.search-field input{border:0;outline:0;background:transparent;font:inherit;font-size:1.15rem;min-width:0}
.search-field button{border:0;background:transparent;padding:0;text-transform:uppercase;font-size:.68rem;font-weight:700}
.search-results{display:grid;margin-top:.7rem}
.search-results button{
  display:flex;justify-content:space-between;gap:1rem;border:0;
  border-bottom:1px solid var(--line);background:#fff;padding:.8rem 0;
  text-align:left;font-size:.79rem
}
.search-empty{padding:.9rem 0;color:var(--muted);font-size:.79rem}
.page{display:none}.page.active{display:block}
.kicker{display:block;margin-bottom:.55rem;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.section{width:min(var(--max),calc(100% - 5rem));margin:auto;padding:5.5rem 0}
.text-btn{border:0;border-bottom:1px solid currentColor;background:transparent;padding:0 0 .35rem;font-size:.69rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.hero{position:relative;min-height:610px;display:grid;place-items:center;overflow:hidden;color:#fff}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.12) 42%,rgba(0,0,0,.62))}
.hero-inner{position:relative;z-index:2;display:grid;justify-items:center;gap:1rem;text-align:center}
.hero-logo{width:105px;height:105px;object-fit:contain;border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.hero-inner p{margin:0;font-size:.79rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}

/* HOME: 808 */
.arcade-home{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:2.4rem;align-items:stretch}
.arcade-feature h2{margin:0 0 1.45rem;font-size:clamp(2.7rem,5vw,4.8rem);font-weight:400;line-height:.98}
.arcade-image-action{
  display:block;width:100%;padding:7px;border:1px solid var(--burgundy);
  background:#fff;text-align:left;transition:border-color .18s ease,transform .18s ease
}
.arcade-image-action:hover{border-color:var(--burgundy-hover);transform:translateY(-2px)}
.arcade-image-action:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.arcade-image-action img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#050505}
.recent-card{
  align-self:start;
  background:var(--stone);
  padding:1.25rem 1.4rem 1.35rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border:4px solid var(--fame-green);
  box-shadow:0 8px 24px rgba(0,0,0,.08)
}
.recent-card h3{margin:.05rem 0 .6rem;font-size:2.9rem;font-weight:400;line-height:.95}
.recent-card .row{display:block;padding:.9rem 0 0;border-top:1px solid rgba(17,17,17,.16)}
.recent-card .row span:first-child{display:block;color:var(--muted);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.recent-card .row strong{display:block;margin-top:.38rem;font-size:1.68rem;line-height:1.12}


/* HOME: RELEASE */
.featured-release{display:grid;grid-template-columns:minmax(340px,1fr) minmax(300px,.82fr);gap:clamp(2.7rem,7vw,7rem);align-items:center;border-top:1px solid var(--line)}
.featured-release img{width:100%;aspect-ratio:1;object-fit:cover}
.featured-copy h2{margin:0;font-size:clamp(3.2rem,6vw,5.6rem);font-weight:400;line-height:.95}
.featured-copy p{max-width:430px;color:var(--muted);font-size:.88rem}

/* HOME: FEATURED FREE BEAT */
.home-free-beat{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(320px,1.18fr);
  gap:clamp(2.7rem,7vw,7rem);
  align-items:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.home-free-beat-art{
  aspect-ratio:1;
  overflow:hidden;
  background:#050505
}
.home-free-beat-art img{
  width:100%;height:100%;object-fit:cover
}
.home-free-beat-copy h2{
  margin:0;
  font-size:clamp(3.2rem,6vw,5.6rem);
  font-weight:400;
  line-height:.95
}
.home-free-beat-copy p{
  max-width:470px;
  margin:1.15rem 0 0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.7
}
.home-free-beat-copy .beat-actions{margin-top:1.5rem}
.home-free-beats-link{display:inline-block;margin-top:1.15rem}

/* HOME: ABOUT */
.about-home{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--stone)
}
.about-home-inner{
  width:min(var(--max),calc(100% - 5rem));margin:auto;padding:6rem 0
}
.about-home-head{
  display:grid;grid-template-columns:.55fr 1.45fr;gap:4rem;
  align-items:end;padding-bottom:3rem
}
.about-home h2{
  margin:0;font-size:clamp(3rem,6vw,5.6rem);font-weight:400;line-height:.94;
  max-width:760px
}
.about-home-intro{
  margin:0;max-width:560px;color:#4f4a45;font-size:.9rem;line-height:1.72
}
.about-steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(17,17,17,.42);
  border-bottom:1px solid rgba(17,17,17,.22)
}
.about-step{
  min-height:210px;padding:2rem 2rem 2rem 0
}
.about-step + .about-step{
  border-left:1px solid rgba(17,17,17,.18);padding-left:2rem
}
.about-step span{
  display:block;margin-bottom:1rem;font-size:.63rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--burgundy)
}
.about-step h3{
  margin:0 0 .65rem;font-size:1.18rem;font-weight:500
}
.about-step p{
  margin:0;color:#5f5a54;font-size:.8rem;line-height:1.62
}
.about-home-action{
  display:flex;justify-content:flex-end;padding-top:1.7rem
}


/* CHOOSE YOUR WAY IN */
.choose-section{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff
}
.choose-head{
  padding:4.8rem 1.5rem 4.2rem;text-align:center;
  border-bottom:1px solid var(--line)
}
.choose-head .kicker{margin-bottom:1rem}
.choose-head h2{
  margin:0;font-size:clamp(3rem,6vw,5.4rem);
  font-weight:400;line-height:1
}
.choose-grid{
  display:grid;grid-template-columns:repeat(3,1fr)
}
.choose-card{
  min-height:390px;padding:4.5rem 3.2rem;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center
}
.choose-card + .choose-card{border-left:1px solid var(--line)}
.choose-card h3{
  margin:0 0 1.6rem;font-size:2.1rem;font-weight:400
}
.choose-card p{
  margin:0 0 2rem;max-width:390px;
  color:var(--muted);font-size:.94rem;line-height:1.65
}
.choose-card .text-btn{margin-top:auto}

/* ARCADE */
.arcade-page-head{width:min(var(--max),calc(100% - 5rem));margin:auto;padding:4rem 0 2.5rem}
.arcade-page-head h1{margin:0;font-size:clamp(3rem,7vw,6.2rem);font-weight:400;line-height:.96}
.arcade-stage{
  background:var(--burgundy);
  color:#fff;
  padding:2rem 0 6rem
}
.arcade-toolbar{
  width:min(var(--max),calc(100% - 5rem));
  margin:0 auto 2rem;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.8rem
}
.arcade-toolbar span{
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.68)
}
.arcade-sort{
  display:flex;
  border:1px solid rgba(255,255,255,.46);
  background:rgba(255,255,255,.035)
}
.arcade-sort button{
  border:0;
  background:transparent;
  color:rgba(255,255,255,.7);
  padding:.7rem .9rem;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase
}
.arcade-sort button + button{
  border-left:1px solid rgba(255,255,255,.28)
}
.arcade-sort button[aria-pressed="true"]{
  background:#fff;
  color:var(--burgundy)
}
.arcade-layout{
  width:min(var(--max),calc(100% - 5rem));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);
  gap:2.5rem;
  align-items:start
}
.gallery-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3.2rem 1.6rem
}
.level-item h3{
  margin:0 0 .8rem;
  color:#fff;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase
}
.level-photo{
  background:#08090a;
  border:4px solid #fff;
  aspect-ratio:9/16;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.18)
}
.level-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
 .scores-pane{
  position:static;
  align-self:start;
  background:#fff;
  color:var(--ink);
  border:4px solid var(--fame-green);
  padding:1.7rem;
  box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.scores-pane h2{
  margin:0 0 1.35rem;
  color:var(--ink);
  font-size:2.35rem;
  font-weight:400;
  letter-spacing:.01em
}
.score-row{
  padding:1rem 0;
  border-top:1px solid var(--line)
}
.score-row:first-of-type{
  border-top:1px solid var(--ink)
}
.score-row .lvl{
  display:block;
  color:var(--ink);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase
}
.score-row .score{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin-top:.45rem
}
.score-row .score span{
  color:var(--muted);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.07em
}
.score-row .score strong{
  color:var(--ink);
  font-size:1rem
}
.fame-note{
  margin:1.25rem 0 0;
  padding-top:1.1rem;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.7rem;
  line-height:1.55
}
.score-row .score strong em{
  font-style:normal;
  font-weight:500;
  color:var(--muted);
  font-size:.72rem
}

/* ABOUT PAGE */
.about-page-head{width:min(var(--max),calc(100% - 5rem));margin:auto;padding:4rem 0 2rem}
.about-page-head h1{margin:0;font-size:clamp(3.3rem,7vw,6.5rem);font-weight:400;line-height:.94}
.about-story{width:min(var(--max),calc(100% - 5rem));margin:auto;padding-bottom:6rem;display:grid;grid-template-columns:.6fr 1.4fr;gap:clamp(4rem,9vw,10rem)}
.about-side{padding-top:.4rem}
.about-side .big{font-size:1.05rem;font-weight:500;max-width:280px}
.about-side .small{margin-top:1.2rem;color:var(--muted);font-size:.78rem;line-height:1.6;max-width:260px}
.about-body article{padding:2.1rem 0;border-top:1px solid var(--line)}
.about-body article:first-child{border-top:1px solid #111}
.about-body h2{margin:0 0 .8rem;font-size:1.35rem;font-weight:500}
.about-body p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.78;max-width:760px}

.about-socials{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.about-socials span{display:block;margin-bottom:.75rem;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.about-socials .links{display:flex;gap:1.4rem;flex-wrap:wrap}
.about-socials a{font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.2rem}


/* RESTORED SUBPAGE DESIGN SYSTEM */
.subpage-hero{
  padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,8vw,8rem);
  background:var(--warm);border-bottom:1px solid var(--line)
}
.subpage-hero h1{
  max-width:980px;margin:0;
  font-size:clamp(3.1rem,7vw,6rem);font-weight:300;line-height:1.06
}
.subpage-hero p{
  max-width:660px;margin:1.45rem 0 0;color:var(--muted);line-height:1.7
}
.content-container{
  width:min(var(--max),calc(100% - clamp(2rem,8vw,9rem)));
  margin-inline:auto;padding-block:clamp(4rem,8vw,7rem)
}
.content-container + .content-container{border-top:1px solid var(--line)}
.section-heading{margin-bottom:2.5rem}
.section-heading h2{
  margin:0;font-size:clamp(2.4rem,5vw,4.3rem);font-weight:400;line-height:1.06
}
.secondary-tabs{
  position:sticky;top:0;z-index:50;display:flex;justify-content:center;
  gap:2rem;padding:1.05rem 1rem;background:rgba(255,255,255,.985);
  border-bottom:1px solid var(--line)
}
.secondary-tabs button{
  border:0;border-bottom:1px solid transparent;background:transparent;
  color:var(--muted);padding:.32rem 0;font-size:.7rem;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase
}
.secondary-tabs button[aria-selected="true"]{
  border-bottom-color:var(--burgundy);color:var(--ink)
}

/* Music */
.music-panel{min-height:560px}
.release-list{display:grid;gap:1px;background:var(--line);border-block:1px solid var(--line)}
.release-row{
  display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);
  background:#fff
}
.release-row.reverse{grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr)}
.release-row.reverse .release-art{order:2}
.release-row.reverse .release-info{order:1}
.release-art{width:100%;aspect-ratio:1;object-fit:cover}
.release-info{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:clamp(2rem,6vw,5rem)
}
.release-meta{
  margin-bottom:1.35rem;font-size:.65rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase
}
.release-info h3{margin:0;font-size:clamp(2rem,4vw,3.3rem);font-weight:400}
.release-info p{max-width:460px;margin:1rem 0 1.5rem;color:var(--muted);line-height:1.65}
.release-links{display:flex;flex-wrap:wrap;gap:1.2rem}
.release-links a{font-size:.82rem;text-underline-offset:.25em}
.free-beats-intro{
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem
}
.free-beats-intro h2{
  margin:0;font-size:clamp(2.5rem,5vw,4.3rem);font-weight:400
}
.free-beats-intro p{max-width:520px;margin:0;line-height:1.65}
.muted-note{margin-top:.8rem!important;color:var(--muted)}
.free-beat-stage{
  min-height:560px;
  position:relative;
  padding-top:1rem;
  border-top:1px solid var(--line)
}
.free-beat-stage:first-of-type{border-top:0}
.free-beat-stage + .free-beat-stage{margin-top:2.5rem}
.free-beat-logo{width:min(180px,20vw);margin:7rem 0 10rem 12%}
.free-beat-meta{
  display:flex;justify-content:space-between;gap:1rem;max-width:420px;
  color:var(--muted);font-size:.62rem;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase
}
.free-beat-stage h3{margin:.55rem 0 0;font-size:1.35rem;font-weight:400}
.free-beat-note{max-width:420px;margin:.8rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.6}
.beat-actions{display:flex;flex-wrap:wrap;gap:1.15rem;margin-top:1.15rem}
.beat-actions a,.beat-actions button{
  border:0;border-bottom:1px solid var(--burgundy);background:transparent;
  padding:0 0 .3rem;text-decoration:none;
  font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase
}
.licensing-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:4rem}
.licensing-layout h2{
  margin:0;font-size:clamp(2.5rem,5vw,4.3rem);font-weight:400
}
.licensing-layout p{color:var(--muted);line-height:1.65}
.license-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.license-option-grid article{padding:2.5rem;background:#fff}
.license-option-grid h3{margin:0 0 .75rem;font-size:1.75rem;font-weight:400}

/* Sync */
.sync-editorial-hero{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:clamp(5.5rem,10vw,9rem) clamp(1.25rem,4vw,4rem) clamp(4.8rem,8vw,7.5rem)
}
.sync-editorial-inner{
  width:min(var(--max),100%);
  margin:0 auto
}
.sync-editorial-hero .kicker{
  color:var(--burgundy);
  margin-bottom:1.25rem
}
.sync-editorial-hero h1{
  max-width:1120px;
  margin:0;
  font-size:clamp(4rem,9vw,8rem);
  font-weight:300;
  line-height:.94;
  letter-spacing:-.035em
}
.sync-editorial-hero p{
  max-width:760px;
  margin:1.8rem 0 0;
  color:var(--muted);
  font-size:clamp(.95rem,1.45vw,1.22rem);
  line-height:1.6
}
.sync-player-section{
  border-bottom:1px solid var(--line);
  background:#fff
}
.sync-player-inner{
  width:min(var(--max),calc(100% - clamp(2rem,8vw,9rem)));
  margin:0 auto;
  padding:clamp(4rem,7vw,6.5rem) 0
}
.sync-player-copy{
  max-width:720px;
  margin-bottom:2.25rem
}
.sync-player-copy .kicker{
  color:var(--burgundy)
}
.sync-player-copy h2{
  margin:0;
  font-size:clamp(2.4rem,5vw,4.3rem);
  font-weight:400;
  line-height:1.04
}
.sync-player-copy p{
  max-width:620px;
  margin:1rem 0 0;
  color:var(--muted);
  line-height:1.65
}
.sync-player-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,260px);
  gap:clamp(2rem,5vw,4rem);
  align-items:start
}
.disco-player-shell{
  width:100%;
  max-width:760px;
  min-width:0
}
.disco-embed{
  display:block;
  width:100%;
  max-width:100%;
  height:395px;
  border:0
}
.sync-playlist-qr{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.85rem;
  padding-top:.15rem
}
.sync-playlist-qr img{
  width:min(220px,100%);
  height:auto;
  background:#fff
}
.sync-playlist-qr span{
  color:var(--muted);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase
}
.sync-playlist-qr a{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid var(--burgundy);
  padding-bottom:.3rem
}

.sync-details{
  width:min(var(--max),calc(100% - clamp(2rem,8vw,9rem)));
  margin:0 auto;
  padding:clamp(4rem,7vw,6.5rem) 0
}
.experience-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line)
}
.experience-grid article{
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.4rem;
  background:#fff
}
.sync-index{
  display:block;
  margin-bottom:1.3rem;
  color:var(--burgundy);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.12em
}
.experience-grid h2{
  margin:0;
  font-size:1.65rem;
  font-weight:400
}
.experience-grid p{
  margin:.85rem 0 0;
  color:var(--muted);
  line-height:1.6
}


.sync-commercial{
  margin-top:3rem;
  padding-top:2rem;
  border-top:1px solid var(--line)
}
.sync-commercial p{
  margin:0 0 1.2rem;
  font-size:1.02rem
}
.sync-commercial-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1.8rem
}
.sync-commercial-actions a{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  border-bottom:1px solid var(--burgundy);
  padding-bottom:.3rem
}

/* Contact */
.contact-page-hero{
  background:#fff;
  padding:clamp(4rem,7vw,6rem) clamp(1.25rem,3vw,2.5rem) clamp(2.5rem,5vw,4rem)
}
.contact-page-hero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:1rem
}
.contact-shell{
  width:min(var(--max),calc(100% - clamp(2rem,6vw,6rem)));
  margin:0 auto;
  padding:0 0 clamp(5rem,8vw,7rem)
}
.contact-panel{
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--line)
}
.contact-direct{
  max-width:760px;
  padding:clamp(2.8rem,5vw,4.5rem) 0 clamp(3.2rem,6vw,5rem)
}
.contact-direct h2{
  margin:0 0 1rem;
  font-size:clamp(1.7rem,3vw,2.5rem);
  font-weight:400;
  line-height:1.15
}
.contact-direct p{
  margin:0 0 1.6rem;
  color:var(--muted);
  line-height:1.65
}
.contact-email{
  display:block;
  margin:0 0 1.5rem;
  color:var(--ink);
  font-size:1rem;
  text-decoration:none;
  word-break:break-word
}
.contact-email:hover{text-decoration:underline}

.contact-email-block{max-width:760px}
.contact-email-row{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-top:.85rem
}
.contact-email-row .contact-email{margin:0}
.copy-email-btn{
  flex:0 0 auto;
  border:1px solid var(--burgundy);
  background:var(--burgundy);
  padding:.62rem .85rem;
  color:#fff;
  font:inherit;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease,color .2s ease
}
.copy-email-btn:hover,
.copy-email-btn:focus-visible{
  background:#fff;
  color:var(--burgundy)
}
.contact-social-block{
  margin-top:clamp(2.4rem,5vw,4rem);
  max-width:760px
}
.contact-social-block .kicker{color:var(--burgundy)}
.contact-social-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(1.5rem,4vw,3.5rem);
  margin-top:.85rem;
  border-top:1px solid var(--line)
}
.contact-social-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  font-size:.82rem;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
  transition:color .2s ease,padding-left .2s ease
}
.contact-social-links a:hover,
.contact-social-links a:focus-visible{
  color:var(--burgundy);
  padding-left:.25rem
}

.email-template{
  margin-top:2rem;
  max-width:620px;
  border-top:1px solid var(--line);
  padding-top:1.4rem
}
.email-template-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem
}
.email-template-head > span{
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase
}
.copy-template-btn{
  border:0;
  border-bottom:1px solid var(--burgundy);
  background:transparent;
  padding:0 0 .25rem;
  color:var(--ink);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer
}
.email-template pre{
  margin:0;
  padding:1.3rem;
  overflow:visible;
  white-space:pre-wrap;
  border:1px solid var(--line);
  background:var(--warm);
  color:var(--ink);
  font:inherit;
  font-size:.82rem;
  line-height:1.65
}
.contact-template-note{
  margin:.85rem 0 0;
  color:var(--muted);
  font-size:.72rem;
  line-height:1.55
}





/* About */
.about-editorial{
  width:min(var(--max),calc(100% - clamp(2rem,8vw,9rem)));
  margin:auto;padding-block:clamp(4rem,8vw,7rem);
  display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);
  gap:clamp(3rem,8vw,8rem)
}
.about-editorial aside{align-self:start;position:sticky;top:2rem}
.about-editorial aside p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}
.about-artist-portrait{
  margin:1.6rem 0 0;
  width:min(100%,320px);
}
.about-artist-portrait img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border:1px solid var(--line);
}
.about-story-row{
  display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;
  padding:2.2rem 0;border-top:1px solid var(--line)
}
.about-story-row:first-child{border-top:1px solid #111}
.about-story-row > span{color:var(--burgundy);font-size:.7rem;font-weight:600}
.about-story-row h2{margin:0 0 .75rem;font-size:1.9rem;font-weight:400}
.about-story-row p{margin:0;max-width:760px;color:var(--muted);line-height:1.75}
.about-socials-restored{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.about-socials-restored .links{display:flex;gap:1.4rem;flex-wrap:wrap}
.about-socials-restored a{
  font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:.2rem
}

.footer{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;padding:5rem max(2rem,8vw);background:var(--warm)}
.footer h3{margin:0 0 1.5rem;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}
.footer a{display:block;margin-bottom:.9rem;font-size:.82rem;text-decoration:none}

@media(max-width:900px){
  .nav-shell{grid-template-columns:34px minmax(0,1fr) 34px;padding-inline:.8rem}
  .nav{justify-content:flex-start;overflow:visible;flex-wrap:nowrap;white-space:nowrap}
  .section,.about-home-inner,.sync-inner,.arcade-page-head,.arcade-layout,.about-page-head,.about-story{width:min(100% - 2rem,700px)}
  .arcade-home,.featured-release,.arcade-layout,.about-story,.about-home-head,.sync-top{grid-template-columns:1fr}
  .about-steps,.sync-offers{grid-template-columns:1fr}
  .about-step + .about-step,.sync-offer + .sync-offer{border-left:0;border-top:1px solid rgba(17,17,17,.18);padding-left:0}
  .sync-offer + .sync-offer{border-top:1px solid rgba(255,255,255,.16)}
  .scores-pane{position:static;background:#fff;border:4px solid var(--fame-green);padding:1.5rem;margin-top:1rem}
  .choose-grid{grid-template-columns:1fr}
  .choose-card + .choose-card{border-left:0;border-top:1px solid var(--line)}
  .footer{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.wordmark{font-size:2.25rem}
  .gallery-grid{grid-template-columns:1fr}
  .footer{grid-template-columns:1fr}
}

@media(max-width:900px){
  .experience-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
}



@media(max-width:900px){
  .scores-pane{
    position:static;
    background:#fff;
    border:4px solid var(--fame-green);
    padding:1.5rem;
    margin-top:1rem
  }
}


.bonus-stage-item h3{
  color:#fff;
}


/* v37: clean 808 of FAME frame */
.scores-pane{
  position:static;
  align-self:start;
  box-sizing:border-box;
  width:100%;
  max-height:none;
  overflow:visible;
  background:#fff;
  color:var(--ink);
  border:4px solid var(--fame-green);
  border-radius:0;
  padding:1.7rem;
  box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.scores-pane::before,
.scores-pane::after{
  content:none !important;
  display:none !important
}


/* v37: two-column free beat catalog */
.music-panel[data-music-panel="free"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(2rem,5vw,5rem);
  row-gap:2.5rem;
  align-items:start
}
.music-panel[data-music-panel="free"][hidden]{
  display:none
}
.music-panel[data-music-panel="free"] .free-beats-intro{
  grid-column:1 / -1
}
.music-panel[data-music-panel="free"] .free-beat-stage{
  min-width:0;
  margin-top:0;
  border-top:1px solid var(--line)
}
.music-panel[data-music-panel="free"] .free-beat-stage:first-of-type{
  border-top:1px solid var(--line)
}
@media(max-width:760px){
  .music-panel[data-music-panel="free"]{
    grid-template-columns:1fr
  }
}


/* v39 r3: mobile refinement + utility pages */
.about-home-brief{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem
}
.about-home-brief h2{margin:0}
.about-home-brief .about-home-action{padding-top:0;flex:0 0 auto}

.info-shell{
  width:min(900px,calc(100% - clamp(2rem,8vw,9rem)));
  margin:0 auto;
  padding:clamp(3.5rem,7vw,6rem) 0
}
.info-article{padding:2rem 0;border-top:1px solid var(--line)}
.info-article:first-child{border-top:1px solid var(--ink)}
.info-article h2{margin:0 0 .75rem;font-size:1.45rem;font-weight:400}
.info-article p{margin:0;color:var(--muted);line-height:1.75}
.info-article a{text-underline-offset:.22em}

.back-to-top{
  position:fixed;
  right:1rem;
  bottom:calc(1rem + env(safe-area-inset-bottom));
  z-index:80;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(83,25,24,.9);
  color:#fff;
  padding:.58rem .72rem;
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease
}
.back-to-top.visible{opacity:.88;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{opacity:1}

@media(max-width:900px){
  .arcade-layout .scores-pane{order:-1;margin-top:0;margin-bottom:.5rem}
  .about-editorial{grid-template-columns:1fr;gap:2.25rem}
  .about-editorial aside{position:static;top:auto}
  .about-artist-portrait{width:min(100%,360px);margin-top:1.35rem}
  .release-row,.release-row.reverse{grid-template-columns:1fr}
  .release-row.reverse .release-art{order:0}
  .release-row.reverse .release-info{order:1}
  .free-beats-intro,.licensing-layout{grid-template-columns:1fr}
  .license-option-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .announcement{padding:0 .8rem;min-height:36px}
  .announcement a{font-size:.61rem;letter-spacing:.1em;text-align:center}
  .wordmark{padding:1.4rem .8rem .9rem;font-size:clamp(2rem,10vw,2.7rem);letter-spacing:.09em}
  .nav-shell{display:block;padding:0 .75rem .95rem}
  .nav-shell>div{display:none}
  .nav{
    justify-content:center;
    overflow:visible;
    flex-wrap:wrap;
    white-space:normal;
    column-gap:1rem;
    row-gap:.65rem
  }
  .nav button{font-size:.72rem;padding:.1rem 0}
  .nav .search{width:48px;height:24px;font-size:1rem}
  .nav button.active:after,.nav button:hover:after{bottom:-.24rem}

  .search-panel{padding:1.05rem 1rem 1.25rem}
  .search-field{gap:.65rem}
  .search-field input{font-size:1rem}

  .section,.about-home-inner,.arcade-page-head,.arcade-toolbar,.arcade-layout,
  .about-page-head,.about-story,.content-container,.sync-details,.contact-shell,
  .about-editorial,.info-shell{
    width:calc(100% - 2rem)
  }
  .section{padding:4rem 0}
  .hero{min-height:520px}
  .hero-logo{width:92px;height:92px}
  .arcade-feature h2{font-size:2.55rem}
  .recent-card{padding:1.15rem 1.2rem}
  .recent-card h3{font-size:2.5rem}
  .recent-card .row strong{font-size:1.35rem}

  .about-home-inner{padding:4rem 0}
  .about-home-brief{display:block}
  .about-home-brief h2{font-size:2.75rem;max-width:330px}
  .about-home-brief .about-home-action{justify-content:flex-start;padding-top:1.5rem}

  .home-free-beat{grid-template-columns:1fr;gap:2rem}
  .home-free-beat-art{width:min(100%,520px)}
  .home-free-beat-copy h2{font-size:3rem}
  .featured-release{gap:2rem}
  .featured-copy h2{font-size:3rem}
  .choose-head{padding:3.6rem 1rem 3.2rem}
  .choose-head h2{font-size:2.7rem}
  .choose-card{min-height:300px;padding:3rem 1.4rem}

  .arcade-page-head{padding:3rem 0 2rem}
  .arcade-page-head h1{font-size:3rem}
  .arcade-stage{padding:1.5rem 0 4.5rem}
  .arcade-toolbar{justify-content:space-between;gap:.65rem;margin-bottom:1.5rem}
  .arcade-sort button{padding:.62rem .72rem;font-size:.58rem}
  .arcade-layout{gap:2rem}
  .scores-pane{padding:1.25rem}
  .scores-pane h2{font-size:2rem}
  .score-row .score{align-items:flex-start}
  .score-row .score strong{max-width:62%;text-align:right;overflow-wrap:anywhere}
  .gallery-grid{gap:2.5rem 1rem}

  .subpage-hero{padding:3.7rem 1rem 3.4rem}
  .subpage-hero h1{font-size:2.7rem;line-height:1.03}
  .content-container{padding-block:3.2rem}
  .section-heading{margin-bottom:2rem}
  .section-heading h2{font-size:2.45rem}
  .secondary-tabs{gap:.85rem;padding:.9rem .7rem;overflow-x:auto;justify-content:center}
  .secondary-tabs button{font-size:.62rem;letter-spacing:.065em;white-space:nowrap}

  .release-list{background:transparent}
  .release-row,.release-row.reverse{display:block}
  .release-art{width:100%}
  .release-info{padding:1.55rem 0 2.25rem}
  .release-meta{margin-bottom:.9rem}
  .release-info h3{font-size:2rem}
  .release-info p{margin:.7rem 0 1.15rem}
  .free-beats-intro{gap:1.25rem;margin-bottom:2rem}
  .free-beat-stage{min-height:0;padding-bottom:3rem}
  .free-beat-logo{width:min(150px,42vw);margin:3.25rem 0 4rem 8%}
  .free-beat-meta{max-width:none}
  .licensing-layout{gap:2rem}
  .license-option-grid article{padding:1.6rem}

  .sync-player-inner{padding:3rem 0}
  .sync-player-copy{margin-bottom:1.6rem}
  .sync-player-copy h2{font-size:2.25rem}
  .sync-player-grid{grid-template-columns:1fr;gap:1.8rem}
  .disco-embed{height:395px}
  .sync-playlist-qr{align-items:flex-start}
  .sync-playlist-qr img{width:150px}
  .sync-editorial-hero{padding:4rem 1rem 3.5rem}
  .sync-editorial-hero h1{font-size:3rem;line-height:.98}
  .sync-editorial-hero p{font-size:.95rem}
  .sync-details{padding:3rem 0}
  .experience-grid article{min-height:220px;padding:1.65rem}
  .sync-commercial-actions{gap:1.2rem}

  .about-editorial{padding-block:3.2rem;gap:2rem}
  .about-story-row{grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:1.8rem 0}
  .about-story-row h2{font-size:1.55rem}
  .about-story-row p{font-size:.9rem;line-height:1.7}
  .about-socials-restored .links{gap:1rem 1.2rem}

  .contact-direct{padding:2.6rem 0 3.5rem}
  .email-template pre{padding:1rem;font-size:.78rem;overflow-wrap:anywhere}
  .email-template-head{align-items:flex-end}

  .info-shell{padding:3rem 0 4rem}
  .info-article{padding:1.7rem 0}
  .info-article h2{font-size:1.3rem}

  .footer{grid-template-columns:1fr;gap:2.6rem;padding:3.5rem 1.25rem 4rem}
  .footer h3{margin-bottom:1rem}
  .footer a{margin-bottom:.72rem}
}

@media(max-width:380px){
  .nav{column-gap:.8rem;row-gap:.58rem}
  .nav button{font-size:.68rem}
  .secondary-tabs{justify-content:flex-start}
  .arcade-toolbar{align-items:flex-start;flex-direction:column}
}

/* Deliberate two-row mobile navigation for narrow phones. */
@media(max-width:560px){
  .nav{
    display:grid;
    grid-template-columns:24px max-content max-content max-content;
    justify-content:center;
    align-items:center;
    column-gap:.85rem;
    row-gap:.6rem
  }
  .nav button:nth-child(5){grid-column:2}
}
@media(max-width:340px){
  .nav{column-gap:.65rem}
  .nav button{font-size:.66rem}
}


/* v39 r4: compact mobile header + warm cream refinement */
.wordmark{display:block;color:inherit;text-decoration:none}
.mobile-header-wrap{display:none}

@media(max-width:760px){
  .site-header{display:none}
  .mobile-header-wrap{
    display:block;
    position:sticky;
    top:0;
    z-index:94;
    background:#fff;
    border-bottom:1px solid var(--line)
  }
  .mobile-header{
    min-height:64px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    padding:0 .85rem;
    background:#fff
  }
  .mobile-wordmark{
    justify-self:center;
    color:var(--ink);
    text-decoration:none;
    white-space:nowrap;
    font-size:clamp(1.45rem,7vw,1.95rem);
    font-weight:600;
    font-style:italic;
    letter-spacing:.075em;
    line-height:1
  }
  .mobile-icon-btn{
    width:40px;
    height:40px;
    border:0;
    background:transparent;
    color:var(--ink);
    padding:0;
    display:grid;
    place-items:center
  }
  .mobile-menu-toggle{align-content:center;justify-items:start;gap:5px}
  .menu-line{display:block;width:27px;height:1.5px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
  .mobile-menu-toggle[aria-expanded="true"] .menu-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .menu-line:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] .menu-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-search-button{justify-self:end}
  .mobile-search-svg{width:27px;height:27px;display:block}
  .mobile-menu-panel{
    background:#fff;
    border-top:1px solid var(--line);
    padding:.45rem 1.25rem 1rem
  }
  .mobile-menu-panel[hidden]{display:none}
  .mobile-menu-panel a{
    display:flex;
    align-items:center;
    min-height:48px;
    border-bottom:1px solid var(--line);
    color:var(--ink);
    text-decoration:none;
    font-size:.78rem;
    letter-spacing:.06em
  }
  .mobile-menu-panel a:last-child{border-bottom:0}
  .mobile-menu-panel a.active{font-weight:700;color:var(--burgundy)}
  .search-panel{z-index:120}
}


/* v39 r6: mobile scroll behavior + compact footer + white feature panels */
.recent-card{background:#fff}
.about-home{background:#fff}
.scores-pane h2{font-weight:700}

/* Keep the restored Home intro concise rather than bringing the timeline back. */
.about-home-brief{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);
  align-items:end;
  gap:clamp(2.5rem,7vw,6rem)
}
.about-home-mini{max-width:430px}
.about-home-brief-main{min-width:0}
.about-home-brief-main h2{margin:0}
.about-home-brief-main .about-home-action{justify-content:flex-start;padding-top:1.5rem}

@media(max-width:760px){
  .mobile-header-wrap{
    transition:top .2s ease;
    will-change:top
  }
  .mobile-header-wrap.mobile-header-hidden{
    top:-72px
  }

  .about-home-brief{
    display:block
  }
  .about-home-mini{
    max-width:390px;
    margin-bottom:1.75rem
  }
  .about-home-intro{
    font-size:.86rem;
    line-height:1.68
  }
  .about-home-brief-main h2{
    font-size:2.75rem;
    max-width:330px
  }
  .about-home-brief-main .about-home-action{
    justify-content:flex-start;
    padding-top:1.5rem
  }

  /* Two footer groups per row: Explore + Music, then Connect + Information. */
  .footer{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:1.5rem;
    row-gap:2.8rem;
    padding:3.5rem 1.25rem 4rem
  }
  .footer > div{min-width:0}
  .footer a{overflow-wrap:anywhere}

  .back-to-top{display:block}
}

@media(min-width:761px){
  .back-to-top{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .mobile-header-wrap{transition:none}
}

/* v39 r8: Safari-safe mobile header reveal; 808 of FAME restored to normal page flow. */
@media(max-width:760px){
  .mobile-header-wrap{
    position:-webkit-sticky;
    position:sticky;
    top:0
  }
  .mobile-header-wrap.mobile-header-hidden{top:-72px}
  .arcade-layout .scores-pane{
    max-height:none;
    overflow:visible;
    overscroll-behavior:auto;
    scrollbar-gutter:auto
  }
  .arcade-layout .scores-pane h2{
    position:static;
    margin:0 0 1.35rem;
    padding:0;
    border-bottom:0
  }
}

/* 808 of FAME verification hierarchy */
.fame-rule{
  margin:-.55rem 0 1.25rem;
  color:var(--ink);
  font-size:.76rem;
  line-height:1.5
}
.fame-rule strong{font-weight:700}
.score-row .score strong.verified-clear{font-weight:700}
.score-row .score strong.unverified-clear{font-weight:400}
.score-row .score strong.unverified-clear em{font-weight:400}


/* 808 PAUSE canonical how-to + Fame-first page hierarchy */
.arcade-canonical{
  padding:4.6rem 0 3.8rem
}
.arcade-canonical .kicker{color:var(--burgundy)}
.arcade-tagline{
  margin:1.15rem 0 0;
  font-size:1rem;
  font-style:italic
}
.arcade-definition{
  max-width:790px;
  margin:1.25rem 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.72
}
.arcade-verified{
  max-width:790px;
  margin:.9rem 0 0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.65
}
.arcade-verified strong{color:var(--ink)}
.arcade-stack{
  width:min(var(--max),calc(100% - 5rem));
  margin:0 auto
}
.arcade-stack > .scores-pane{
  width:min(100%,760px);
  margin:0 auto 5rem
}
.arcade-gallery-section{scroll-margin-top:6rem}
.arcade-gallery-head{margin:0 0 1.6rem}
.arcade-gallery-head .kicker{color:rgba(255,255,255,.68)}
.arcade-gallery-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.8rem,5.5vw,4.8rem);
  font-weight:400;
  line-height:.98
}
.arcade-stack .arcade-toolbar{width:100%}
#how-to-play,#fame,#arcade{scroll-margin-top:6rem}

@media(max-width:760px){
  .arcade-canonical{padding:3rem 0 2.8rem}
  .arcade-tagline{font-size:.92rem}
  .arcade-definition{font-size:.9rem;line-height:1.65}
  .arcade-verified{font-size:.78rem}
  .arcade-stack{width:calc(100% - 2rem)}
  .arcade-stack > .scores-pane{margin-bottom:3.5rem}
  .arcade-gallery-head{margin-bottom:1.25rem}
  .arcade-gallery-head h2{font-size:2.75rem}
}

/* Play-now pathways */
.announcement{grid-template-columns:1fr auto}
.announcement-content{display:flex;justify-self:center;align-items:center;justify-content:center;gap:.9rem;min-width:0}
.announcement-content>a{text-decoration:none}
.announcement-play{border-left:1px solid rgba(255,255,255,.42);padding-left:.9rem;text-decoration:underline!important;text-underline-offset:.22em}
.play-now-btn{display:inline-block;border:1px solid var(--burgundy);background:var(--burgundy);color:#fff;padding:.72rem 1rem;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,background .18s ease}
.play-now-btn:hover{transform:translateY(-1px)}
.play-now-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.arcade-click-hint{margin:0 0 .55rem;color:var(--burgundy);font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.home-play-now{margin-top:1rem}
.arcade-play-now{margin:1.5rem 0 1.15rem}
@media(max-width:760px){
  .announcement-content{gap:.55rem}
  .announcement-play{padding-left:.55rem;white-space:nowrap}
  .play-now-btn{padding:.68rem .9rem}
}


/* v40 r2: unify primary subpage headers with the 808 PAUSE visual system */
.standard-page-head{
  padding:4.6rem 0 3.8rem;
  background:#fff
}
.standard-page-head .kicker{
  margin-bottom:1.25rem;
  color:var(--burgundy)
}
.page-header-description{
  max-width:790px;
  margin:1.25rem 0 0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.72
}

.media-page-head .page-header-description,
.media-page-head .arcade-definition,
.media-page-head .arcade-verified{max-width:none}
.header-media-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(240px,.72fr);
  gap:clamp(2rem,5vw,4.25rem);
  align-items:start;
}
.header-media-copy{min-width:0}
.header-media-visual{
  justify-self:end;
  width:min(100%,360px);
}
.header-media-visual img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  background:#fff;
}
.board-visual{width:min(100%,320px)}
.board-visual img{border-color:#111;background:#000}
.arcade-header-grid{grid-template-columns:minmax(0,1.12fr) minmax(240px,.6fr)}

/* Alternate the Home feature compositions: PARDON copy left, artwork right. */
.home-free-beat{
  grid-template-columns:minmax(320px,1.18fr) minmax(300px,.82fr)
}

@media(max-width:760px){
  .standard-page-head{padding:3rem 0 2.8rem}
  .standard-page-head .kicker{margin-bottom:.9rem}
  .page-header-description{font-size:.9rem;line-height:1.65}
  .home-free-beat{grid-template-columns:1fr}
  .home-free-beat-art{order:1}
  .home-free-beat-copy{order:2}
}

/* Free Beats: playlist-led listening and downloads */
.music-panel.free-beats-playlists{
  display:block;
}
.music-panel.free-beats-playlists[hidden]{display:none}
.free-playlist-section{
  padding:clamp(3rem,6vw,5rem) 0;
  border-top:1px solid var(--line)
}
.free-playlist-section:first-of-type{border-top:1px solid var(--ink)}
.free-playlist-copy{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);
  column-gap:clamp(2rem,7vw,7rem);
  align-items:start;
  margin-bottom:2rem
}
.free-playlist-copy .kicker{
  grid-column:1;
  margin-bottom:.8rem;
  color:var(--burgundy)
}
.free-playlist-copy h2{
  grid-column:1;
  margin:0;
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:400;
  line-height:1.05
}
.free-playlist-copy p{
  grid-column:2;
  grid-row:1 / span 2;
  max-width:620px;
  margin:0;
  color:var(--muted);
  line-height:1.7
}
.free-playlist-player{max-width:900px}
.free-playlist-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.6rem;
  align-items:center;
  margin-top:1.35rem
}
.secondary-free-link{color:var(--muted)}

@media(max-width:760px){
  .free-playlist-copy{grid-template-columns:1fr;gap:.45rem;margin-bottom:1.5rem}
  .free-playlist-copy .kicker,.free-playlist-copy h2,.free-playlist-copy p{grid-column:1;grid-row:auto}
  .free-playlist-copy p{margin-top:.8rem}
  .free-playlist-section{padding:2.7rem 0}
  .free-playlist-actions{align-items:flex-start;flex-direction:column;gap:.9rem}
}

/* v42: adjacent free-beat playlists + on-site licensing terms */

.shared-download-cue{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:.38rem;
  margin:1.25rem auto 1.75rem;
  max-width:560px;
}
.shared-download-icon{
  width:44px;
  height:auto;
  display:block;
}
.shared-download-instruction,
.shared-download-terms{
  margin:0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.5;
}
.shared-download-terms a{
  color:var(--ink);
  font-weight:700;
  text-underline-offset:.18em;
}
.free-playlist-grid{
  display:grid;
  grid-template-columns:minmax(0,900px);
  justify-content:center;
  gap:0;
  align-items:start
}
.free-playlist-grid .free-playlist-section{
  min-width:0;
  padding:2.4rem 0 3.2rem;
  border-top:1px solid var(--ink)
}
.free-playlist-grid .free-playlist-copy{
  display:block;
  margin-bottom:1.25rem
}
.free-playlist-grid .free-playlist-copy .kicker,
.free-playlist-grid .free-playlist-copy h2,
.free-playlist-grid .free-playlist-copy p{
  display:block;
  margin-left:0;
  max-width:none
}
.free-playlist-grid .free-playlist-copy h2{
  margin:.65rem 0 1rem;
  font-size:clamp(1.9rem,3vw,3rem)
}
.free-playlist-grid .free-playlist-copy p{
  margin:0;
  color:var(--muted);
  line-height:1.68
}
.download-terms-note{
  margin:0 0 .8rem;
  padding:.8rem .9rem;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.55
}
.download-terms-note a{
  color:var(--ink);
  font-weight:700;
  text-underline-offset:.18em
}
.free-playlist-grid .disco-player-shell{max-width:none}
.free-playlist-grid .free-playlist-actions{margin-top:1rem}

.licensing-panel-expanded{padding-top:clamp(3rem,6vw,5rem)}
.licensing-intro{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:end;
  padding-bottom:2rem;
  border-bottom:1px solid var(--ink)
}
.licensing-intro h2{
  margin:.65rem 0 0;
  font-size:clamp(2.4rem,5vw,4.7rem);
  font-weight:300;
  line-height:.98
}
.licensing-intro > p{
  margin:0;
  max-width:620px;
  color:var(--muted);
  line-height:1.7
}
.license-terms-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  background:var(--line);
  border:1px solid var(--line)
}
.license-terms-card{
  min-width:0;
  background:#fff;
  padding:clamp(1.5rem,3vw,2.6rem)
}
.license-terms-card h3{
  margin:.65rem 0 1rem;
  font-size:clamp(1.75rem,3vw,2.65rem);
  font-weight:400;
  line-height:1.05
}
.license-lead{
  margin:0 0 1.4rem;
  color:var(--muted);
  line-height:1.7
}
.license-terms-card ul{
  margin:0;
  padding-left:1.1rem
}
.license-terms-card li{
  margin:.65rem 0;
  padding-left:.15rem;
  color:var(--muted);
  line-height:1.58
}
.license-acceptance{
  margin:1.5rem 0 0;
  padding-top:1.2rem;
  border-top:1px solid var(--line);
  font-size:.82rem;
  line-height:1.6
}
.paid-license-section{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:end;
  padding:clamp(2.5rem,5vw,4rem) 0 0
}
.paid-license-section h3{
  margin:.65rem 0 .8rem;
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:400
}
.paid-license-section p{margin:0;color:var(--muted);line-height:1.7}
.paid-license-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}

@media(max-width:900px){
  .free-playlist-grid{grid-template-columns:1fr}
  .license-terms-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .licensing-intro,.paid-license-section{grid-template-columns:1fr;gap:1.4rem}
  .free-playlist-grid .free-playlist-section{padding:2.25rem 0}
}


/* v50: listen-only free demo player + explicit per-track downloads */
.demo-downloads{
  margin-top:1.8rem;
  padding-top:1.6rem;
  border-top:1px solid var(--ink)
}
.demo-downloads-note{
  margin:.65rem 0 1.15rem;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.6
}
.demo-downloads-note a{
  color:var(--ink);
  font-weight:700;
  text-underline-offset:.18em
}
.demo-download-list{
  border-top:1px solid var(--line)
}
.demo-download-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1rem 0;
  border-bottom:1px solid var(--line)
}
.demo-download-row > span{
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.08em
}
.demo-download-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.7rem 1rem;
  border:1px solid var(--ink);
  color:var(--ink);
  text-decoration:none;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
  transition:background .18s ease,color .18s ease
}
.demo-download-row a:hover,
.demo-download-row a:focus-visible{
  background:var(--ink);
  color:#fff
}
@media(max-width:520px){
  .demo-download-row{grid-template-columns:1fr;gap:.65rem}
  .demo-download-row a{width:100%;box-sizing:border-box}
}


/* v51: Home featured free beat — SoundCloud listen + clear conversion actions */
.home-free-beat-soundcloud{
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:clamp(2.7rem,7vw,7rem);
  align-items:center
}
.home-free-beat-player{
  min-width:0;
  width:100%
}
.home-free-beat-player iframe{
  display:block;
  width:100%;
  max-width:100%;
  border:0
}
.soundcloud-attribution{
  margin:.45rem 0 0;
  overflow:hidden;
  color:#aaa;
  font-size:.62rem;
  font-weight:300;
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis
}
.soundcloud-attribution a{
  color:#999;
  text-decoration:none
}
.home-free-beat-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem 1.35rem;
  margin-top:1.35rem
}
.home-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.82rem 1.35rem;
  background:var(--burgundy);
  border:1px solid var(--burgundy);
  color:#fff;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
  transition:opacity .2s ease,transform .2s ease
}
.home-download-btn:hover{opacity:.9;transform:translateY(-1px)}
.home-download-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.home-free-beat-actions .home-free-beats-link{
  margin-top:0
}
@media(max-width:760px){
  .home-free-beat-soundcloud{grid-template-columns:1fr;gap:1.8rem}
  .home-free-beat-soundcloud .home-free-beat-copy{order:1}
  .home-free-beat-player{order:2}
  .home-free-beat-actions{align-items:stretch;flex-direction:column;gap:.85rem}
  .home-download-btn{width:100%}
  .home-free-beat-actions .home-free-beats-link{align-self:flex-start}
}


/* v52: DISCO featured player + compact adjacent demo downloads */
.home-free-beat-disco{
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:clamp(2.7rem,7vw,7rem);
  align-items:center
}
.home-free-beat-disco .home-free-beat-player{max-width:624px}
.home-featured-disco{
  display:block;
  width:100%;
  max-width:624px;
  height:306px;
  min-height:306px;
  border:0
}
.home-featured-track-player{
  width:100%;
  max-width:624px;
  margin-top:1.35rem
}
.demo-player-download-layout{
  display:grid;
  grid-template-columns:355px minmax(0,1fr);
  gap:clamp(2rem,5vw,4rem);
  align-items:start;
  margin-top:1.75rem
}
.demo-player-shell{width:355px;max-width:100%;min-width:0}
.demo-playlist-embed{
  display:block;
  width:355px;
  max-width:100%;
  height:800px;
  min-height:285px;
  border:0
}
.demo-player-download-layout .demo-downloads{margin-top:0;padding-top:0;border-top:0}
.demo-full-playlist-btn,
.demo-download-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  box-sizing:border-box;
  padding:.58rem .82rem;
  background:#531918;
  border:1px solid #531918;
  color:#fff;
  text-decoration:none;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.055em;
  line-height:1;
  text-transform:uppercase;
  transition:opacity .18s ease,transform .18s ease
}
.demo-full-playlist-btn{margin:0 0 1rem;min-height:40px;padding:.68rem 1rem}
.demo-full-playlist-btn:hover,
.demo-full-playlist-btn:focus-visible,
.demo-download-row a:hover,
.demo-download-row a:focus-visible{
  background:#531918;
  color:#fff;
  opacity:.88;
  transform:translateY(-1px)
}
.demo-full-playlist-btn:focus-visible,
.demo-download-row a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:760px){
  .home-free-beat-disco{grid-template-columns:1fr;gap:1.8rem}
  .home-free-beat-disco .home-free-beat-copy{order:1}
  .home-free-beat-disco .home-free-beat-player{order:2;max-width:none}
  .demo-player-download-layout{grid-template-columns:1fr;gap:2rem}
  .demo-player-shell{width:100%}
  .demo-playlist-embed{width:100%;height:720px}
}
@media(max-width:520px){
  .demo-full-playlist-btn{width:100%}
  .demo-download-row a{min-height:38px}
}


/* v53: single-track BATTERUP embed + clearer Listen / Download separation */
.demo-player-download-layout{
  grid-template-columns:minmax(355px,.82fr) minmax(320px,1.18fr);
  gap:clamp(2.25rem,5vw,5rem);
  align-items:start
}
.demo-action-panel{
  min-width:0;
  padding-top:1.25rem;
  border-top:2px solid var(--ink)
}
.demo-action-head{
  min-height:142px;
  padding-bottom:1.35rem;
  margin-bottom:1.35rem;
  border-bottom:1px solid var(--line)
}
.demo-action-head h3{
  margin:.6rem 0 .65rem;
  font-size:clamp(1.65rem,2.7vw,2.45rem);
  font-weight:400;
  line-height:1.06
}
.demo-action-head p{
  max-width:440px;
  margin:0;
  color:var(--muted);
  line-height:1.62
}
.demo-listen-panel .demo-player-shell{
  margin:0 auto
}
.demo-player-download-layout .demo-downloads{
  margin-top:0;
  padding-top:1.25rem;
  border-top:2px solid var(--ink)
}
.demo-downloads-note{
  margin:0 0 1.25rem;
  padding:.9rem 0;
  border-bottom:1px solid var(--line)
}
@media(max-width:820px){
  .demo-player-download-layout{grid-template-columns:1fr;gap:3.25rem}
  .demo-action-head{min-height:0}
  .demo-listen-panel .demo-player-shell{margin:0}
}

/* v54: matched Home DISCO feature players */
.featured-release .featured-copy{min-width:0}
.featured-release .home-featured-track-player{max-width:624px}
@media(max-width:760px){
  .home-featured-disco{height:306px;min-height:306px}
  .featured-release .home-featured-track-player{max-width:none}
}

/* v55: visual alignment cleanup for Home feature + Music free-beat workflow */
@media(min-width:761px){
  .home-free-beat-disco{
    grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr);
    gap:clamp(2.25rem,5vw,5rem);
    align-items:start;
  }
  .home-free-beat-disco .home-free-beat-player{
    align-self:start;
    margin-top:1.18rem;
  }
}

/* Keep the free-beat page airy: one structural divider, not a stack of rules. */
.free-beats-playlists .free-playlist-section,
.free-playlist-grid .free-playlist-section{
  border-top:0;
  padding-top:1.25rem;
}
.demo-player-download-layout{
  gap:clamp(2.5rem,5vw,5rem);
}
.demo-action-panel,
.demo-player-download-layout .demo-downloads{
  border-top:0;
  padding-top:0;
}
.demo-action-head{
  min-height:0;
  margin-bottom:1.6rem;
  padding-bottom:0;
  border-bottom:0;
}
.demo-player-download-layout .demo-downloads{
  border-left:1px solid var(--line);
  padding-left:clamp(2rem,4vw,3.5rem);
}
.demo-downloads-note{
  margin:0 0 1.25rem;
  padding:0;
  border-bottom:0;
}
.demo-download-list{
  display:grid;
  gap:.6rem;
  border-top:0;
}
.demo-download-row{
  grid-template-columns:minmax(125px,1fr) 132px;
  gap:1.25rem;
  min-height:42px;
  padding:.3rem 0;
  border-bottom:0;
  align-items:center;
}
.demo-download-row > span{
  align-self:center;
  line-height:1.2;
}
.demo-download-row a{
  width:132px;
  min-height:36px;
  justify-self:end;
  padding:.58rem .65rem;
  white-space:nowrap;
}
.demo-full-playlist-btn{
  width:132px;
  min-height:38px;
  margin:0 0 1.4rem auto;
  padding:.62rem .7rem;
  display:flex;
}

@media(max-width:820px){
  .demo-player-download-layout .demo-downloads{
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:0;
    padding-top:2.4rem;
  }
}
@media(max-width:520px){
  .demo-download-row{
    grid-template-columns:minmax(0,1fr) 124px;
    gap:.8rem;
  }
  .demo-download-row a{
    width:124px;
    min-height:36px;
    font-size:.66rem;
  }
  .demo-full-playlist-btn{
    width:auto;
    margin-left:0;
  }
}


/* v56: simplified download table — beat names are the download actions */
.demo-download-instruction{
  margin:0 0 .45rem;
  color:var(--ink);
  font-size:.9rem;
  line-height:1.5;
}
.demo-download-instruction strong{font-weight:700}
.demo-download-table-wrap{
  width:100%;
  margin-top:1.15rem;
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
.demo-download-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.demo-download-table th,
.demo-download-table td{
  padding:.92rem .2rem;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid var(--line);
}
.demo-download-table tr:last-child td{border-bottom:0}
.demo-download-table th{
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.demo-download-table th:last-child,
.demo-download-table td:last-child{
  width:72px;
  text-align:right;
}
.demo-download-table td:last-child{
  color:var(--muted);
  font-size:.72rem;
  letter-spacing:.06em;
}
.demo-download-table a{
  display:inline-block;
  color:#531918;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.075em;
  text-decoration:none;
  text-underline-offset:.2em;
}
.demo-download-table a:hover,
.demo-download-table a:focus-visible{
  text-decoration:underline;
}
.demo-download-table a:focus-visible{
  outline:2px solid #531918;
  outline-offset:4px;
}
.demo-full-playlist-link{
  display:inline-block;
  margin-top:1.15rem;
  color:#531918;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.045em;
  text-decoration:none;
  text-underline-offset:.18em;
}
.demo-full-playlist-link:hover,
.demo-full-playlist-link:focus-visible{text-decoration:underline}
.demo-download-list,
.demo-full-playlist-btn{display:none !important}
@media(max-width:520px){
  .demo-download-table th,
  .demo-download-table td{padding:.85rem .15rem}
  .demo-download-table a{font-size:.82rem}
}


/* v57: wider free-beat player + stripped-down download table */
.demo-player-download-layout{
  grid-template-columns:minmax(480px,.95fr) minmax(320px,1.05fr);
}
.demo-player-shell{
  width:480px;
  max-width:100%;
}
.demo-playlist-embed{
  width:480px;
  max-width:100%;
}
.demo-download-table-wrap{margin-top:0}
.demo-download-table td:last-child{
  width:105px;
  color:var(--muted);
  font-size:.72rem;
  letter-spacing:.035em;
  white-space:nowrap;
}
@media(max-width:920px){
  .demo-player-download-layout{grid-template-columns:1fr}
  .demo-player-download-layout .demo-downloads{
    border-left:0;
    border-top:1px solid var(--line);
    padding-left:0;
    padding-top:2.4rem;
  }
  .demo-player-shell,
  .demo-playlist-embed{width:100%}
}


@media(max-width:900px){
  .header-media-grid,
  .arcade-header-grid{grid-template-columns:1fr;gap:1.6rem}
  .header-media-visual,
  .board-visual{justify-self:start;width:min(100%,420px)}
}
@media(max-width:760px){
  .header-media-visual,
  .board-visual{width:100%;max-width:360px}
}

@media(max-width:600px){
  .contact-social-links{grid-template-columns:1fr}
  .contact-email-row{align-items:flex-start;flex-direction:column;gap:.8rem}
  .copy-email-btn{width:auto}
}


/* v71: editorial alternating Home feature for 400M */
.home-license-feature{
  grid-template-columns:minmax(420px,1.18fr) minmax(320px,.82fr);
  gap:clamp(2.7rem,7vw,7rem);
  align-items:center;
}
.home-license-feature-copy{min-width:0}
.home-license-feature-player{
  width:100%;
  max-width:624px;
  margin-top:1.45rem;
}
.home-license-feature-art{
  width:100%;
  align-self:center;
}
.home-license-feature-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(min-width:761px){
  .home-license-feature .home-free-beat-player{
    margin-top:1.45rem;
    max-width:624px;
  }
}
@media(max-width:760px){
  .home-license-feature{grid-template-columns:1fr;gap:2rem}
  .home-license-feature-art{order:1}
  .home-license-feature-copy{order:2}
  .home-license-feature-player{max-width:none}
}


/* v79: Home mobile feature order fix. Desktop grid/layout remains v75. */
.home-editorial-art img{display:block}
@media(max-width:760px){
  .home-editorial-feature{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "heading"
      "art"
      "body" !important;
    gap:0 !important;
  }
  .home-editorial-copy{display:contents}
  .home-editorial-heading{
    grid-area:heading;
    margin:0 0 1.25rem;
  }
  .home-editorial-art{
    grid-area:art;
    order:0 !important;
    width:100% !important;
    max-width:520px;
    margin:0 0 1.35rem;
    justify-self:start;
  }
  .home-editorial-art img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1;
    object-fit:cover;
  }
  .home-editorial-body{
    grid-area:body;
    min-width:0;
  }
  .home-editorial-body > p{
    max-width:none;
    margin:0 0 1.35rem;
    color:var(--muted);
    font-size:.88rem;
    line-height:1.7;
  }
  .home-editorial-body .home-license-feature-player,
  .home-editorial-body .home-featured-track-player,
  .home-editorial-body .home-free-beat-player{
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:235px;
    margin-top:0;
    overflow:visible;
  }
  .home-editorial-body .home-featured-disco{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    max-width:100% !important;
    height:235px !important;
    min-height:235px !important;
    border:0;
  }
}

/* v80: producer-credit guide + stable alphabetical demo links */
.producer-credit-guide{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(2rem,6vw,5rem);
  align-items:start;
  margin-top:clamp(2.5rem,5vw,4rem);
  padding-top:clamp(2.2rem,4vw,3.2rem);
  border-top:1px solid var(--ink)
}
.producer-credit-head h3{
  margin:.65rem 0 .9rem;
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:400;
  line-height:1.05
}
.producer-credit-head p{
  margin:0;
  color:var(--muted);
  line-height:1.7
}
.producer-credit-table-wrap{
  width:100%;
  overflow-x:auto
}
.producer-credit-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink)
}
.producer-credit-table th,
.producer-credit-table td{
  padding:1rem .2rem;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
  line-height:1.55
}
.producer-credit-table tr:last-child th,
.producer-credit-table tr:last-child td{border-bottom:0}
.producer-credit-table th{
  width:42%;
  padding-right:1.4rem;
  color:var(--ink);
  font-size:.82rem;
  font-weight:700
}
.producer-credit-table td{
  color:var(--muted);
  font-size:.84rem
}
.producer-credit-table code{
  font-family:inherit;
  font-weight:700;
  color:var(--ink);
  background:transparent
}
@media(max-width:760px){
  .producer-credit-guide{grid-template-columns:1fr;gap:1.6rem}
  .producer-credit-table{table-layout:auto}
  .producer-credit-table th{width:40%;padding-right:1rem}
  .producer-credit-table th,
  .producer-credit-table td{font-size:.78rem;padding:.9rem .15rem}
}


/* v81: Music header shortcut to producer-credit guide */
.page-header-credit-link{
  margin-top:1.5rem;
}
@media(max-width:760px){
  .page-header-credit-link{margin-top:1.2rem}
}

/* v83: place producer-credit shortcut with licensing context */
.licensing-intro-copy{min-width:0}
.licensing-credit-link{margin-top:1.35rem}
@media(max-width:760px){
  .licensing-credit-link{margin-top:1.1rem}
}


/* v85: DISCO handles free-demo downloads directly */
.demo-download-card{
  width:min(100%,430px);
  box-sizing:border-box;
  padding:clamp(1.5rem,3vw,2.1rem);
  border:1px solid var(--line);
  background:#fff;
}
.demo-download-card-icon{
  display:block;
  width:72px;
  height:auto;
  margin:0 0 1.15rem;
}
.demo-download-card .kicker{
  display:block;
  margin-bottom:.7rem;
  color:var(--burgundy);
}
.demo-download-card h3{
  margin:0 0 1rem;
  font-size:clamp(1.7rem,2.8vw,2.35rem);
  font-weight:400;
  line-height:1.08;
}
.demo-download-card p{
  margin:.75rem 0 0;
  color:var(--muted);
  line-height:1.65;
}
.demo-download-card p strong{color:var(--ink)}
.demo-download-card .demo-download-terms{
  margin-top:1.35rem;
  padding-top:1.15rem;
  border-top:1px solid var(--line);
  font-size:.88rem;
}
.demo-download-card .demo-download-terms a{
  color:#531918;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.18em;
}
.demo-download-card .demo-download-terms a:focus-visible{
  outline:2px solid #531918;
  outline-offset:3px;
}
@media(max-width:920px){
  .demo-download-card{width:100%;max-width:520px}
}


/* v87: full-playlist download routes through the public DISCO playlist page */
.demo-playlist-download-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1.2rem;
  min-height:42px;
  padding:.72rem 1rem;
  border:1px solid #531918;
  background:#531918;
  color:#fff;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-decoration:none;
}
.demo-playlist-download-link:hover,
.demo-playlist-download-link:focus-visible{
  background:#fff;
  color:#531918;
}
.demo-playlist-download-link:focus-visible{
  outline:2px solid #531918;
  outline-offset:3px;
}
@media(max-width:520px){
  .demo-playlist-download-link{width:100%;box-sizing:border-box}
}