/* A native sticky stage gives the photographs time to meet as one mosaic. */
.motion-enabled .services{overflow:clip;padding-bottom:80px}
.motion-enabled .service-merge-stage{height:175svh;position:relative}
.motion-enabled .service-grid{position:sticky;top:112px;height:calc(100svh - 140px);max-height:840px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;isolation:isolate}
.motion-enabled .service-motion-frame{min-height:0}
.motion-enabled .service-card{height:100%;min-height:0;aspect-ratio:auto;will-change:transform;opacity:1}
.motion-enabled .service-card:focus-visible{outline-offset:-5px;outline-color:#ffc4ed;z-index:2}
.motion-enabled .card-bottom{left:26px;right:26px;bottom:22px}
.motion-enabled .card-bottom strong{font-size:clamp(23px,2.3vw,35px)}
.motion-enabled .card-number{left:26px;top:22px}
.motion-enabled .card-link{margin-top:12px}
@media(max-width:760px){
  .motion-enabled .services{padding-left:4vw;padding-right:4vw;padding-bottom:55px}
  .motion-enabled .service-merge-stage{height:160svh}
  .motion-enabled .service-grid{top:94px;height:calc(100svh - 118px);max-height:680px;gap:3px}
  .motion-enabled .card-bottom{left:14px;right:12px;bottom:18px}
  .motion-enabled .card-bottom strong{font-size:20px;line-height:1.18}
  .motion-enabled .card-number{left:14px;top:18px;font-size:9px;letter-spacing:.055em}
  .motion-enabled .card-link{font-size:11px;gap:8px;margin-top:12px}
}
@media(max-height:540px) and (min-width:761px){
  .motion-enabled .card-number{top:12px;font-size:10px}
  .motion-enabled .card-bottom{bottom:12px}
  .motion-enabled .card-bottom strong{font-size:21px}
  .motion-enabled .card-link{font-size:11px;margin-top:5px}
}