@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');

/* =========================================================
   BOUNDxPOSSE — "THE RED CEMETERY / POSSE CONTROL ROOM"
   Same content. Same links. Same soundtrack. New composition.
   ========================================================= */

:root{
  --black:#030000;
  --black2:#090303;
  --paper:#f4eeee;
  --red:#ff1010;
  --red2:#8b0000;
  --grey:#9e8989;
  --dim:#5e4d4d;
  --line:rgba(255,16,16,.32);
  --line2:rgba(244,238,238,.13);
  --max:1480px;
  --rail:74px;
}

*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,0,0,.09),transparent 34%),
    #030000;
  color:var(--paper);
  font-family:"Space Mono",monospace;
  cursor:default;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.28) 48%,rgba(0,0,0,.83)),
    linear-gradient(180deg,rgba(255,0,0,.07),rgba(0,0,0,.86) 86%),
    url("assets/bound-cemetery-bg.jpg") center/cover fixed no-repeat;
  filter:contrast(1.22) saturate(1.42);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.025) 3px),
    radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(0,0,0,.54) 88%);
  mix-blend-mode:screen;
  opacity:.48;
}
body>*{position:relative;z-index:1}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.noise{z-index:90;opacity:.095}

/* ---------- FIXED COMMAND RAIL ---------- */
.nav{
  position:fixed!important;
  z-index:100!important;
  inset:0 auto 0 0;
  width:var(--rail);
  height:100vh;
  padding:18px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  background:rgba(2,0,0,.78);
  border-right:1px solid rgba(255,16,16,.32);
  backdrop-filter:blur(9px);
}
.wordmark{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font:15px/1 "Archivo Black",sans-serif;
  letter-spacing:-1px;
  color:#fff;
  text-shadow:2px 0 var(--red);
}
.wordmark span{color:var(--red);text-shadow:none}
.nav nav{
  display:flex;
  flex-direction:column;
  gap:23px;
  align-items:center;
}
.nav nav a{
  font-size:7px;
  letter-spacing:1.4px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#bdaaaa;
  transition:.2s;
}
.nav nav a:hover{
  color:var(--red);
  text-shadow:0 0 12px rgba(255,16,16,.55);
  transform:rotate(180deg) translateX(3px);
}
.nav nav a::after{display:none}
.menu{
  display:none;
}

/* tiny "machine" marks along the rail */
.nav::before{
  content:"BXP";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font:8px "Space Mono",monospace;
  color:rgba(255,16,16,.4);
  letter-spacing:4px;
}
.nav::after{
  content:"● 01 02 03 04 05 06";
  position:absolute;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  writing-mode:vertical-rl;
  font:6px "Space Mono",monospace;
  color:#654e4e;
  letter-spacing:4px;
}

/* ---------- MAIN BECOMES A SERIES OF "ROOMS" ---------- */
main{
  margin-left:var(--rail);
  display:flex;
  flex-direction:column;
  min-width:0;
}

/* Rearranged section order without touching any original content. */
.hero{order:1}
.ticker{order:2}
.artists{order:3}
.identity-strip{order:4}
.founders{order:5}
.producers{order:6}
.music{order:7}
.manifesto{order:8}
.contact{order:9}

/* ---------- HERO: GIANT POSTER / CEMETERY WINDOW ---------- */
.hero{
  min-height:100vh;
  max-width:none;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  align-items:end;
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--red);
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  width:72vw;
  max-width:980px;
  aspect-ratio:1;
  left:-25vw;
  top:-45vw;
  border:1px solid rgba(255,16,16,.3);
  border-radius:50%;
  box-shadow:0 0 100px rgba(255,0,0,.08),inset 0 0 100px rgba(255,0,0,.04);
  animation:orbit 28s linear infinite;
  pointer-events:none;
}
.hero::after{
  content:"NO POSSE WITHOUT THE BOUND";
  position:absolute;
  right:20px;
  top:18%;
  writing-mode:vertical-rl;
  font:8px "Space Mono",monospace;
  letter-spacing:3px;
  color:rgba(255,16,16,.62);
  pointer-events:none;
}
@keyframes orbit{to{transform:rotate(360deg)}}
.hero-grid{
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(rgba(255,16,16,.24) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,16,16,.24) 1px,transparent 1px);
  background-size:90px 90px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.hero-copy{
  position:relative;
  z-index:4;
  padding:120px 5vw 70px;
  align-self:end;
  max-width:980px;
}
.hero .eyebrow{
  margin:0 0 18px;
  color:var(--red);
  font-size:9px;
  letter-spacing:2px;
}
.hero h1{
  margin:0;
  max-width:980px;
  font:clamp(72px,12vw,180px)/.70 "Archivo Black",sans-serif;
  letter-spacing:-10px;
  text-transform:uppercase;
  color:#f6eeee;
  text-shadow:
    7px 7px 0 rgba(0,0,0,.72),
    -3px 0 var(--red);
}
.hero h1::before{
  content:"BOUND";
  position:absolute;
  left:0;
  top:-.42em;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,16,16,.32);
  transform:translate(14px,4px);
  clip-path:inset(48% 0 42% 0);
}
.hero-subtitle{
  margin:26px 0 0;
  font:clamp(13px,1.6vw,21px)/1 "Archivo Black",sans-serif;
  letter-spacing:1px;
}
.intro{
  max-width:420px;
  margin:23px 0 27px;
  font-size:11px;
  line-height:1.8;
  color:#bda8a8;
}
.hero-discord-wrap{max-width:520px;margin-top:0}
.hero-discord{
  border:1px solid var(--red);
  background:rgba(0,0,0,.42);
  padding:13px 15px;
  display:flex;
  justify-content:space-between;
  font:8px "Space Mono",monospace;
  letter-spacing:1.3px;
  transition:.2s;
}
.hero-discord:hover{
  background:var(--red);
  color:#050000;
  box-shadow:0 0 34px rgba(255,16,16,.2);
  transform:translateX(4px);
}
.hero-actions{display:flex;gap:8px;margin-top:10px}
.button{
  border:1px solid rgba(244,238,238,.25);
  padding:12px 15px;
  font-size:8px;
  letter-spacing:1px;
  background:rgba(0,0,0,.32);
  transition:.2s;
}
.button:hover{
  border-color:var(--red);
  background:var(--red);
  color:#050000;
  transform:translateY(-2px);
}
.button.primary{
  border-color:#eee;
  background:#eee;
  color:#080000;
}
.button.primary:hover{border-color:var(--red)}
.hero-mark{
  position:relative;
  align-self:stretch;
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  border-left:1px solid rgba(255,16,16,.22);
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.2));
}
.hero-mark::before{
  content:"";
  position:absolute;
  width:74%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,16,16,.3),transparent 68%);
  filter:blur(16px);
  animation:pulse 3.8s ease-in-out infinite;
}
.hero-mark::after{
  content:"BOUND / 0001";
  position:absolute;
  top:18px;
  right:18px;
  font:7px "Space Mono",monospace;
  color:#6d4f4f;
  letter-spacing:2px;
}
.hero-mark img{
  width:min(42vw,520px);
  max-height:75vh;
  object-fit:contain;
  position:relative;
  filter:drop-shadow(0 0 30px rgba(255,16,16,.24));
  animation:float 6s ease-in-out infinite;
}
@keyframes pulse{50%{transform:scale(1.08);opacity:.7}}
@keyframes float{50%{transform:translateY(-13px) rotate(-1deg)}}
.side-label{display:none}

