:root{
  --bg:#070606;
  --panel:rgba(10,8,8,.82);
  --panel-soft:rgba(18,13,13,.74);
  --panel-strong:rgba(16,11,11,.9);
  --cream:#f0e5d0;
  --red:#af1d22;
  --red-dark:#8a161b;
  --line:rgba(255,240,220,.18);
  --text:#f0e5d0;
  --muted:#c9b8ad;
  --max:960px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:url('assets/page-scene.webp') center top/cover no-repeat;z-index:-2}
body::after{content:"";position:fixed;inset:0;background:linear-gradient(to bottom, rgba(5,4,4,.38) 0%, rgba(5,4,4,.62) 28%, rgba(5,4,4,.82) 60%, rgba(5,4,4,.9) 100%);z-index:-1}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e6be58;outline-offset:3px}
.skip{position:absolute;top:-70px;left:10px;background:var(--cream);color:#111;padding:12px;z-index:30}
.skip:focus{top:10px}
.site{width:min(calc(100% - 28px),1100px);margin:0 auto;padding-bottom:24px}
.topbar,.hero-stage,.quick-access,.site-update,.media-hub,.categories,.directory,.community,footer{
  width:min(100%,var(--max));margin:0 auto;
}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(to bottom, rgba(7,6,6,.92), rgba(7,6,6,.82));backdrop-filter:blur(5px);z-index:10}
.wordmark{display:flex;flex-direction:column;line-height:.82;flex:none}
.wordmark-main{font-size:34px;font-weight:1000;letter-spacing:-.09em;color:#f3ead9;-webkit-text-stroke:1.4px var(--red);text-shadow:0 0 0 var(--red)}
.wordmark-sub{font-size:10px;font-weight:900;letter-spacing:.18em;color:#f3ead9;margin-top:5px;padding-left:4px}
.topbar nav{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;text-transform:uppercase;letter-spacing:.11em}
.topbar nav a{opacity:.92}
.topbar nav a:hover,.text-link:hover,footer a:hover,.header-link:hover{color:#ffb0a3}
.header-link{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);padding:10px 12px;background:rgba(20,14,14,.42)}
.hero{padding:0 0 10px}
.hero-stage{padding:2px 0 0}
.hero-crest{display:flex;justify-content:center;align-items:flex-start;min-height:255px;overflow:hidden}
.hero-crest img{width:min(100%,800px);max-height:315px;object-fit:contain;object-position:center top;filter:drop-shadow(0 16px 38px rgba(0,0,0,.35))}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:34px;margin-top:-6px;padding:0 0 4px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#d27e78;font-weight:800}
.hero h1,.section-top h2,.directory h2,.community h2,.interior h1,.media-header h2{margin:10px 0 0;font-weight:1000;line-height:.9;letter-spacing:-.075em}
.hero h1{font-size:clamp(36px,6vw,64px)}
.hero h1 em,.community h2 em,.media-header h2 em{font-style:normal;color:var(--red)}
.hero-aside{align-self:end;max-width:240px;line-height:1.6;font-size:14px;color:var(--muted)}
.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid var(--cream);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;width:100%}
.quick-access{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0 18px;border-bottom:1px solid var(--line)}
.quick-access a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);background:var(--panel-soft);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.quick-access span{color:#e19287}
.site-update{display:grid;grid-template-columns:1.1fr 1fr auto;gap:18px;align-items:center;margin-top:12px;padding:14px 18px;border:1px solid var(--line);background:var(--panel-soft)}
.site-update h2{margin:4px 0 0;font-size:19px;letter-spacing:-.03em}.site-update p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}.site-update>a{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.media-hub,.categories,.directory,.community,footer{margin-top:18px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.media-header,.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}
.media-header h2,.section-top h2,.directory h2,.community h2{font-size:clamp(30px,4.4vw,52px)}
.muted{color:var(--muted);line-height:1.6}
.music-spotlight{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:14px;margin:18px 0 16px;border:1px solid var(--line);background:rgba(18,12,12,.55)}
.featured-art-button{padding:0;border:0;background:none;width:120px;align-self:start}.featured-art-button img{aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}
.music-spotlight h3{margin:6px 0 4px;font-size:24px;letter-spacing:-.04em}.music-spotlight p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}
.button-cream,.button-red{display:inline-block;background:var(--cream);color:#161110;font-weight:900;padding:12px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:0}
.button-red{background:var(--red);color:#fff}
.music-share{margin-top:10px}.music-share label{display:block;font-size:10px;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.share-row{display:flex}.share-row input{flex:1;min-width:0;padding:9px 10px;background:#090707;border:1px solid var(--line);color:var(--text);font-size:11px}.share-row button{padding:9px 12px;border:0;background:var(--cream);color:#111;font-weight:900;font-size:10px}.music-share span{display:block;min-height:16px;margin-top:6px;font-size:11px;color:var(--muted)}
.media-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:16px}
.media-main,.media-side{border:1px solid var(--line);background:rgba(10,8,8,.6)}
.media-tabs{display:flex;border-bottom:1px solid var(--line)}.media-tabs button{flex:1;min-width:0;padding:13px 10px;background:#161110;color:#d0c0b2;border:0;border-right:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.1em}.media-tabs button:last-child{border-right:0}.media-tabs button[aria-selected=true]{background:var(--red);color:white}
.media-stage{min-height:265px;background:#0a0808}.media-stage iframe{width:100%;height:265px;border:0;display:block}.media-placeholder{min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:30px;background:radial-gradient(circle at 50% 35%,#341516,#0b0908 60%)}.media-placeholder strong{font-size:32px;letter-spacing:-.04em}.media-placeholder p{max-width:360px;margin:0;color:#ceb9aa;line-height:1.55}
.media-below{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:11px;color:#dac8bc;letter-spacing:.07em;text-transform:uppercase}.media-open{font-weight:900}
.media-side{padding:18px}.media-side h3{font-size:32px;line-height:1;letter-spacing:-.06em;margin:10px 0}.media-side>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.social-link{border:1px solid var(--line);padding:12px 10px;background:rgba(255,255,255,.02);font-size:12px;font-weight:800}.social-empty{grid-column:1/-1;padding:14px;border:1px dashed var(--line);font-size:13px;line-height:1.5;color:var(--muted)}.social-note{font-size:11px!important;opacity:.85}
.section-top{margin-bottom:18px}.red-dot{color:#b82b31}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category{min-height:102px;padding:15px 16px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid var(--line);background:rgba(20,13,13,.55);color:var(--text)}.category.active{background:rgba(140,25,29,.78);border-color:rgba(255,229,210,.35)}.category strong{font-size:20px;letter-spacing:-.045em;line-height:1.02}.category-index{font-size:12px;font-weight:900;color:#bfa497}.category-arrow{align-self:end;font-size:22px}
.directory{scroll-margin-top:86px}.directory-heading{margin-bottom:18px}.view-all{padding:12px 14px;border:1px solid var(--line);background:transparent;color:var(--text);font-weight:900;font-size:12px}.search{display:flex;align-items:center;border:1px solid var(--line);background:rgba(18,12,12,.55);padding:4px 14px;margin-bottom:16px}.search span{font-size:24px;color:var(--muted)}.search input{border:0;background:none;color:var(--text);padding:14px;width:100%;min-width:0;font-size:15px;outline:none}.search kbd{border:1px solid var(--line);padding:3px 8px;color:var(--muted)}
.product-grid{display:grid;gap:10px}.product{border:1px solid var(--line);background:rgba(16,11,11,.65)}.product.open{border-color:rgba(255,222,206,.35)}.product-trigger{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--text);padding:14px 16px;text-align:left}.product-number{font-size:12px;color:#b99689}.product-main{flex:1;display:flex;flex-direction:column;gap:6px}.product-main strong{font-size:22px;letter-spacing:-.04em}.product-main small,.product-specs{color:var(--muted)}.product-status{font-size:11px;text-align:right;text-transform:uppercase;letter-spacing:.08em;color:#cfb7a8}.product-chevron{font-size:28px;line-height:1}.product-detail{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:16px;border-top:1px solid var(--line)}.product-detail[hidden]{display:none}.product-detail img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.product-detail p{margin:0 0 10px;max-width:620px;font-size:13px;line-height:1.65}.product-detail h4{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:10px 0 6px;color:#e7d1c4}.product-points{margin:0 0 8px;padding-left:17px;font-size:13px;line-height:1.6}.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.unavailable{font-size:12px;color:#cab6aa}.empty{padding:24px;border:1px dashed var(--line)}
.community{display:grid;grid-template-columns:1.2fr .95fr;gap:24px}.community p{max-width:520px;line-height:1.65}.community-panel{background:rgba(132,29,33,.9);padding:26px;display:flex;flex-direction:column;justify-content:center;min-height:235px}.panel-num{font-size:44px}.community-panel h3{font-size:26px;line-height:1.04;margin:10px 0 0}.community-panel .button-cream{margin-top:18px;align-self:start}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.footer-name{font-size:38px;font-weight:1000;letter-spacing:-.08em}.small{color:var(--muted);font-size:11px}footer p{font-size:13px;margin:0 0 8px}footer>div:last-child{display:flex;flex-direction:column;align-items:end;gap:10px;font-size:12px}
/* simple interior pages */
.interior{width:min(calc(100% - 28px),980px);margin:0 auto;padding:28px 0 70px;min-height:70vh}.interior-shell{width:min(100%,var(--max));margin:0 auto;border:1px solid var(--line);background:var(--panel);padding:28px}.interior h1{font-size:clamp(40px,6vw,74px);line-height:.95;margin:18px 0 0;letter-spacing:-.07em}.interior .lead{max-width:660px;font-size:20px;line-height:1.5;color:#d6c9bf}.interior .panel{margin-top:24px;padding:24px;background:rgba(20,13,13,.55);border:1px solid var(--line)}.interior .panel p{max-width:760px;line-height:1.7}.back{display:inline-block;margin-bottom:14px;border-bottom:1px solid}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.steps div{border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.02)}.steps strong{display:block;color:#da7371;font-size:13px;margin-bottom:12px}.steps p{color:#c8b7aa;font-size:14px;line-height:1.55}.logo-mini{width:min(360px,100%);margin-top:26px}.link-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
@media (max-width:930px){
  .topbar{padding:14px 0}.topbar nav{gap:10px;font-size:10px}.wordmark-main{font-size:28px}.hero-bottom{grid-template-columns:1fr;gap:16px}.hero-aside{max-width:420px}.media-layout,.community{grid-template-columns:1fr}.media-side h3{font-size:28px}.category-grid{grid-template-columns:repeat(2,1fr)}.site-update{grid-template-columns:1fr;gap:10px}
}
@media (max-width:700px){
  .site{width:min(calc(100% - 18px),1100px)}.topbar nav{display:none}.header-link{display:none}.wordmark-main{font-size:24px}.hero-crest{min-height:170px}.hero-crest img{max-height:205px}.hero h1{font-size:40px}.quick-access{grid-template-columns:1fr;gap:8px}.music-spotlight{grid-template-columns:86px 1fr;gap:12px}.featured-art-button{width:86px}.media-stage,.media-stage iframe,.media-placeholder{min-height:220px;height:220px}.social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.product-detail img{width:125px}.steps{grid-template-columns:1fr}.interior-shell{padding:22px}
}
@media (max-width:520px){
  .media-hub,.categories,.directory,.community,footer{padding:16px}.topbar{padding-top:10px}.hero-bottom{margin-top:0}.hero h1{font-size:34px}.media-side h3{font-size:24px}.site-update h2{font-size:18px}.search kbd{display:none}.footer{grid-template-columns:1fr}footer>div:last-child{align-items:start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* v8 refinement: simpler transparent logos, blue squiggle return, softer UI */
:root{--max:920px}
body::after{background:linear-gradient(to bottom, rgba(5,4,4,.32) 0%, rgba(5,4,4,.52) 24%, rgba(5,4,4,.76) 58%, rgba(5,4,4,.88) 100%)}
.site{width:min(calc(100% - 30px),1080px)}
.topbar,.hero-stage,.quick-access,.site-update,.media-hub,.categories,.directory,.community,footer{width:min(100%,var(--max))}
.topbar{padding:14px 0 11px;gap:16px}
.brandmark{position:relative;display:block;width:152px;height:56px;flex:none}
.brand-squiggle{position:absolute;left:-16px;top:-10px;width:74px;height:auto;opacity:.95;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}
.brand-logo{position:absolute;left:0;top:0;width:150px;height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}
.wordmark,.wordmark-main,.wordmark-sub{display:none}
.hero{padding-bottom:2px}
.hero-stage{padding-top:2px}
.hero-crest{min-height:205px;justify-content:flex-start;padding-left:8px;overflow:visible}
.hero-crest img{width:min(100%,560px);max-height:210px;object-fit:contain;object-position:left top;filter:drop-shadow(0 16px 26px rgba(0,0,0,.22))}
.hero-bottom{grid-template-columns:minmax(0,1fr) 215px;gap:28px;margin-top:8px}
.hero h1{font-size:clamp(34px,5.2vw,56px);line-height:.94}
.hero-aside{font-size:13px;max-width:215px}
.quick-access a,.site-update,.media-hub,.categories,.directory,.community,footer,.music-spotlight,.media-main,.media-side,.category,.product,.search,.social-link,.community-panel,.featured-art-button img,.product-detail img{border-radius:18px}
.topbar,.quick-access,.site-update,.media-hub,.categories,.directory,.community,footer{border-color:rgba(255,240,220,.13)}
.quick-access{padding-top:10px;gap:9px}
.quick-access a{padding:13px 15px;background:rgba(14,10,10,.48)}
.site-update{margin-top:10px;padding:13px 16px;background:rgba(14,10,10,.46)}
.media-hub,.categories,.directory,.community,footer{margin-top:14px;padding:22px;background:rgba(12,9,9,.64);backdrop-filter:blur(2px)}
.media-header h2,.section-top h2,.directory h2,.community h2{font-size:clamp(29px,4.1vw,46px)}
.music-spotlight{grid-template-columns:112px 1fr;gap:16px;padding:12px;background:rgba(15,10,10,.44)}
.featured-art-button img{border-color:rgba(255,240,220,.11)}
.media-layout{gap:14px}
.media-main,.media-side{background:rgba(12,9,9,.42)}
.media-side h3{font-size:29px}
.section-top{margin-bottom:16px}.muted{max-width:540px}
.category-grid{gap:9px}.category{min-height:96px;background:rgba(14,10,10,.4)}.category strong{font-size:19px}
.directory-heading{margin-bottom:14px}.search{padding:3px 14px;background:rgba(14,10,10,.42)}
.product-trigger{padding:13px 15px}.product-main strong{font-size:21px}.product-detail{padding:14px;background:rgba(255,255,255,.01)}
.community{gap:20px}.community-panel{background:rgba(132,29,33,.82);min-height:215px}
footer{gap:16px}
@media (max-width:930px){
  .hero-crest{min-height:180px}.hero-crest img{max-height:180px;width:min(100%,470px)}
}
@media (max-width:700px){
  .brandmark{width:126px;height:48px}.brand-logo{width:126px}.brand-squiggle{width:58px;left:-10px;top:-6px}
  .hero-crest{min-height:132px;padding-left:0}.hero-crest img{max-height:136px;width:min(100%,380px)}
  .hero-bottom{grid-template-columns:1fr;gap:14px}.hero-aside{max-width:400px}
  .music-spotlight{grid-template-columns:82px 1fr}.featured-art-button{width:82px}
  .quick-access a,.site-update,.media-hub,.categories,.directory,.community,footer,.music-spotlight,.media-main,.media-side,.category,.product,.search,.social-link,.community-panel,.featured-art-button img,.product-detail img{border-radius:14px}
}


/* v9 — cleaner landing, bigger central mark, no blue accent */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--max:900px}
body::after{background:linear-gradient(to bottom, rgba(5,4,4,.30) 0%, rgba(5,4,4,.48) 22%, rgba(5,4,4,.74) 56%, rgba(5,4,4,.88) 100%)}
.site{width:min(calc(100% - 26px),1060px)}
.topbar,.hero-stage,.quick-access,.site-update,.media-hub,.categories,.directory,.community,footer{width:min(100%,var(--max))}
.brandmark{display:block;width:152px;height:48px;position:relative;flex:none}
.brand-logo{width:152px;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}
.brand-squiggle{display:none}
.hero{padding-top:4px;padding-bottom:6px}
.hero-stage-minimal{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:10px}
.hero-crest-center{justify-content:center;min-height:210px;padding-left:0;overflow:visible}
.hero-crest-center img{width:min(100%,720px);max-height:255px;object-fit:contain;object-position:center top;filter:drop-shadow(0 20px 30px rgba(0,0,0,.20))}
.hero-center-eyebrow{margin-top:2px}
.hero-tagline{margin:10px 0 0;font-size:13px;font-weight:900;letter-spacing:.24em;color:#f0e5d0;text-transform:uppercase}
.hero-copy{max-width:540px;margin:14px auto 0;color:var(--muted);font-size:15px;line-height:1.7}
.hero-bottom,.wordmark,.wordmark-main,.wordmark-sub{display:none!important}
.quick-access{padding-top:12px;gap:10px}
.quick-access a{padding:14px 16px;border-radius:18px;background:rgba(14,10,10,.40)}
.site-update{margin-top:12px;border-radius:18px;background:rgba(14,10,10,.38)}
.media-hub,.categories,.directory,.community,footer{border-radius:22px;background:rgba(12,9,9,.58)}
.media-main,.media-side,.music-spotlight,.category,.product,.search,.social-link,.community-panel{border-radius:18px}
.category,.product,.search,.music-spotlight,.media-main,.media-side{background:rgba(12,9,9,.36)}
.topbar nav{gap:15px}
.topbar{background:linear-gradient(to bottom, rgba(7,6,6,.84), rgba(7,6,6,.72))}
@media (max-width:700px){
  .brandmark,.brand-logo{width:126px}
  .hero-crest-center{min-height:150px}
  .hero-crest-center img{width:min(100%,440px);max-height:165px}
  .hero-copy{font-size:14px;max-width:360px}
  .hero-tagline{font-size:11px;letter-spacing:.18em}
}


/* v10 – cleaner header mark, DJ bitchboy credit, mixed transparency/solid reading panels */
.brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:none}
.brandmark{width:152px;height:auto}
.brand-logo{width:152px;height:auto;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16))}
.brand-presented{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#d8c8bb;opacity:.92;padding-left:3px;white-space:nowrap}
.hero-crest-center img{filter:drop-shadow(0 20px 30px rgba(0,0,0,.18))}
/* calmer mixed panel system */
.media-hub,.categories,.directory,.community,footer{background:rgba(12,9,9,.42)}
.quick-access a,.site-update{background:rgba(14,10,10,.30)}
.media-main,.media-side,.music-spotlight,.category,.product,.search{background:rgba(12,9,9,.52)}
.media-side,.media-main,.community-panel{border-radius:18px}
.media-stage,.media-placeholder,.product.open,.product-detail,.product-detail img,.social-link,.community-panel,.site-update.solid,.media-main.solid{background:rgba(10,8,8,.88)}
.media-stage{border-bottom-left-radius:14px;border-bottom-right-radius:14px;overflow:hidden}
.media-placeholder{min-height:265px}
.product.open{background:rgba(11,8,8,.82)}
.product-detail{border-top:1px solid rgba(255,240,220,.12)}
.product-detail img{border-radius:14px}
.social-link{background:rgba(10,8,8,.72)}
.search{background:rgba(12,9,9,.58)}
.category.active{background:rgba(140,25,29,.88)}
.media-tabs button[aria-selected=true]{background:var(--red);box-shadow:inset 0 -2px rgba(255,255,255,.18)}
@media (max-width:700px){
  .brandmark,.brand-logo{width:126px}
  .brand-presented{font-size:8px;letter-spacing:.1em}
}


/* v11 – stronger backplates for all text over art, no double-transparency */
:root{
  --text-plate: rgba(8,7,7,.62);
  --text-plate-strong: rgba(8,7,7,.82);
  --text-plate-solid: rgba(9,8,8,.92);
}
/* General text-on-image fix */
.hero-stage-minimal{
  position:relative;
}
.hero-center-eyebrow,
.hero-tagline,
.hero-copy{
  display:inline-block;
  background:var(--text-plate);
  padding:8px 14px;
  border-radius:14px;
  backdrop-filter: blur(2px);
}
.hero-copy{
  background:var(--text-plate-strong);
  max-width:580px;
  padding:14px 18px;
}
.hero-tagline{margin-top:12px}
.hero-center-eyebrow{margin-top:6px}

/* Primary containers that still show page artwork can stay translucent */
.quick-access a,
.site-update,
.media-hub,
.categories,
.directory,
.community,
footer{
  background:rgba(10,8,8,.56);
}

/* But actual reading surfaces become stronger / solid */
.media-main,
.media-side,
.music-spotlight,
.search,
.category,
.product,
.product.open,
.product-detail,
.social-link,
.community-panel,
.site-update,
.media-placeholder,
.media-stage{
  background:var(--text-plate-strong);
}

/* remove see-through stacking inside stacked panels */
.media-hub .media-main,
.media-hub .media-side,
.directory .product,
.directory .search,
.community .community-panel,
.site-update{
  background:var(--text-plate-solid);
}

/* Buttons/quick tiles: keep some transparency but improve legibility */
.quick-access a{
  background:rgba(10,8,8,.72);
}
.category{
  background:rgba(10,8,8,.84);
}
.category.active{
  background:rgba(140,25,29,.94);
}

/* Solid content regions inside tabs/expanded cards */
.product-detail,
.media-stage,
.media-placeholder,
.music-spotlight,
.social-link{
  border-color:rgba(255,240,220,.16);
}
.product-detail,
.media-placeholder,
.music-spotlight,
.media-side,
.media-main,
.site-update{
  box-shadow:0 0 0 1px rgba(255,240,220,.04) inset;
}

/* Make the update strip clearly readable */
.site-update p,
.site-update h2,
.site-update a{
  position:relative;
  z-index:1;
}

@media (max-width:700px){
  .hero-center-eyebrow,
  .hero-tagline,
  .hero-copy{
    width:auto;
    max-width:100%;
  }
  .hero-copy{
    max-width:390px;
  }
}

/* v12 final letter-only logo and genuinely continuous page artwork */
body::before{background-image:url('assets/page-scene-seamless.webp')!important;background-size:cover!important;background-position:center top!important}
.brandmark,.brand-logo{background:transparent!important}
.brand-logo,.hero-crest-center img{filter:drop-shadow(0 7px 16px rgba(0,0,0,.3))!important}
.hero-stage-minimal,.hero-crest-center{background:none!important}
.hero-crest-center{min-height:235px}
.hero-crest-center img{width:min(100%,760px);max-height:240px;object-fit:contain}
@media(max-width:700px){.hero-crest-center{min-height:155px}.hero-crest-center img{max-height:170px}}


/* v13 – tiny header-only polish: separate logo and presented-by line */
.brand-stack{
  gap:6px !important;
  min-width:136px;
}
.brandmark{
  width:138px !important;
  height:auto !important;
}
.brand-logo{
  width:138px !important;
  height:auto !important;
  display:block;
}
.brand-presented{
  display:block;
  margin-top:1px;
  padding-left:2px;
  line-height:1.15;
  font-size:8px !important;
  letter-spacing:.11em !important;
}
@media (max-width:700px){
  .brand-stack{gap:5px !important; min-width:118px;}
  .brandmark,.brand-logo{width:118px !important;}
  .brand-presented{font-size:7px !important;}
}

/* v14: FIX ACTUAL FLOW. Prior absolute .brand-logo positioning caused overlap. */
.topbar .brand-stack{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;flex:0 0 138px!important;width:138px!important;min-width:0!important}
.topbar .brand-stack .brandmark{display:block!important;position:static!important;width:132px!important;height:auto!important;flex:none!important;overflow:visible!important}
.topbar .brand-stack .brand-logo{display:block!important;position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:132px!important;height:auto!important;max-width:100%!important;object-fit:contain!important}
.topbar .brand-stack .brand-presented{position:static!important;display:block!important;clear:both!important;order:2!important;margin:0!important;padding:0!important;width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;font-size:8px!important;letter-spacing:.055em!important}
@media(max-width:700px){.topbar .brand-stack{flex-basis:120px!important;width:120px!important}.topbar .brand-stack .brandmark,.topbar .brand-stack .brand-logo{width:116px!important}.topbar .brand-stack .brand-presented{font-size:7px!important}}

/* v14 customer-readiness extension; original layout retained */
.services-booking { margin: 24px auto; width: min(1180px,calc(100% - 40px)); padding: clamp(22px,4vw,48px); border: 1px solid rgba(255,239,213,.25); border-radius: 24px; background: #171312; color: #f2e9d9; }
.services-booking h2 {font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:.25em 0;} .services-booking p {max-width:68ch;line-height:1.55}
.services-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}
.service-tile{border:1px solid #675550;border-radius:16px;background:#211a19;padding:20px}.service-tile h3{margin:0 0 10px;font-size:1.25rem}.service-tile p{margin:0;color:#d6c7bd}
.service-cta,.quote-send {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #fff1de;border-radius:12px;color:#161010;background:#eee0c9;text-decoration:none;font-weight:800;cursor:pointer}
.service-cta:focus-visible,.quote-send:focus-visible,.quote-input:focus-visible{outline:3px solid #eb8383;outline-offset:3px}
.quote-panel{margin-top:24px;padding:22px;border:1px solid #675550;border-radius:16px;background:rgba(0,0,0,.20)}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-field{display:flex;flex-direction:column;gap:6px}.quote-field.full{grid-column:1/-1}.quote-field label{font-weight:700}.quote-input{width:100%;min-width:0;background:#fff9f2!important;color:#231b17!important;padding:12px;border-radius:9px;border:1px solid #a99385;font:inherit}.quote-input::placeholder{color:#645e58}.quote-status{font-size:.92rem;color:#f5c98d;margin-top:10px}.quote-send:disabled{opacity:.55;cursor:not-allowed}
.header-work-link{font-weight:800!important;text-decoration:underline!important;text-underline-offset:4px}
@media(max-width:700px){.services-booking{width:calc(100% - 20px);margin:12px auto;padding:20px;border-radius:16px}.services-grid,.quote-form{grid-template-columns:1fr}.quote-field.full{grid-column:auto}.service-cta,.quote-send{width:100%}.topbar nav{flex-wrap:wrap}}


/* Customer readiness — Melbourne/Brunswick production identity */
.quote-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.quote-panel a[href^="mailto:"]{color:#f3d4bf;text-decoration:underline;text-underline-offset:3px}
.quote-alternate{font-size:13px;margin-top:10px!important}
.service-cta,.quote-send{border-radius:12px;min-height:44px}
.header-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:#a92228;color:#fff!important}
.services-booking{scroll-margin-top:95px;max-width:920px!important}
.quote-panel{scroll-margin-top:95px;background:#100c0c!important}
.service-tile{border-radius:14px}
@media(max-width:700px){
 .topbar{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
 .topbar .header-link{display:inline-flex!important;order:3;width:100%;padding:12px;margin:3px 0}
 .topbar nav{display:none!important}
 .hero-copy{font-size:14px;line-height:1.55}
 .quote-form input,.quote-form select,.quote-form textarea{font-size:16px!important;max-width:100%}
 .quote-panel,.services-booking{overflow-wrap:anywhere}
 .service-cta{display:inline-flex;align-items:center;justify-content:center}
}

/* Customer audio enquiry fields */
.audio-submission,.reference-fieldset{background:#120e0e;border:1px solid rgba(245,227,210,.18);padding:18px;border-radius:15px;min-width:0}
.audio-submission h4,.reference-item h4{font-size:14px;margin:0 0 10px;letter-spacing:.06em}
.audio-submission p,.reference-fieldset p{font-size:13px;line-height:1.55;color:#dccfc2;margin:6px 0 12px}
.optional{font-weight:normal;color:#cbb8a8;font-size:12px}
.audio-submission label,.reference-item label{display:block;font-size:12px;font-weight:700;margin:10px 0 5px}
.audio-submission input[type=file],.reference-item input[type=file]{width:100%;padding:10px;min-height:44px;color:#eee1d3}
.reference-fieldset legend{font-size:14px;font-weight:900;letter-spacing:.06em;padding:0 7px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.reference-item{min-width:0;background:#0c0909;border:1px solid rgba(245,227,210,.13);padding:13px;border-radius:12px}
.reference-item input{max-width:100%}
.attachment-status{color:#f0dcca!important;font-size:12px!important}
.attachment-status.error{color:#ffaaa6!important;font-weight:800}
@media(max-width:760px){.reference-grid{grid-template-columns:1fr}.audio-submission,.reference-fieldset{padding:13px}}

/* Google Drive single-file sharing */
.drive-sharing{border:1px solid rgba(235,221,202,.23);padding:19px;border-radius:15px;background:rgba(13,10,10,.89)}
.drive-sharing h4{margin:0 0 9px;letter-spacing:.05em}
.drive-guide{margin-top:14px;padding:15px 18px;border-radius:12px;background:#171311;border:1px solid rgba(235,221,202,.17);font-size:14px;line-height:1.6}
.drive-guide ol{margin:9px 0;padding-left:22px}
.drive-guide li{margin-bottom:7px}
.drive-guide p{max-width:780px}
.drive-copy{border:1px solid #ddc8b5;border-radius:8px;background:#eee2d0;color:#17100e;font-weight:800;font-size:12px;padding:10px 14px}
#drive-copy-status{font-size:12px;margin-left:10px}

.agreements-integration{max-width:900px;margin:28px auto;padding:24px;background:rgba(12,9,9,.94);border-radius:20px;border:1px solid rgba(255,240,220,.21);color:#f2e7d1}.agreements-integration h2{font-size:clamp(26px,4.5vw,48px);letter-spacing:-.06em;line-height:1;margin:10px 0}.agreements-integration p{max-width:670px;line-height:1.6}.agreements-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.agreements-actions a{border-radius:10px}