/*
Theme Name: Hash Brown Music V10 — Beach & Palms
Description: Clean responsive music label homepage, WooCommerce-ready, cinematic hero and professional merch cards.
Version: 10.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hashbrownmusic
*/
:root{--base:#060807;--gold:#edc77d;--gold2:#c99b51;--stroke:#59452b;--cream:#f5eee0;--quiet:#bfb4a1}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--cream);font:15px/1.45 Arial,Helvetica,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--gold);line-height:1.08;margin:0}p{margin:0}
.wrap{width:min(1270px,calc(100% - 56px));margin-inline:auto}.site-header{background:#030504;border-bottom:1px solid #574223;position:relative;z-index:10}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:77px}.brand{display:flex;align-items:center;gap:13px;color:var(--gold);font-size:17px;font-weight:700;letter-spacing:.24em;line-height:1.15;flex-shrink:0}.brand img{height:62px;width:62px;object-fit:contain}.brand small{display:block;font-size:11px;letter-spacing:.45em;color:#dcb779;margin-top:4px}.nav{display:block!important}.nav ul{display:flex;align-items:center;justify-content:end;gap:20px;list-style:none;margin:0;padding:0}.nav li{list-style:none}.nav a{display:block;font-size:13px;white-space:nowrap;color:#eee5d5}.nav a:hover,.nav .current-menu-item>a{color:var(--gold)}.toggle{display:none;border:1px solid var(--stroke);color:var(--gold);background:none;border-radius:4px;padding:8px 12px}
#content{background:#070807}#content>section{width:100%;clear:both;position:relative;border-bottom:1px solid #594226;isolation:isolate;overflow:hidden}.section{background:#070807;padding:24px 0}
.hero-exact{background:#15150f url('assets/tropical-sunset.svg') center center/cover no-repeat!important}.hero-exact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,5,.82) 0%,rgba(4,6,5,.48) 50%,rgba(3,5,4,.55) 100%);z-index:-1;pointer-events:none}.exact-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.94fr);align-items:center;gap:40px;min-height:382px;padding:23px 0}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(37px,4.3vw,65px);line-height:.99;letter-spacing:-.02em;text-shadow:0 3px 20px #0006}.hero-copy p{max-width:475px;color:white;font-size:15px;line-height:1.46}.hero-logo-area{display:flex;align-items:center;justify-content:center;min-width:0}.hero-art{width:min(360px,100%);height:auto;max-height:350px;object-fit:contain;filter:drop-shadow(0 9px 24px #0009)}.hero-side-list,.duet-side-list{display:none}.hero-accent{display:flex;gap:3px;margin:14px 0 10px}.hero-accent>span{display:block;height:3px}.hero-accent .g{width:36px;background:#759d3c}.hero-accent .y{width:30px;background:#e2ba46}.hero-accent .r{width:21px;background:#cb4938}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(#f7d995,#d8a758);border-radius:24px;border:1px solid #f0c77c;color:#160f08!important;font-weight:700;font-size:13px}.btn.outline{color:var(--gold)!important;background:#0b0c0a;border-color:var(--gold)}
.duet-band{background:#080907}.duet-band:before{content:'';position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,#080907 0%,#08090780 44%,#080907ae 100%),url('assets/duet-atmosphere.jpg') center 38%/cover no-repeat;opacity:.9;z-index:-1;pointer-events:none}.duet-wrap{min-height:302px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:30px;align-items:center;padding:12px 0}.duet-logo-col{display:grid;place-items:center;min-width:0}.feature-logo{max-height:280px;width:min(340px,100%);object-fit:contain;filter:drop-shadow(0 12px 16px #000b)}.duet-content-col h2{font-size:clamp(34px,3.7vw,55px);margin:4px 0}.duet-content-col p{max-width:455px;font-size:15px;line-height:1.48;margin:9px 0 16px}.eyebrow{color:#dca85b;font-size:11px;letter-spacing:.26em;font-weight:700;text-transform:uppercase}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-head h2{font-size:clamp(30px,3vw,43px);margin-top:2px}.mid-note{color:#c4bbae;font-size:13px;text-align:center;flex:1}.top-link{white-space:nowrap;color:var(--gold);font-weight:700;font-size:13px}
.release-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.release-item{display:grid;grid-template-columns:48% 52%;min-width:0;background:#101211;border:1px solid #55442d;overflow:hidden}.release-item>img{width:100%;height:161px;object-fit:cover}.release-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 12px}.release-copy h3{font-size:clamp(17px,1.4vw,21px);line-height:1.13;overflow-wrap:anywhere}.release-copy p{font-size:12px;color:#d0ad78;margin-top:7px}.song-link{font-size:12px;margin-top:17px;color:var(--gold)}
.family-exact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.23fr);gap:26px;align-items:center}.family-left h2{font-size:clamp(29px,3vw,44px);margin:3px 0 5px}.family-left h2 small{font:700 18px Arial,sans-serif;white-space:nowrap}.family-left h2 small span{font-weight:400;font-size:12px}.family-left p{max-width:460px;font-size:14px;margin:6px 0 15px}.family-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border-left:1px solid #745b31;padding-left:20px}.fam-icon{text-align:center;font-size:12px;color:#f0e8d9;min-width:0}.fam-icon b{display:grid;place-items:center;margin:0 auto 8px;border:1px solid #d7ab5d;border-radius:50%;width:47px;height:47px;font-size:19px;color:var(--gold)}.fam-icon span{display:block}
.merch-row-exact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.merch-card{min-width:0;overflow:hidden;border:1px solid #51412b;background:#0e1010;display:flex;flex-direction:column}.merch-picture{height:172px;background:#080908;display:grid;place-items:center;overflow:hidden}.merch-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.merch-meta{display:flex;justify-content:space-between;gap:5px;align-items:center;padding:7px 8px;min-height:37px;font-size:12px;line-height:1.2}.merch-meta strong{color:var(--gold);white-space:nowrap}.merch-meta span{min-width:0}
.events-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.event-exact{display:flex;align-items:center;gap:11px;min-width:0;background:#101110;border:1px solid #55432c;padding:10px}.date-box{width:55px;min-width:55px;background:#ebc17e;color:#15100c;text-align:center;padding:4px}.date-box span{display:block;font-size:10px;font-weight:700}.date-box strong{display:block;font-size:15px}.event-copy{min-width:0;flex:1}.event-copy h3{font-size:16px;color:#edca85}.event-copy p{font-size:12px;color:#cfc2a9;margin-top:3px}.event-mark{color:var(--gold);font-size:21px}
.site-footer{background:#040605;color:#c8bdaa;padding:15px 0}.foot-flex{display:flex;justify-content:space-between;align-items:center;gap:18px}.site-footer .brand{font-size:12px}.site-footer .brand img{height:38px;width:38px}.site-footer .brand small{font-size:9px}.footer-tag{letter-spacing:.14em;font-size:10px}.socials{display:flex;gap:12px;color:var(--gold)}.copyright{font-size:11px;text-align:right}.copyright small{display:block}.inner-page{min-height:45vh;padding:45px 0}.entry-content{max-width:900px}.screen-reader-text{position:absolute;left:-10000px}.woocommerce ul.products li.product{padding:12px;background:#121411;border:1px solid #59442a}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--gold);color:#111}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{color:#151515;background:#fff}
@media(min-width:1450px){.wrap{width:min(1270px,calc(100% - 72px))}}
@media(max-width:1120px){.nav ul{gap:11px}.nav a{font-size:12px}.merch-row-exact{gap:9px}.family-icons{grid-template-columns:repeat(3,1fr)}.release-row{gap:8px}}
@media(max-width:900px){.toggle{display:block}.head-inner{flex-wrap:wrap}.nav{display:none!important;width:100%;padding:0 0 16px}.nav.open{display:block!important}.nav ul{flex-direction:column;align-items:start;gap:12px}.exact-grid{grid-template-columns:1fr 1fr;gap:14px}.hero-copy h1{font-size:clamp(31px,5vw,45px)}.duet-wrap{gap:15px}.release-row{grid-template-columns:1fr}.release-item{grid-template-columns:190px 1fr}.release-item>img{height:180px}.merch-row-exact{grid-template-columns:repeat(3,minmax(0,1fr))}.events-row{grid-template-columns:1fr}.foot-flex{flex-wrap:wrap}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.exact-grid,.duet-wrap,.family-exact{grid-template-columns:1fr}.hero-logo-area{grid-row:1}.hero-art{width:min(235px,70vw)}.hero-exact{background-position:64% 50%}.duet-band:before{inset:0;opacity:.25}.feature-logo{width:min(300px,75vw)}.section-head{align-items:start;flex-direction:column;gap:4px}.mid-note{text-align:left}.family-icons{border:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr))}.merch-row-exact{grid-template-columns:repeat(2,minmax(0,1fr))}.merch-picture{height:160px}.release-item{grid-template-columns:42% 58%}.release-item>img{height:145px}.brand{font-size:14px}.brand img{height:49px;width:49px}}

/* V8 scoped landscape texture, with real text and unclipped products */
#content{background:#060807}
#content>section{isolation:isolate;background-color:#060807}
#content>section:not(.hero-exact):not(.duet-band){background-image:linear-gradient(90deg,rgba(3,7,6,.93),rgba(4,8,7,.89)),url('assets/tropical-sunset.svg');background-repeat:no-repeat;background-position:center center;background-size:cover}
#content>section.family-band{background-image:linear-gradient(90deg,rgba(2,6,4,.96),rgba(5,11,7,.88)),url('assets/tropical-sunset.svg')}
#content>section.merch-block{background-image:linear-gradient(90deg,rgba(3,8,6,.96),rgba(7,13,9,.88)),url('assets/tropical-sunset.svg')}
#content>section.events-block{background-image:linear-gradient(90deg,rgba(3,7,6,.94),rgba(9,12,7,.90)),url('assets/tropical-sunset.svg')}
.merch-head{position:relative;z-index:1;margin-bottom:22px}
.merch-row-exact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;position:relative;z-index:1}
.merch-card{display:flex;flex-direction:column;min-width:0;min-height:253px;overflow:hidden;background:#090c0b;border:1px solid #87643a;border-radius:3px}
.merch-picture{height:auto;aspect-ratio:1/1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#050706}
.merch-picture img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#050706}
.merch-meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;background:#0d0f0c;padding:8px 9px;font-size:13px;line-height:1.25}
.merch-meta span{white-space:normal;overflow-wrap:break-word;flex:1}
.merch-meta strong{flex:none}
#content>section .wrap{position:relative;z-index:1}
@media(max-width:1000px){.merch-row-exact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.merch-row-exact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.merch-card{min-height:0}.merch-meta{font-size:12px}}
@media(max-width:420px){.merch-row-exact{grid-template-columns:1fr 1fr}.merch-meta{display:block}.merch-meta strong{display:block;margin-top:5px}}


/* Version 9.0 adjustments requested by user */
body,#content{background:#050705 url('assets/mockup-page-bg.jpg') center top/cover fixed no-repeat}
#content>section{background-color:transparent}
#content>section:not(.hero-exact):not(.duet-band){background-image:linear-gradient(90deg,rgba(3,7,6,.90),rgba(4,8,7,.84)),url('assets/mockup-page-bg.jpg');background-repeat:no-repeat;background-position:center center;background-size:cover}
.hero-exact{background:#15150f url('assets/mockup-hero-bg.jpg') center center/cover no-repeat!important}
.hero-exact:before{background:linear-gradient(90deg,rgba(3,6,5,.86) 0%,rgba(4,6,5,.56) 52%,rgba(3,5,4,.60) 100%)}
.exact-grid{min-height:348px}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.hero-copy h1,.hero-copy .hero-accent{display:none!important}
.hero-copy p{max-width:510px;font-size:16px;margin-top:8px}
.duet-band{background:#080907}
.duet-band:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,7,.90) 0%,rgba(8,9,7,.72) 45%,rgba(8,9,7,.60) 100%),url('assets/mockup-duet-bg.jpg') center center/cover no-repeat;opacity:1;z-index:-1;pointer-events:none}
.merch-head .mid-note{max-width:560px;text-align:center}
.merch-row-single{display:grid;grid-template-columns:minmax(220px, 320px);justify-content:center;gap:16px}
.merch-card-single{min-height:0;max-width:320px;justify-self:center}
.merch-card-single .merch-picture{aspect-ratio:1/1;min-height:0;height:auto;background:#050706}
.merch-card-single .merch-picture img{object-fit:contain;padding:10px}
.merch-meta-single{justify-content:center;text-align:center;min-height:42px;font-size:14px}
.merch-meta-single span{flex:none;font-weight:700}
@media(max-width:650px){.merch-row-single{grid-template-columns:minmax(200px, 1fr)}.hero-copy p{font-size:15px}}


/* Version 10.0: beach background across all sections, simplified merchandise section */
body,#content{background:#050705 url('assets/mockup-hero-bg.jpg') center top/cover fixed no-repeat!important}
#content>section,
#content>section:not(.hero-exact):not(.duet-band),
#content>section.family-band,
#content>section.merch-block,
#content>section.events-block,
#content>section.releases-block{
  background-image:linear-gradient(90deg,rgba(3,7,6,.88),rgba(4,8,7,.82)),url('assets/mockup-hero-bg.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.hero-exact{
  background-image:linear-gradient(90deg,rgba(3,6,5,.82) 0%,rgba(4,6,5,.54) 52%,rgba(3,5,4,.58) 100%),url('assets/mockup-hero-bg.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
}
.duet-band{
  background-image:linear-gradient(90deg,rgba(8,9,7,.88) 0%,rgba(8,9,7,.72) 45%,rgba(8,9,7,.64) 100%),url('assets/mockup-duet-bg.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.duet-band:before{display:none!important}
.merch-head-text-only{min-height:160px;align-items:center}
.merch-head-text-only .mid-note{max-width:720px;text-align:center;font-size:16px;color:#f3ebdc}
.merch-head-text-only .top-link{align-self:center}


/* V10.1 – single beach and palm-tree image used consistently in every section.
   All homepage sections, typography and markup remain from V10. */
body, #content {
  background-color: #070a08 !important;
  background-image: none !important;
}
#content > section,
#content > section.hero-exact,
#content > section.duet-band,
#content > section:not(.hero-exact):not(.duet-band),
#content > section.family-band,
#content > section.merch-block,
#content > section.events-block,
#content > section.releases-block {
  background-color: #101512 !important;
  background-image: linear-gradient(90deg,rgba(2,7,7,.85),rgba(4,9,9,.63),rgba(2,7,7,.84)), url('assets/beach-palms.svg') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#content > section.hero-exact {
  background-image: linear-gradient(90deg,rgba(2,7,7,.83),rgba(4,9,9,.48),rgba(2,7,7,.72)), url('assets/beach-palms.svg') !important;
}
#content > section.duet-band:before { display: none !important; }


/* V10.2 – polished tropical background closer to original mockup style */
body, #content {
  background-color: #070806 !important;
  background-image: none !important;
}
#content > section,
#content > section.hero-exact,
#content > section.duet-band,
#content > section:not(.hero-exact):not(.duet-band),
#content > section.family-band,
#content > section.merch-block,
#content > section.events-block,
#content > section.releases-block {
  background-color: #0c0f0d !important;
  background-image: linear-gradient(90deg, rgba(3,6,5,.86), rgba(3,6,5,.68), rgba(3,6,5,.84)), url('assets/polished-tropical-bg.png') !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#content > section.hero-exact {
  background-image: linear-gradient(90deg, rgba(4,6,5,.88) 0%, rgba(4,6,5,.58) 48%, rgba(4,6,5,.76) 100%), url('assets/polished-tropical-bg.png') !important;
  background-position: center center !important;
}
#content > section.duet-band {
  background-image: linear-gradient(90deg, rgba(5,7,6,.90) 0%, rgba(5,7,6,.70) 48%, rgba(5,7,6,.84) 100%), url('assets/polished-tropical-bg.png') !important;
  background-position: center center !important;
}
#content > section.duet-band:before { display:none !important; }


/* 10.4 CINEMATIC SCROLL — single fixed landscape, controlled progressive zoom.
   Resets previous section images while preserving layout and content. */
body.home, body.home #content { background: #070908 !important; }
body.home #content {position:relative;isolation:isolate;}
body.home #content .hbm-cinematic-canvas {
 position:fixed; inset:0; z-index:-1; pointer-events:none;
 overflow:hidden; background:#060908;
}
body.home #content .hbm-cinematic-landscape {
 position:absolute;inset:-7%;
 background-image:url('assets/cinematic-sunset.webp');
 background-position:center 52%; background-size:cover; background-repeat:no-repeat;
 transform:scale(var(--hbm-scroll-scale, 1));transform-origin:63% 48%;
 will-change:transform;
}
body.home #content .hbm-cinematic-canvas::after {
 content:""; position:absolute; inset:0;
 background:linear-gradient(90deg,rgba(2,5,4,.85),rgba(3,6,5,.63) 52%,rgba(2,5,4,.75)),
 linear-gradient(180deg,rgba(3,6,5,.15),rgba(3,6,5,.34));
}
body.home #content>section,
body.home #content>section.hero-exact,
body.home #content>section.duet-band,
body.home #content>section:not(.hero-exact):not(.duet-band),
body.home #content>section.family-band,
body.home #content>section.merch-block,
body.home #content>section.events-block,
body.home #content>section.releases-block {
 position:relative; z-index:1;
 background:transparent !important;
 background-image:none !important;
 background-color:transparent !important;
 background-attachment:scroll !important;
 border-bottom:1px solid rgba(221,174,102,.38);
}
body.home #content>section:not(.hero-exact)::after {
 content:""; position:absolute; inset:0;
 background:rgba(3,7,6,.10);
 pointer-events:none;z-index:-1;
}
body.home #content>section.duet-band::before,
body.home #content>section.hero-exact::before {display:none !important;}
body.home #content>section .wrap {position:relative;z-index:2;}
body.home #content .release-item,
body.home #content .event-exact {background:rgba(8,11,10,.82);}
body.home .site-header {background:#050605;}
@media (prefers-reduced-motion:reduce) {
 body.home #content .hbm-cinematic-landscape {transform:none!important;will-change:auto;}
}
@media(max-width:700px){
 body.home #content .hbm-cinematic-landscape{background-position:61% center;inset:-4%;}
 body.home #content .hbm-cinematic-canvas::after {background:rgba(2,5,4,.72);}
}


/* v10.5 Leah & Hash artist page; homepage remains unchanged */
.hbm-artist{position:relative;isolation:isolate;background:#070b09;color:#f2e9dc;padding-bottom:58px}
.hbm-artist::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,7,6,.87),rgba(4,9,8,.95)),url('assets/cinematic-sunset.webp') center center/cover fixed no-repeat}
.artist-hero{padding:50px 0 37px;border-bottom:1px solid #69512f}
.artist-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:55px}
.artist-logo{display:block;max-height:470px;width:100%;object-fit:contain;filter:drop-shadow(0 15px 25px #000a)}
.artist-intro .eyebrow{margin-bottom:14px}.artist-intro h1{font-size:clamp(45px,5.2vw,76px);margin-bottom:14px}.artist-intro .artist-tagline{font-family:Georgia,serif;color:#f4d49c;font-size:clamp(20px,2vw,27px);font-style:italic;margin-bottom:20px}
.artist-intro p{font-size:16px;line-height:1.75;color:#f4ede0;max-width:660px}.artist-hero .actions{margin-top:24px}
.artist-bio{padding:53px 0;border-bottom:1px solid #69512f}.artist-bio h2,.artist-music h2,.artist-invite h2{font-size:clamp(32px,3.4vw,47px);margin-bottom:22px}.artist-prose{max-width:890px;margin:0 auto}.artist-prose p{font-size:17px;line-height:1.85;margin-bottom:20px;color:#f4ece0}.artist-prose strong{color:#f4ce8e}.artist-prose em{color:#edc77d}.artist-prose .artist-quote{font-family:Georgia,serif;font-size:clamp(20px,2.4vw,29px);color:#f3d29b;line-height:1.5;margin:24px 0}
.artist-music{padding:58px 0;border-bottom:1px solid #69512f}.artist-music-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.artist-music-head h2{margin-bottom:0}.artist-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.artist-track{background:#090e0ce8;border:1px solid #82653d;border-radius:6px;overflow:hidden}.artist-track img{width:100%;aspect-ratio:1/1;object-fit:cover}.artist-track-info{padding:19px}.artist-track h3{font-size:24px;margin-bottom:7px}.artist-track p{font-size:13px;color:#d5c5ab}.artist-invite{text-align:center;padding:60px 0 22px}.artist-invite p{margin:0 auto 22px;max-width:720px;font-size:17px;line-height:1.75}
@media(max-width:800px){.artist-hero-grid{grid-template-columns:1fr;gap:16px}.artist-logo{max-height:300px}.artist-tracks{gap:12px}.artist-track h3{font-size:19px}}
@media(max-width:620px){.hbm-artist::before{background-attachment:scroll}.artist-hero{padding:25px 0 30px}.artist-hero-grid{gap:10px}.artist-tracks{grid-template-columns:1fr}.artist-music-head{align-items:start;flex-direction:column}.artist-prose p{font-size:16px}}

/* v10.6 — dedicated music catalog; homepage and artist layouts unchanged */
.hbm-music{color:#f5eee0;background:#07100c;position:relative;isolation:isolate}
.hbm-music::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,5,.80),rgba(3,8,6,.94)),url('assets/cinematic-sunset.webp') center center/cover fixed no-repeat;z-index:-1}
.music-hero{padding:85px 0 70px;border-bottom:1px solid #70522f}.music-intro{max-width:850px}.music-intro h1{font-size:clamp(44px,5vw,74px);margin:13px 0 20px}.music-intro p{font-size:18px;line-height:1.7;max-width:700px;margin-bottom:26px}
.music-list{padding:60px 0 74px;border-bottom:1px solid #70522f}.music-list h2,.music-family h2{font-size:clamp(34px,4vw,52px);margin:14px 0 17px}.music-note{color:#e4d3b9;max-width:800px;line-height:1.65;margin-bottom:24px}
.music-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:27px 0 30px}.music-product{background:rgba(5,10,8,.91);border:1px solid #846239;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 15px 35px #0005}.music-cover{width:100%;aspect-ratio:1/1;object-fit:cover}.music-product-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.music-product-body h3{font-size:clamp(23px,2.3vw,31px)}.music-product-body p{color:#e2d3be;line-height:1.55}.music-price{font-size:21px;color:#edc77d;font-weight:700}.music-product-body .btn{margin-top:auto;align-self:flex-start}.music-pending{display:inline-block;align-self:flex-start;margin-top:auto;padding:10px 14px;border:1px solid #775e3a;border-radius:22px;color:#eac98b;font-size:13px}.music-family{text-align:center;padding:68px 0}.music-family p{margin:0 auto 24px;max-width:700px;line-height:1.65}
@media(max-width:850px){.music-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hbm-music::before{background-attachment:scroll}.music-products{grid-template-columns:1fr}.music-hero{padding:48px 0}.music-list{padding:40px 0}}