@media(max-width:700px){
  html,body{overflow-x:clip!important}
  .cinema{overflow:visible!important}
  .services,.recovery,.modes,.process,.principles,.final-cta{overflow:clip!important}
  .cinema .scene-a{opacity:calc(1 - var(--a))!important}
  .hero .eyebrow{top:18.5%!important;left:0!important;width:100%!important;text-align:center!important;white-space:nowrap!important;font-size:clamp(8px,2.2vw,10px)!important;letter-spacing:clamp(.08em,.45vw,.16em)!important}
  .hero .hero-copy{top:47%!important;left:7vw!important;right:7vw!important;width:auto!important;font-size:clamp(12px,3vw,15px)!important;line-height:1.55!important;white-space:normal}
  .hero>.hero-actions{display:flex!important;flex-direction:row!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:6px!important}
  .hero>.hero-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;width:0!important;min-width:0!important;white-space:nowrap!important;flex-wrap:nowrap!important;font-size:clamp(10px,2.6vw,14px)!important;letter-spacing:-.025em!important;padding-inline:5px!important;overflow:hidden}
  .hero>.hero-actions .btn span{display:inline-block!important;flex:0 0 auto!important;margin-left:clamp(4px,1vw,7px)!important;font-size:.95em!important;line-height:1!important}
}
@media(max-width:380px){.hero>.hero-actions .btn{font-size:10px!important}.hero .eyebrow{font-size:8px!important}}