/* V5: Bring hero and demo closer to the supplied original reference.
   Soft painterly peaks, open ivory center, compact listening card. */
.hero{
  background:#F5EFE6;
  padding-bottom:140px;
}
.hero::after{
  background-image:url("/assets/soft-hills-mobile-v5.svg");
  background-size:100% 100%;
  background-position:bottom center;
  height:340px;
  bottom:-4px;
  opacity:1;
  -webkit-mask-image:none;
  mask-image:none;
}
.hero-description{
  max-width:680px;
  line-height:1.56;
  margin-bottom:25px;
  text-wrap:pretty;
}
.hero .button-large{
  background:#BA6542;
  color:#FFFBF8;
  box-shadow:0 9px 25px rgba(161,98,68,.15);
}
.hero .button-large:hover,.hero .button-large:focus-visible{
  background:#AA5637;
  box-shadow:0 12px 26px rgba(161,98,68,.19);
}
.hero-assurance{display:none}
.listen-section{margin-top:-38px}
.demo-card{border-color:rgba(190,165,138,.21);box-shadow:0 12px 32px rgba(70,60,50,.095)}
.demo-body .small-label{color:#A37E59}
.play-button{background:#BA6542;color:white}
.play-button:hover{background:#A95433}
.audio-details{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.waveform-shell{position:relative;height:31px;display:flex;align-items:center;min-width:0;flex:1}
.waveform-bars{display:flex;align-items:center;justify-content:space-between;gap:1.5px;width:100%;height:100%;overflow:hidden;pointer-events:none}
.waveform-bars span{display:block;flex:1;max-width:4px;min-width:1.5px;border-radius:3px;background:#A4B39B;opacity:.85}
.waveform-bars span.heard{background:#B88A5A;opacity:1}
.audio-progress{
  -webkit-appearance:none;
  appearance:none;
  position:absolute;
  inset:0;
  height:100%;
  width:100%;
  opacity:.015;
  margin:0;
  cursor:pointer;
  z-index:2;
}
.audio-progress::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:12px;height:31px;
}
.audio-progress::-moz-range-thumb{
  width:12px;height:31px;border:0
}
.audio-times{
  display:flex;
  align-items:center;
  gap:2px;
  flex-shrink:0;
  white-space:nowrap;
  font-size:.64rem;
  color:#495766;
  font-weight:500;
}
@media(min-width:560px){
  .hero{padding-bottom:166px}
  .hero::after{
    background-image:url("/assets/soft-hills-desktop-v5.svg");
    height:380px;
  }
  .listen-section{margin-top:-48px}
  .audio-details{gap:13px}
  .waveform-shell{height:36px}
  .audio-times{font-size:.72rem}
}
@media(min-width:850px){
  .hero{padding-bottom:176px}
  .hero::after{
    background-image:url("/assets/soft-hills-desktop-v5.svg");
    height:435px;
  }
  .listen-section{margin-top:-51px}
  .demo-card{max-width:835px}
  .audio-details{gap:17px}
  .waveform-shell{height:39px}
  .audio-times{font-size:.77rem}
}