/* Image-first homepage refresh */
@media(min-width:851px){.mobile-menu-toggle{display:none!important}}
.hero{min-height:calc(100vh - 76px);grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(2rem,5vw,6rem);padding:clamp(3rem,6vw,6rem)}
.hero-copy{max-width:680px}
.hero h1{font-size:clamp(4.6rem,8vw,8.5rem)}
.hero .intro{margin:1.4rem 0 1.75rem;font-size:clamp(1rem,1.4vw,1.25rem)}
.hero-collage{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:.7rem;height:min(68vh,650px)}
.hero-collage a{position:relative;overflow:hidden;background-position:center;background-size:contain;background-repeat:no-repeat;text-decoration:none;filter:saturate(1.05);transition:filter .25s ease,transform .25s ease}
.hero-collage a:first-child{grid-row:1/3}
.hero-collage a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82))}
.hero-collage a:hover{filter:saturate(1.2);transform:scale(1.015)}
.hero-collage span{position:absolute;z-index:1;left:1rem;right:1rem;bottom:.85rem;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.25rem,2.4vw,2.5rem);line-height:.9;text-transform:uppercase}
.artists{padding:clamp(3.5rem,6vw,6rem) clamp(1rem,4vw,4rem)}
.section-heading{grid-template-columns:220px 1fr;margin-bottom:2rem}
.section-heading h2{font-size:clamp(3.2rem,6vw,6rem)}
#artist-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;border:0}
.artist{min-height:clamp(280px,34vw,470px);border:0}
.artist-image{filter:none;opacity:1}
.artist:after{background:none}
.artist>a{padding:1.25rem}
.artist h3{margin-top:.35rem;font-size:clamp(1.55rem,2.7vw,2.9rem)}
.artist h3{max-width:14ch;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:.96;letter-spacing:-.045em;text-transform:none;-webkit-text-stroke:0;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.75)}
.artist[data-artist="chant-collective"] .artist-image{background-size:contain;background-repeat:no-repeat;background-color:#080808}
.artist-genre{color:var(--acid);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;-webkit-text-stroke:.35px rgba(0,0,0,.85);paint-order:stroke fill;text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0 2px 5px rgba(0,0,0,.95)}
.artist-enter{align-self:flex-end;color:var(--cream);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9)}
.store-callout{align-items:center;padding:clamp(2rem,4vw,4rem);transform:none}
.store-callout h2{font-size:clamp(3rem,6vw,6rem)}
.store-link{justify-self:end;padding:1rem 1.2rem;background:var(--black);color:var(--cream);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
@media(max-width:850px){
  .site-header{position:sticky!important;padding-right:4.75rem!important}
  .site-header .mobile-menu-toggle{display:block!important;position:absolute!important;top:11px;right:12px;z-index:100;width:46px;height:46px;visibility:visible!important;opacity:1!important}
  .site-header .mobile-menu-toggle[aria-expanded="true"]{font-size:0}
  .site-header .mobile-menu-toggle[aria-expanded="true"]:after{content:'\00d7';font-size:34px;line-height:42px}
  .hero{min-height:auto;display:block;padding:2.25rem 1rem 1rem}
  .hero h1{font-size:clamp(3.5rem,17vw,5.2rem)}
  .hero .intro{margin:1rem 0 1.25rem}
  .hero-collage{height:52vh;min-height:390px;margin-top:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr .8fr;gap:.4rem}
  .hero-collage a:first-child{grid-row:auto;grid-column:1/3}
  .hero-collage a:last-child{display:none}
  .hero-collage span{font-size:1.35rem}
  .marquee{padding:.7rem 0;font-size:.75rem}
  .artists{padding:3rem .65rem}
  .section-heading{display:block;padding:0 .35rem;margin-bottom:1.5rem}
  .section-heading h2{font-size:3.4rem}
  #artist-list{grid-template-columns:1fr 1fr;gap:.45rem}
  .artist{min-height:230px}
  .artist>a{padding:.8rem}
  .artist h3{font-size:clamp(1.7rem,7vw,2.35rem)}
  .artist-enter{font-size:.55rem}
  .view-all-wrap{padding-top:1.5rem}
  .view-all-button{width:100%;text-align:center}
  .store-callout{display:flex;align-items:flex-start;margin:0 .65rem 2rem;padding:1.5rem;gap:1.25rem}
  .store-callout h2{font-size:2.8rem}
  .store-link{align-self:stretch;display:grid;place-items:center;margin-left:auto;text-align:center}
}
@media(max-width:380px){.artist{min-height:205px}.artist h3{font-size:1.6rem}.hero-collage{min-height:350px}}

/* Homepage CD grid. These products are written into the HTML at build time and
   are NOT injected by JavaScript: Google suspended the Merchant Center account
   after a crawler found no products on this page. Keep this section static. */
.home-cds{padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,4rem)}
.home-cd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.home-cd{background:#151513;border:1px solid #2c2926}
.home-cd-link{display:block;padding-bottom:.9rem;color:inherit;text-decoration:none}
.home-cd img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.home-cd h3{margin:.75rem .8rem .25rem;max-width:20ch;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.92rem,1.1vw,1.08rem);font-weight:800;line-height:1.15;letter-spacing:-.025em}
.home-cd-artist{margin:0 .8rem .45rem;color:var(--acid);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-cd-price{margin:0 .8rem;font-size:.78rem;font-weight:700}
.home-cd-link:hover h3{text-decoration:underline}
@media(max-width:850px){.home-cds{padding:3rem .65rem}.home-cd-grid{grid-template-columns:1fr 1fr;gap:.5rem}}

/* Text reflow: balance headings and tidy paragraph wrapping (graceful — ignored
   by older browsers, which just keep normal wrapping). */
h1,h2,h3{text-wrap:balance}
p,.intro,.hero-copy p{text-wrap:pretty}