/* ---------- TICKER ---------- */
.ticker{
  width:100%;
  overflow:hidden;
  border-block:1px solid var(--red);
  background:#050000;
  box-shadow:0 0 45px rgba(255,16,16,.08);
  padding:11px 0;
}
.ticker div{
  width:max-content;
  font:13px "Archivo Black",sans-serif;
  letter-spacing:1px;
  animation:marquee 22s linear infinite;
}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- ALL SECTIONS ARE "ROOMS" WITH OFFSET EDGES ---------- */
.section,
.identity-strip,
.manifesto{
  max-width:none;
  margin:0;
  position:relative;
  padding:120px 6vw;
  border-bottom:1px solid rgba(255,16,16,.2);
  background:
    linear-gradient(180deg,rgba(3,0,0,.78),rgba(3,0,0,.95));
}
.section::before,
.identity-strip::before,
.manifesto::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:26%;
  height:1px;
  background:var(--red);
  box-shadow:0 0 18px rgba(255,16,16,.3);
}
.section::after,
.identity-strip::after{
  content:"BXP";
  position:absolute;
  right:28px;
  top:26px;
  color:rgba(255,16,16,.22);
  font:8px "Space Mono",monospace;
  letter-spacing:4px;
}

/* ---------- SECTION HEADS BECOME ASYMMETRIC ---------- */
.section-head{
  display:grid;
  grid-template-columns:48px minmax(300px,1fr) minmax(220px,.5fr);
  gap:20px;
  border-top:0;
  margin:0 0 55px;
  padding:0;
  align-items:end;
}
.section-head>span{
  color:var(--red);
  font-size:8px;
  padding-bottom:8px;
}
.section-head .eyebrow{margin:0 0 12px;color:var(--red)}
.section-head h2{
  font:clamp(62px,9vw,130px)/.72 "Archivo Black",sans-serif;
  letter-spacing:-7px;
  text-shadow:4px 4px 0 rgba(0,0,0,.65),-2px 0 rgba(255,16,16,.22);
}
.section-note{
  max-width:320px;
  justify-self:end;
  color:#a88f8f;
  font-size:9px;
  line-height:1.8;
  margin:0;
}

/* ---------- ARTISTS: CONTACT SHEET / POSTER WALL ---------- */
.artist-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:10px;
  border:0;
}
.artist-card{
  min-width:0;
  padding:0!important;
  margin:0;
  border:1px solid var(--line)!important;
  background:rgba(0,0,0,.5);
  overflow:hidden;
  transition:.25s;
}
.artist-card:nth-child(1){grid-column:span 6;grid-row:span 2}
.artist-card:nth-child(2){grid-column:span 3}
.artist-card:nth-child(3){grid-column:span 3}
.artist-card:nth-child(4){grid-column:span 3}
.artist-card:nth-child(5){grid-column:span 3}
.artist-card:nth-child(6){grid-column:span 4}
.artist-card:nth-child(7){grid-column:span 4}
.artist-card:nth-child(8){grid-column:span 4}
.artist-card:nth-child(9){grid-column:span 3}
.artist-card:nth-child(10){grid-column:span 3}
.artist-card:nth-child(11){grid-column:span 3}
.artist-card:nth-child(12){grid-column:span 3}
.artist-card:nth-child(13){grid-column:span 3}
.artist-card:nth-child(14){grid-column:span 3}
.artist-card:hover{
  border-color:var(--red)!important;
  background:rgba(255,16,16,.06);
  transform:translateY(-4px) rotate(-.25deg);
  box-shadow:0 20px 60px rgba(255,0,0,.09);
}
.artist-cover{
  display:block;
  width:100%;
  aspect-ratio:1.15/1;
  margin:0;
  border:0;
  border-bottom:1px solid var(--line);
  overflow:hidden;
  position:relative;
}
.artist-card:first-child .artist-cover{aspect-ratio:1.38/1}
.artist-cover::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(135deg,transparent 50%,rgba(255,16,16,.25));
  pointer-events:none;
}
.artist-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.18) saturate(.82);
  transition:.45s;
}
.artist-card:hover .artist-cover img{
  transform:scale(1.06);
  filter:contrast(1.25) saturate(1.05);
}
.cover-overlay{
  z-index:3;
  right:9px;
  bottom:9px;
  opacity:0;
  transform:translateY(6px);
  background:#050000;
  border:1px solid var(--red);
  color:var(--red);
  font-size:7px;
  padding:7px;
  transition:.2s;
}
.artist-card:hover .cover-overlay{opacity:1;transform:none}
.artist-row{
  display:grid;
  grid-template-columns:27px 1fr 18px;
  gap:8px;
  align-items:start;
  padding:13px 14px 15px;
}
.num{font-size:7px;color:#876f6f;padding-top:3px}
.name{
  font:clamp(17px,2vw,30px)/.9 "Archivo Black",sans-serif;
  letter-spacing:-1.4px;
}
.artist-main{min-width:0}
.artist-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.artist-link{
  font-size:6px;
  color:#9d8888;
  border-bottom:1px solid rgba(255,16,16,.3);
  padding-bottom:2px;
}
.artist-link:hover{color:var(--red);border-color:var(--red)}
.arrow{color:var(--red);font-size:18px}
.artist-card:first-child .name{font-size:clamp(28px,3.6vw,52px)}
.artist-card:first-child .artist-row{padding:17px}

/* ---------- IDENTITY: SPLIT SCREEN ---------- */
.identity-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0;
  min-height:700px;
  overflow:hidden;
}
.identity-strip::after{top:22px}
.identity-copy{
  padding:120px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,16,16,.07),transparent 45%);
}
.identity-copy h2{
  font:clamp(80px,10vw,155px)/.68 "Archivo Black",sans-serif;
  letter-spacing:-9px;
  text-shadow:5px 5px 0 rgba(0,0,0,.75);
}
.identity-copy>p:last-child{color:#9f8989;font-size:10px;margin-top:30px}
.identity-art{
  min-height:700px;
  margin:0;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at center,rgba(255,16,16,.12),transparent 50%),
    rgba(0,0,0,.32);
  overflow:hidden;
}
.identity-art::before{
  inset:11%;
  border:1px solid rgba(255,16,16,.24);
  transform:rotate(5deg);
}
.identity-art::after{
  content:"THE MARK / DO NOT REPLICATE";
  position:absolute;
  right:25px;
  bottom:25px;
  font-size:7px;
  color:#765d5d;
  letter-spacing:1px;
}
.identity-art img{
  width:min(68%,510px);
  filter:drop-shadow(0 0 42px rgba(255,16,16,.25));
  animation:sealSpin 25s linear infinite;
}
@keyframes sealSpin{to{transform:rotate(360deg)}}

