.services{scroll-margin-top:90px}
.cloud-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;filter:saturate(.8)}
body.film-ready:not(.reduced) .cloud-film{opacity:1}
.film-wash{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#d6d6ed80,#e0d5e555 60%,#e4d6e366);opacity:0;transition:opacity .5s}
body.film-ready:not(.reduced) .film-wash{opacity:1}
body.film-ready:not(.reduced) .sky{opacity:0}
body.film-ready .clouds,body.film-ready .passage{display:none}
@media(max-width:360px){.brand{font-size:19px;white-space:nowrap}.nav-services{display:none}.book{white-space:nowrap}.nav nav{gap:0}}
@media(max-width:700px) and (max-height:700px){
  .hero{padding:78px 18px 90px}
  .glass-logo{width:90vw;margin:10px 0 15px}
  .hero h1{font-size:26px;margin-bottom:10px}
  .hero p{font-size:12px}
  .actions{margin-top:16px;gap:4px}
  .scroll-cue{bottom:48px;gap:7px}
  .scroll-cue>span:first-child{display:none}
  .scroll-line{height:18px}
  .services{top:85px;width:calc(100% - 36px)}
  .services h2{font-size:26px;margin:10px 0 8px;letter-spacing:-1px}
  .section-intro{font-size:10px;margin-bottom:16px}
  .cards{gap:10px}
  .service-card{min-height:130px;padding:14px 18px}
  .service-card h3{font-size:21px;margin-bottom:5px}
  .service-card p{font-size:11px;line-height:1.45;margin-bottom:8px;margin-right:27px}
  .card-top{right:17px;top:17px}
  .orb{width:30px;height:30px}
  .therapy-orb:after{width:20px;height:20px;margin:16px 0 0 -8px}
  .card-link{font-size:10px;padding-top:6px}
  .all-services{margin-top:14px}
}