/* Client-demo polish: lead imagery, calmer mobile menu, readable hero type. */
.hero.hero--lead-image{background-position:center;background-size:cover}
.hero.hero--lead-image .hero-video{mix-blend-mode:screen;object-position:center;transition:opacity .4s ease}
.hero.hero--lead-image:before{background:linear-gradient(180deg,rgba(20,18,15,.58),rgba(20,18,15,.18) 42%,rgba(20,18,15,.82))}
.hero.hero--lead-image:after{opacity:.12}
.hero h1{max-width:28ch;text-wrap:balance}
@media (max-width:760px){
  .mobile-panel{justify-content:flex-start;overflow-y:auto;padding:86px 24px 30px}
  .mobile-panel nav{gap:0}
  .mobile-panel nav a{font-size:clamp(31px,8.6vw,49px);line-height:1;padding:6px 0}
  .mobile-panel-book{margin-top:24px}
  .hero-inner{padding-top:84px;padding-bottom:48px}
  .hero h1{max-width:24ch;font-size:clamp(42px,10.5vw,68px);line-height:.96;letter-spacing:-.045em;text-wrap:balance}
  .hero-video{object-position:58% center}
}
@media (max-width:420px){
  .mobile-panel{padding-inline:20px}
  .mobile-panel nav a{font-size:clamp(29px,8.2vw,38px);padding:5px 0}
  .hero h1{font-size:clamp(40px,10.8vw,54px);max-width:24ch}
}