/* ---------- FOUNDERS: TWO HUGE POSTERS ---------- */
.founder-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.founder-card{
  border:1px solid var(--line);
  background:rgba(0,0,0,.48);
  overflow:hidden;
  transition:.3s;
}
.founder-card:hover{
  border-color:var(--red);
  transform:translateY(-6px);
  box-shadow:0 25px 80px rgba(255,0,0,.1);
}
.founder-photo{
  aspect-ratio:1.35/1;
  overflow:hidden;
  position:relative;
}
.founder-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:contrast(1.18) saturate(.78);
  transition:.5s;
}
.founder-card:hover .founder-photo img{
  transform:scale(1.045);
  filter:contrast(1.25) saturate(1.05);
}
.founder-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,rgba(0,0,0,.78),transparent 50%),
    linear-gradient(135deg,transparent 45%,rgba(255,16,16,.22));
}
.founder-index,.founder-open{
  z-index:3;
  color:var(--red);
  font-size:7px;
}
.founder-info{
  padding:18px 20px 21px;
  display:flex;
  justify-content:space-between;
  align-items:end;
}
.founder-info .eyebrow{margin:0 0 8px}
.founder-info h3{
  font:clamp(28px,4vw,58px)/.8 "Archivo Black",sans-serif;
  letter-spacing:-3px;
}
.founder-arrow{color:var(--red)}

/* ---------- PRODUCERS: THREE-PANEL STRIP ---------- */
.producer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  border:0;
}
.producer-card{
  border:1px solid var(--line)!important;
  background:rgba(0,0,0,.52);
  transition:.25s;
}
.producer-card:hover{
  border-color:var(--red)!important;
  transform:translateY(-5px);
  background:rgba(255,16,16,.05);
}
.producer-cover{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.producer-cover img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  filter:contrast(1.18) saturate(.8);
  transition:.4s;
}
.producer-text-cover{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-bottom:1px solid var(--line);
  overflow:hidden;
  background:#050505;
}
.producer-text-cover img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  opacity:.9;
  filter:contrast(1.1) saturate(.7);
  transition:.4s;
}
.producer-card:hover .producer-text-cover img{
  transform:scale(1.06);
  filter:contrast(1.2) saturate(.95);
}
.producer-card:hover .producer-cover img{
  transform:scale(1.06) rotate(-1deg);
  filter:contrast(1.25) saturate(1);
}
.producer-row{
  grid-template-columns:30px 1fr 18px;
  padding:14px;
}
.producer-main .name{font-size:clamp(18px,2.5vw,34px)}



