/* Reference-inspired mobile layout: keep original SVG artwork completely in frame. */
@media(max-width:991.98px){
  .hero.hero-faithful{display:flex!important;flex-direction:column!important;position:relative!important;background:#333645!important;min-height:0!important}
  .hero.hero-faithful .hero-live-art{
    position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
    transform:none!important;display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;aspect-ratio:1500/900!important;
    opacity:1!important;object-fit:contain!important;flex:0 0 auto!important;
  }
  .hero.hero-faithful>.container{
    position:relative!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:flex-start!important;
    width:100%!important;min-height:0!important;height:auto!important;
    padding:20px clamp(18px,5vw,34px) 34px!important;
    background:#333645!important;transform:none!important;
  }
  .hero.hero-faithful h1{font-size:clamp(38px,8.5vw,62px)!important;line-height:1.04!important;margin:0!important}
  .hero.hero-faithful p{font-size:clamp(14px,3.5vw,18px)!important;line-height:1.5!important;
    margin:14px 0 0!important;max-width:100%!important;width:auto!important;text-align:left!important}
  .hero.hero-faithful .hye-hero-feature{position:relative!important;left:auto!important;right:auto!important;
    bottom:auto!important;top:auto!important;display:flex!important;width:100%!important;max-width:100%!important;
    margin:24px 0 0!important}
  #hyeperks-ecosystem-diagram.hyeperks-rebuilt,
  #hyeperks-ecosystem-diagram .hyeperks-scroller,
  #hyeperks-ecosystem-diagram .hyeperks-stage{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;transform:none!important;
    margin:0 auto!important;overflow:visible!important}
  #hyeperks-ecosystem-diagram object.hyeperks-svg{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;aspect-ratio:1300/700!important;
    display:block!important;transform:none!important}
  #road-ahead .road-ahead-visual,
  #road-ahead .road-ahead-visual object{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;aspect-ratio:1182.5/726.5!important;
    transform:none!important}
  #road-ahead .road-ahead-visual{margin:22px auto 32px!important}
}
@media(max-width:575.98px){
  #road-ahead.road-ahead-original{padding:40px 0!important}
  #road-ahead .road-ahead-intro{max-width:100%!important;padding:0 8px!important}
  #road-ahead .road-ahead-quote{font-size:15px!important;line-height:1.5!important}
}