/* Catalog gray remains dominant; photograph softly dissolves into it. */
.subhero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#e9ebea 0%,#d4d8d6 48%,#eceeed 75%,#c5cbc8 100%);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -24px 40px #626d6710}
.subhero:before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/sonorium-gondola-original.jpg") right 48%/cover no-repeat;opacity:.23;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 55%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%,#000 85%,transparent)}
.subhero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#ffffff30,transparent 36%,#ffffff4d 66%,transparent 82%),linear-gradient(0deg,#d5d9d7,transparent 35%)}
.subhero h1,.subhero p{color:#253a33}.subhero .eyebrow{color:#4b6156}
@media(max-width:700px){.subhero:before{background-position:76% center;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000 55%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%,#000)}.subhero:after{background:linear-gradient(0deg,#e5e7e5,transparent 45%)}}