/* ---------- MUSIC: TERMINAL / LEDGER ---------- */
.music{
  background:
    linear-gradient(90deg,rgba(255,16,16,.04),transparent 20%,transparent 80%,rgba(255,16,16,.04)),
    rgba(3,0,0,.93);
}
.recent-releases{
  display:grid;
  grid-template-columns:.55fr 1.45fr;
  gap:8vw;
  align-items:start;
}
.release-intro{
  position:sticky;
  top:35px;
  padding:20px 0 50px;
}
.release-intro h3{
  font:clamp(55px,7vw,105px)/.72 "Archivo Black",sans-serif;
  letter-spacing:-6px;
}
.release-intro>p:last-child{
  max-width:300px;
  color:#9f8888;
  font-size:9px;
  line-height:1.9;
}
.release-list{
  border-top:1px solid var(--red);
  border-left:1px solid var(--line);
}
.release-row{
  min-height:78px;
  display:grid;
  grid-template-columns:40px 130px 1fr 95px 20px;
  gap:12px;
  align-items:center;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  transition:.18s;
}
.release-row:hover{
  background:rgba(255,16,16,.09);
  padding-left:21px;
}
.release-num,.release-date{font-size:7px;color:#765f5f}
.release-artist{font:10px "Archivo Black",sans-serif}
.release-title{font-size:9px;color:#c2adad}
.release-arrow{color:var(--red)}

/* ---------- MANIFESTO: GIANT CENTERED STAMP ---------- */
.manifesto{
  min-height:800px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at center,rgba(255,16,16,.10),transparent 44%),
    rgba(2,0,0,.92);
}
.manifesto::before{
  width:100%;
  height:1px;
  left:0;
  top:0;
}
.manifesto::after{
  content:"05 / THE MANIFESTO";
  position:absolute;
  top:28px;
  left:6vw;
  color:#6e5555;
  font-size:7px;
  letter-spacing:2px;
}
.manifesto-inner{
  max-width:1250px;
  padding:90px 6vw;
  text-align:center;
}
.manifesto h2{
  max-width:1200px;
  font:clamp(64px,9.5vw,145px)/.70 "Archivo Black",sans-serif;
  letter-spacing:-8px;
  text-shadow:
    7px 7px 0 rgba(0,0,0,.7),
    -2px 0 rgba(255,16,16,.4);
}
.manifesto-copy{
  max-width:480px;
  margin:50px auto 0;
  color:#bba5a5;
  font-size:10px;
  line-height:1.95;
}

/* ---------- CONTACT: END SCREEN ---------- */
.contact{
  min-height:620px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:6vw;
}
.contact h2{
  font:clamp(70px,10vw,150px)/.68 "Archivo Black",sans-serif;
  letter-spacing:-9px;
}
.contact-right>p{
  max-width:430px;
  color:#b8a1a1;
  font-size:10px;
  line-height:1.9;
}
.email{
  border:1px solid var(--red);
  color:var(--red);
  padding:14px 17px;
  display:inline-block;
  margin:25px 0 45px;
  font-size:8px;
  letter-spacing:1px;
  transition:.2s;
}
.email:hover{
  background:var(--red);
  color:#050000;
  box-shadow:0 0 30px rgba(255,16,16,.2);
}
.socials{display:flex;gap:18px;flex-wrap:wrap}
.socials a{font-size:7px;letter-spacing:1px}
.socials a:hover{color:var(--red)}

/* ---------- SOUNDTRACK STATUS ---------- */
#bpw-track-status{
  left:calc(var(--rail) + 14px)!important;
  bottom:14px!important;
  color:rgba(255,215,215,.7)!important;
  background:rgba(3,0,0,.72)!important;
  border:1px solid rgba(255,16,16,.32)!important;
  box-shadow:0 0 22px rgba(255,16,16,.08);
  font-size:7px!important;
  letter-spacing:1px!important;
}

/* ---------- MICRO INTERACTIONS ---------- */
@media (pointer:fine){
  a,.button,button{cursor:pointer}
}
@keyframes signalFlash{
  0%,100%{opacity:0}
  50%{opacity:.7}
}
body.bp-glitch-active::after{
  animation:signalFlash .22s steps(2,end);
}

/* ---------- MOBILE: KEEP THE NEW COMPOSITION, STACKED ---------- */
@media(max-width:900px){
  :root{--rail:0px}
  .nav{
    inset:0 0 auto 0!important;
    width:100%;
    height:62px;
    padding:0 18px;
    flex-direction:row;
    border-right:0;
    border-bottom:1px solid rgba(255,16,16,.35);
  }
  .wordmark{
    writing-mode:horizontal-tb;
    transform:none;
    font-size:15px;
  }
  .nav::before,.nav::after{display:none}
  .nav nav{display:none}
  .menu{display:block;background:none;border:0}
  .menu span{display:block;width:24px;height:1px;background:#fff;margin:6px}
  .nav nav.open{
    display:flex;
    position:absolute;
    top:62px;
    left:0;
    right:0;
    flex-direction:column;
    gap:0;
    align-items:stretch;
    background:rgba(3,0,0,.98);
    border-bottom:1px solid var(--red);
  }
  .nav nav.open a{
    writing-mode:horizontal-tb;
    transform:none;
    padding:17px 20px;
    border-bottom:1px solid rgba(255,16,16,.16);
    font-size:8px;
  }
  main{margin-left:0}
  .hero{
    min-height:900px;
    padding-top:62px;
    grid-template-columns:1fr;
  }
  .hero-copy{padding:110px 24px 45px}
  .hero h1{font-size:clamp(65px,18vw,120px);letter-spacing:-6px}
  .hero-mark{
    min-height:380px;
    border-left:0;
    border-top:1px solid rgba(255,16,16,.2);
  }
  .hero-mark img{width:62vw}
  .section,.manifesto{padding:90px 20px}
  .section-head{
    grid-template-columns:30px 1fr;
  }
  .section-note{
    grid-column:2;
    justify-self:start;
    margin-top:18px;
  }
  .artist-grid{grid-template-columns:repeat(2,1fr)}
  .artist-card:nth-child(n){grid-column:span 1;grid-row:auto}
  .artist-card:first-child{grid-column:span 2}
  .artist-card:first-child .artist-cover{aspect-ratio:1.3/1}
  .identity-strip{grid-template-columns:1fr;min-height:0}
  .identity-copy{min-height:480px;border-right:0;border-bottom:1px solid var(--line);padding:90px 20px}
  .identity-art{min-height:500px}
  .founder-grid{grid-template-columns:1fr}
  .producer-grid{grid-template-columns:1fr}
  .recent-releases{grid-template-columns:1fr;gap:30px}
  .release-intro{position:static}
  .contact{grid-template-columns:1fr;min-height:700px}
}
@media(max-width:560px){
  .hero h1{letter-spacing:-4px}
  .artist-grid{grid-template-columns:1fr}
  .artist-card:nth-child(n),.artist-card:first-child{grid-column:span 1}
  .artist-card:first-child .artist-cover{aspect-ratio:1.15/1}
  .section-head h2{letter-spacing:-4px}
  .release-row{grid-template-columns:28px 1fr 18px;gap:8px}
  .release-artist,.release-date{display:none}
  .contact h2{letter-spacing:-5px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===== MOBILE + TOUCH HARDENING ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,.button,.hero-discord{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,16,16,.18)}
img,video,iframe{max-width:100%}

@media(max-width:900px){
  .nav{z-index:1000!important}
  main{width:100%;min-width:0}
  .hero,.section,.identity-strip,.manifesto,.contact{width:100%;min-width:0}
  .hero h1,.section-head h2,.manifesto h2,.contact h2,.identity-copy h2{overflow-wrap:anywhere}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .button{min-height:42px;display:inline-flex;align-items:center}
  .hero-discord{min-height:48px;align-items:center}
  .artist-card,.founder-card,.producer-card{min-width:0}
  .artist-main,.producer-main,.release-title,.release-artist{min-width:0;overflow-wrap:anywhere}
  #bpw-track-status{max-width:calc(100vw - 28px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:600px){
  .nav{height:58px;padding:0 14px}
  .wordmark{font-size:13px}
  .menu{min-width:44px;min-height:44px;display:grid;place-items:center;padding:8px}
  .menu span{width:23px;height:2px}
  .nav nav.open{top:58px;max-height:calc(100vh - 58px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav nav.open a{min-height:50px;display:flex;align-items:center}
  .hero{padding-top:58px;min-height:0}
  .hero-copy{padding:88px 18px 38px}
  .hero h1{font-size:clamp(58px,18vw,104px);line-height:.72;letter-spacing:-4px}
  .hero-subtitle{font-size:13px;line-height:1.05}
  .intro{font-size:9px;line-height:1.75}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .button{width:100%;justify-content:center}
  .hero-discord{width:100%;font-size:7px;line-height:1.4}
  .hero-mark{min-height:min(92vw,430px)}
  .hero-mark img{width:68vw;max-width:330px}
  .section,.manifesto{padding:76px 18px}
  .section-head{display:block;margin-bottom:34px}
  .section-head>span{display:block;margin-bottom:13px}
  .section-head h2{font-size:clamp(56px,17vw,92px);line-height:.72;letter-spacing:-4px}
  .section-note{margin-top:22px;font-size:8px;line-height:1.8}
  .artist-grid{grid-template-columns:1fr!important;gap:8px}
  .artist-card,.artist-card:first-child{grid-column:span 1!important;grid-row:auto!important}
  .artist-cover,.artist-card:first-child .artist-cover{aspect-ratio:1.15/1}
  .artist-row{grid-template-columns:25px minmax(0,1fr) 18px;padding:12px}
  .artist-card:first-child .artist-row{padding:13px}
  .artist-card:first-child .name{font-size:clamp(25px,9vw,42px)}
  .name{font-size:clamp(17px,6vw,27px)}
  .artist-link{min-height:28px;display:inline-flex;align-items:center}
  .identity-strip{grid-template-columns:1fr;min-height:0}
  .identity-copy{min-height:420px;padding:76px 18px;border-right:0;border-bottom:1px solid var(--line)}
  .identity-copy h2{font-size:clamp(66px,20vw,110px);letter-spacing:-5px}
  .identity-art{min-height:430px}
  .identity-art img{width:70%}
  .founder-grid,.producer-grid{grid-template-columns:1fr;gap:10px}
  .founder-info{padding:15px}
  .founder-info h3{font-size:clamp(28px,10vw,52px)}
  .recent-releases{grid-template-columns:1fr;gap:22px}
  .release-intro{position:static;padding:0 0 24px}
  .release-intro h3{font-size:clamp(54px,17vw,88px);letter-spacing:-4px}
  .release-list{width:100%;overflow:hidden}
  .release-row{grid-template-columns:28px minmax(0,1fr) 18px;gap:8px;min-height:70px;padding:8px 10px}
  .release-artist,.release-date{display:none}
  .release-title{font-size:8px;line-height:1.5}
  .manifesto{min-height:620px}
  .manifesto-inner{padding:55px 0}
  .manifesto h2{font-size:clamp(54px,17vw,92px);line-height:.72;letter-spacing:-5px}
  .manifesto-copy{margin-top:34px;font-size:8px;line-height:1.85}
  .contact{min-height:650px;padding-top:80px;padding-bottom:80px}
  .contact h2{font-size:clamp(62px,19vw,104px);line-height:.7;letter-spacing:-5px}
  .contact-right>p{font-size:8px;line-height:1.8}
  .email{min-height:46px;display:inline-flex;align-items:center;padding:0 15px}
  .socials{gap:12px}.socials a{min-height:36px;display:inline-flex;align-items:center}
  #bpw-track-status{left:8px!important;right:8px!important;bottom:8px!important;max-width:none!important;text-align:center;font-size:6px!important}
}
@media(max-width:380px){
  .hero h1{font-size:56px}
  .section,.manifesto{padding-left:15px;padding-right:15px}
  .section-head h2,.manifesto h2,.contact h2{font-size:54px}
}
@media(max-width:900px) and (orientation:landscape){
  .hero{grid-template-columns:1.15fr .85fr}
  .hero-copy{padding-top:95px}
  .hero-mark{min-height:620px}
  .hero-mark img{width:45vw}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---------- FIGHTING-GAME OPENING GATE ---------- */
body.bound-opening-active{overflow:hidden!important}
.bound-opening{
  position:fixed!important;
  inset:0;
  z-index:100000!important;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,16,16,.14),transparent 24%),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.045),transparent 42%),
    #020000;
  isolation:isolate;
  cursor:pointer;
}
.bound-opening::before{
  content:"";
  position:absolute;
  inset:-10%;
  background:
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px),
    linear-gradient(90deg,rgba(255,0,0,.12),transparent 25%,transparent 75%,rgba(255,0,0,.12));
  mix-blend-mode:screen;
  opacity:.7;
  pointer-events:none;
}
.bound-opening::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,16,16,.45);
  box-shadow:inset 0 0 100px #000, inset 0 0 25px rgba(255,16,16,.12);
  pointer-events:none;
}
.bound-opening-noise{position:absolute;inset:-20%;background:url("assets/bound-cemetery-bg.jpg") center/cover;filter:grayscale(1) contrast(1.7);opacity:.08;transform:scale(1.12);animation:openingDrift 8s linear infinite}
.bound-opening-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,16,16,.06) 7px,transparent 8px);opacity:.5;animation:openingScan .18s steps(2,end) infinite}
.bound-opening-burst{position:absolute;width:2px;height:2px;background:#fff;box-shadow:0 0 24px 8px rgba(255,16,16,.9),0 0 80px 20px rgba(255,255,255,.25);animation:openingBurst 1.1s cubic-bezier(.16,1,.3,1) forwards;opacity:0}
.bound-opening-content{position:relative;z-index:2;text-align:center;width:min(92vw,1000px);animation:openingContent .9s cubic-bezier(.16,1,.3,1) both}
.bound-opening-kicker{font:8px/1 "Space Mono",monospace;letter-spacing:.42em;color:rgba(255,255,255,.55);margin-bottom:28px}
.bound-opening-title{font-family:"Archivo Black",sans-serif;font-size:clamp(62px,12vw,180px);line-height:.72;letter-spacing:-.08em;color:#f4eeee;text-shadow:5px 0 #5d0000,-3px 0 #ff1010,0 0 35px rgba(255,16,16,.24);position:relative;animation:openingTitle 1.2s steps(2,end) both}
.bound-opening-title span{color:var(--red);text-shadow:0 0 20px rgba(255,16,16,.65)}
.bound-opening-title::after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px rgba(255,16,16,.55);transform:translate(4px,2px);clip-path:inset(55% 0 0 0);opacity:.7}
.bound-opening-divider{display:flex;align-items:center;gap:10px;width:min(500px,70vw);margin:30px auto 20px}
.bound-opening-divider i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ff1010)}
.bound-opening-divider i:last-child{background:linear-gradient(90deg,#ff1010,transparent)}
.bound-opening-divider b{width:7px;height:7px;background:#ff1010;transform:rotate(45deg);box-shadow:0 0 20px rgba(255,16,16,.8)}
.bound-opening-subtitle{font:700 12px/1 "Space Mono",monospace;letter-spacing:.45em;color:#ff1010;margin-bottom:30px}
.bound-opening-enter{appearance:none;border:1px solid rgba(255,16,16,.7);background:rgba(255,16,16,.04);color:#fff;padding:17px 30px;min-width:190px;font:700 14px/1 "Space Mono",monospace;letter-spacing:.35em;box-shadow:0 0 35px rgba(255,16,16,.1),inset 0 0 25px rgba(255,16,16,.05);transition:.18s;cursor:pointer}
.bound-opening-enter:hover{background:#ff1010;color:#050000;box-shadow:0 0 50px rgba(255,16,16,.35),inset 0 0 25px rgba(255,255,255,.18);transform:scale(1.04)}
.enter-bracket{color:#ff1010;margin:0 8px}
.bound-opening-hint{margin-top:15px;font:7px/1 "Space Mono",monospace;letter-spacing:.24em;color:#6d5656}
.bound-opening.is-entering{animation:openingExit .95s cubic-bezier(.7,0,.84,0) forwards;pointer-events:none}
.bound-opening.is-entering .bound-opening-content{animation:openingContentExit .75s cubic-bezier(.7,0,.84,0) forwards}
@keyframes openingContent{0%{opacity:0;transform:scale(1.35);filter:blur(12px)}45%{opacity:1}100%{transform:scale(1);filter:none}}
@keyframes openingTitle{0%{opacity:0;transform:skewX(-18deg) scaleX(1.35);filter:blur(7px)}25%{opacity:1}40%{transform:skewX(8deg)}55%{transform:skewX(-3deg)}100%{transform:none}}
@keyframes openingBurst{0%{opacity:0;transform:scale(1)}12%{opacity:1}100%{opacity:0;transform:scale(260)}}
@keyframes openingDrift{0%{transform:scale(1.12) translate3d(0,0,0)}50%{transform:scale(1.18) translate3d(-2%,1%,0)}100%{transform:scale(1.12) translate3d(0,0,0)}}
@keyframes openingScan{0%{transform:translateY(0)}100%{transform:translateY(8px)}}
@keyframes openingExit{0%{opacity:1;clip-path:inset(0)}55%{opacity:1;clip-path:inset(0 0 46% 0)}100%{opacity:0;clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes openingContentExit{0%{transform:scale(1);opacity:1}100%{transform:scale(1.8);opacity:0;filter:blur(8px)}}

/* Producer entries that are text-only still get the same visual weight. */
.producer-text-card{overflow:hidden;position:relative}
.producer-text-art{aspect-ratio:1/1.08;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:
  radial-gradient(circle at 50% 45%,rgba(255,16,16,.2),transparent 34%),
  linear-gradient(135deg,rgba(255,16,16,.08),transparent 48%),#050000;position:relative;overflow:hidden}
.producer-text-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 15px,rgba(255,16,16,.08) 16px 17px);transform:skewX(-12deg);opacity:.6}
.producer-text-art span,.producer-text-art strong,.producer-text-art em{position:relative;z-index:1}
.producer-text-art span{font:9px/1 "Space Mono",monospace;color:#ff1010;letter-spacing:.2em;margin-bottom:auto}
.producer-text-art strong{font:clamp(34px,5vw,70px)/.8 "Archivo Black",sans-serif;letter-spacing:-.06em;text-transform:uppercase;text-shadow:3px 0 #4b0000}
.producer-text-art em{font:7px/1 "Space Mono",monospace;color:#8d7474;letter-spacing:.25em;margin-top:12px;font-style:normal}
.producer-status{color:#ff1010!important;border-color:rgba(255,16,16,.35)!important}

@media(max-width:600px){
  .bound-opening-kicker{font-size:6px;letter-spacing:.24em;margin-bottom:22px}
  .bound-opening-title{font-size:clamp(54px,18vw,100px)}
  .bound-opening-subtitle{font-size:9px;letter-spacing:.28em}
  .bound-opening-enter{min-width:165px;padding:15px 22px;font-size:11px}
  .producer-text-art{aspect-ratio:1.15/1;padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .bound-opening-noise,.bound-opening-scanlines,.bound-opening-burst,.bound-opening-content,.bound-opening-title{animation:none!important}
}

/* ---------- SPOTIFY BIO ---------- */
.profile-bio{
  margin-top:52px;
  padding:28px 0 30px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.profile-bio .eyebrow{margin-bottom:12px}
.profile-bio p.bio-copy{
  max-width:820px;
  margin:0;
  color:var(--muted);
  font-size:clamp(15px,1.4vw,18px);
  line-height:1.75;
}
.official-seal{
  display:flex;
  align-items:center;
  justify-content:center;
}
.official-seal img{
  width:min(34vw,360px);
  max-width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  filter:drop-shadow(0 0 26px rgba(255,255,255,.10));
  opacity:.94;
}
@media(max-width:800px){
  .official-seal img{width:min(72vw,340px)}
}

/* =========================================================
   FINAL VISUAL PASS — SOLID BLACK / PURPLE BOUND CONTROL ROOM
   Keeps the existing content, links, audio and profile pages intact.
   ========================================================= */
:root{
  --black:#000000;
  --black2:#050505;
  --paper:#f4f0ff;
  --red:#a855f7;
  --red2:#6d28d9;
  --grey:#9c91aa;
  --dim:#554d60;
  --line:rgba(168,85,247,.65);
  --line2:rgba(244,240,255,.14);
  --max:1500px;
  --rail:270px;
}

html,body{background:#000!important}
body{
  color:var(--paper);
  background:#000!important;
}
body::before{
  background:#000!important;
  filter:none!important;
}
body::after{
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 4px),radial-gradient(circle at 50% 50%,transparent 0 45%,rgba(0,0,0,.28) 100%);
  opacity:.32;
}

/* left command column */
.nav{
  width:var(--rail)!important;
  padding:28px 24px!important;
  align-items:flex-start!important;
  background:#000!important;
  border-right:1px solid rgba(168,85,247,.5)!important;
  backdrop-filter:none!important;
}
.wordmark{
  writing-mode:horizontal-tb!important;
  transform:none!important;
  font-size:25px!important;
  letter-spacing:-1.5px!important;
  color:#fff!important;
  text-shadow:2px 0 var(--red)!important;
  margin-bottom:35px;
}
.nav nav{
  align-items:flex-start!important;
  gap:16px!important;
  width:100%;
}
.nav nav a{
  writing-mode:horizontal-tb!important;
  transform:none!important;
  font-size:12px!important;
  letter-spacing:1px!important;
  color:#bcaec9!important;
  width:100%;
  padding:8px 10px;
  border-left:2px solid transparent;
}
.nav nav a:hover{
  color:#fff!important;
  border-left-color:var(--red);
  transform:translateX(4px)!important;
  text-shadow:0 0 12px rgba(168,85,247,.55)!important;
}
.nav::before{content:"✦  BOUND // CONTROL ROOM";top:auto;bottom:82px;left:24px;transform:none;font-size:7px;color:rgba(168,85,247,.55);letter-spacing:2px;}
.nav::after{content:"MEMPHIS PHONK  /  HORRORCORE  /  UNDERGROUND";bottom:28px;left:24px;transform:none;writing-mode:horizontal-tb;font-size:6px;color:#5d5266;letter-spacing:1px;}

main{
  margin-left:var(--rail)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  grid-template-areas:
    "hero hero"
    "ticker ticker"
    "artists music"
    "identity music"
    "founders founders"
    "producers producers"
    "manifesto manifesto"
    "contact contact";
  gap:0!important;
  min-width:0;
  background:#000;
}
.hero{grid-area:hero;order:initial!important;min-height:330px!important;height:330px!important;padding:0 34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid rgba(168,85,247,.55)!important;background:#000!important;}
.hero-grid,.hero::before,.hero::after,.side-label{display:none!important}
.hero-copy{padding:25px!important;max-width:100%!important;text-align:center;align-self:center!important;z-index:4;}
.hero .eyebrow,.hero-subtitle,.intro,.hero-discord-wrap,.hero-actions{display:none!important}
.hero h1{font-size:0!important;line-height:1!important;letter-spacing:0!important;margin:0!important;text-shadow:none!important;}
.hero h1::after{content:"BOUNDxPOSSE";display:block;font:clamp(70px,9vw,150px)/.8 "Archivo Black",sans-serif;letter-spacing:-7px;color:#eee8ff;text-shadow:4px 0 var(--red),-2px 0 #fff;}
.hero-mark{position:absolute!important;right:30px;bottom:22px;width:80px;height:80px;opacity:.75;}
.hero-mark img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.5) sepia(1) hue-rotate(235deg) saturate(4);}
.ticker{grid-area:ticker;order:initial!important;background:#000!important;border-bottom:1px solid rgba(168,85,247,.35)!important;border-top:1px solid rgba(168,85,247,.2)!important;}
.ticker div{color:#a855f7!important;font-size:9px!important;letter-spacing:2px!important;}

.section{padding:32px!important;border-bottom:1px solid rgba(168,85,247,.3)!important;background:#000!important;}
.section-head{display:flex!important;align-items:flex-end;gap:18px!important;margin-bottom:22px!important;}
.section-head>span{color:#725b84!important;font-size:9px!important;}
.eyebrow{color:#a855f7!important;}
.section-head h2{font-size:clamp(32px,4vw,58px)!important;line-height:.8!important;letter-spacing:-3px!important;color:#f2eaff!important;}
.section-note{color:#8e8399!important;font-size:9px!important;max-width:300px!important;}

.artists{grid-area:artists;order:initial!important;}
.artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.artist-card,.producer-card,.founder-card{background:#000!important;border:1px solid rgba(168,85,247,.55)!important;box-shadow:none!important;}
.artist-card:hover,.producer-card:hover,.founder-card:hover{border-color:#c084fc!important;box-shadow:0 0 25px rgba(168,85,247,.12)!important;}
.artist-cover{background:#080509!important;}
.artist-cover img,.founder-photo img,.producer-cover img,.producer-text-cover img{filter:grayscale(1) contrast(1.15)!important;}
.artist-card:hover .artist-cover img,.founder-card:hover .founder-photo img,.producer-card:hover .producer-cover img,.producer-card:hover .producer-text-cover img{filter:grayscale(.25) contrast(1.15)!important;}
.artist-row,.producer-row,.founder-info{background:#000!important;}
.name,.founder-info h3,.producer-main .name{color:#eee8ff!important;}
.artist-link{color:#9c86aa!important;border-color:rgba(168,85,247,.3)!important;}
.artist-link:hover{color:#fff!important;border-color:#a855f7!important;}
.num,.release-num,.release-date{color:#725b84!important;}
.arrow,.release-arrow,.founder-arrow{color:#a855f7!important;}
.cover-overlay{background:rgba(168,85,247,.88)!important;color:#000!important;}

.identity-strip{grid-area:identity;order:initial!important;min-height:260px!important;padding:32px!important;background:#000!important;}
.identity-copy h2{color:#eee8ff!important;}
.identity-copy>p:last-child{color:#8e8399!important;}
.identity-art{border-color:rgba(168,85,247,.45)!important;background:#000!important;}
.identity-art::before,.identity-art::after{border-color:rgba(168,85,247,.3)!important;}

.founders{grid-area:founders;order:initial!important;}
.founder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}

.producers{grid-area:producers;order:initial!important;}
/* Producers are a full-width roster section, matching the Artists section. */
.producer-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.producer-card{min-width:0;padding:0!important;margin:0;overflow:hidden;}
.producer-card:first-child{grid-column:span 2;grid-row:span 2;}
.producer-card:first-child .producer-cover{aspect-ratio:1.38/1;}
.producer-cover{aspect-ratio:1.15/1;}
.producer-row{display:grid!important;grid-template-columns:27px 1fr 18px!important;gap:8px;align-items:start;padding:13px 14px 15px;}
.producer-card:first-child .producer-row{padding:17px;}
.producer-card:first-child .producer-main .name{font-size:clamp(28px,3.6vw,52px);}


.music{grid-area:music;order:initial!important;padding:24px!important;border-left:1px solid rgba(168,85,247,.45)!important;position:sticky;top:0;height:max-content;align-self:start;}
.music .section-head{display:block!important;}
.music .section-head>span{display:block;margin-bottom:8px;}
.music .section-note{margin-top:15px;}
.recent-releases{display:block!important;}
.release-intro h3{font-size:36px!important;line-height:.82!important;color:#eee8ff!important;}
.release-intro>p:last-child{color:#8e8399!important;}
.release-list{border-top:1px solid rgba(168,85,247,.45)!important;}
.release-row{grid-template-columns:28px 1fr 30px!important;gap:8px!important;padding:12px 4px!important;border-bottom:1px solid rgba(168,85,247,.25)!important;}
.release-row .release-title{grid-column:2;grid-row:2;color:#b7a8c4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.release-row .release-date{grid-column:3;grid-row:2;text-align:right;}
.release-row .release-arrow{display:none;}
.release-row:hover{background:rgba(168,85,247,.07)!important;}
.release-artist{color:#eee8ff!important;}

.manifesto{grid-area:manifesto;order:initial!important;background:#000!important;border-top:1px solid rgba(168,85,247,.3)!important;}
.manifesto h2{color:#eee8ff!important;}
.manifesto-copy{color:#9e92aa!important;}
.contact{grid-area:contact;order:initial!important;background:#000!important;}
.contact h2{color:#eee8ff!important;}
.contact-right>p,.email,.socials a{color:#9e92aa!important;}
.email:hover,.socials a:hover{color:#c084fc!important;}

#bpw-track-status{color:rgba(192,132,252,.65)!important;background:#000!important;}
.bound-opening{background:#000!important;}
.bound-opening-noise{background:#000!important;opacity:.06!important;}
.bound-opening-scanlines{background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(168,85,247,.06) 7px,transparent 8px)!important;}
.bound-opening-burst{box-shadow:0 0 24px 8px rgba(168,85,247,.9),0 0 80px 20px rgba(255,255,255,.25)!important;}
.bound-opening-title{color:#f4efff!important;text-shadow:5px 0 #4c1d6b,-3px 0 #a855f7,0 0 35px rgba(168,85,247,.24)!important;}
.bound-opening-title span{color:#a855f7!important;}
.bound-opening-divider i{background:linear-gradient(90deg,transparent,#a855f7)!important;}
.bound-opening-divider i:last-child{background:linear-gradient(90deg,#a855f7,transparent)!important;}
.bound-opening-divider b{background:#a855f7!important;box-shadow:0 0 20px rgba(168,85,247,.8)!important;}
.bound-opening-subtitle{color:#a855f7!important;}
.bound-opening-enter{border-color:rgba(168,85,247,.7)!important;background:rgba(168,85,247,.04)!important;}
.bound-opening-enter:hover{background:#a855f7!important;color:#050005!important;}
.enter-bracket{color:#a855f7!important;}

@media(max-width:1100px){
  :root{--rail:210px}
  main{grid-template-columns:minmax(0,1fr) 290px!important;}
  .artist-grid,.producer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .hero h1::after{font-size:clamp(60px,9vw,105px);}
}
@media(max-width:800px){
  :root{--rail:0px}
  .nav{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:auto!important;min-height:62px;padding:15px 18px!important;flex-direction:row!important;align-items:center!important;z-index:100!important;}
  .wordmark{font-size:19px!important;margin:0!important;}
  .nav nav{display:none!important;position:absolute;top:62px;left:0;background:#000;border-bottom:1px solid rgba(168,85,247,.45);padding:14px 18px;width:100%;}
  .nav nav.open{display:flex!important;}
  .nav nav a{font-size:10px!important;padding:7px 0!important;border-left:0!important;}
  .menu{display:flex!important;margin-left:auto!important;background:none!important;border:1px solid rgba(168,85,247,.55)!important;width:38px!important;height:30px!important;align-items:center;justify-content:center;}
  .nav::before,.nav::after{display:none!important;}
  main{margin-left:0!important;padding-top:62px;display:block!important;}
  .hero{height:230px!important;min-height:230px!important;padding:0 18px!important;}
  .hero h1::after{font-size:clamp(48px,14vw,90px);letter-spacing:-4px;}
  .hero-mark{right:14px;bottom:12px;width:45px;height:45px;}
  .section{padding:24px 18px!important;}
  .artist-grid,.founder-grid,.producer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .producer-card:first-child{grid-column:span 2;grid-row:auto;}
  .music{position:static!important;border-left:0!important;}
  .identity-strip{display:block!important;}
}
@media(max-width:520px){
  .artist-grid,.founder-grid,.producer-grid{grid-template-columns:1fr!important;}
  .artist-card:first-child,.producer-card:first-child{grid-column:auto!important;grid-row:auto!important;}
  .section-head{gap:10px!important;}
  .section-note{display:none;}
  .release-row{grid-template-columns:24px 1fr!important;}
  .release-date{grid-column:2!important;grid-row:3!important;text-align:left!important;}
}

/* FINAL BACKGROUND-ONLY OVERRIDE: keep all existing layout, profile colors, links, and content unchanged */
html, body {
  background: #000 !important;
}
body::before,
body::after {
  background: #000 !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.bound-opening-noise {
  background: #000 !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
}
.bound-opening-scanlines {
  background: none !important;
  opacity: 0 !important;
}