/* Touch interaction keeps vertical scrolling available over the 3D mark. */
.hero .logo-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.hero .logo-stage:focus-visible{outline:2px solid var(--brand-blue);outline-offset:4px;border-radius:18px}

@media(max-width:1000px){
 /* Each service owns its answer in the mobile reading order. */
 #services .service-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 #services .service-menu>.service-item{display:block;min-width:0;grid-column:1}
 #services .service-menu .service-item>button{height:auto;min-height:72px;scroll-margin-top:calc(var(--header,120px) + 16px)}
 #services .service-item .service-body{display:block;grid-template-rows:none;transition:none}
 #services .service-item .service-body>div{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 4px 32px}
 #services .service-item .service-body>.service-international-content{display:block}
 #services .service-panels:empty{display:none}
 #services .service-item .service-geography{padding-inline:0}

 /* Use only the two occupied scenes, not the desktop's empty copy area. */
 #employee-support #administration .support-detail-image{aspect-ratio:900/1024}
 #employee-support #administration .support-detail-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:left center}
}

@media(max-width:700px){
 /* The group fills the phone width; the outer workers remain inside the crop. */
 #professions{width:100%}
 #professions .photo-surface{--photo-space:28px}
 #professions .photo-stage>.section-backdrop{aspect-ratio:1050/1024;height:auto}
 #professions .photo-stage>.section-backdrop img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  aspect-ratio:auto;object-fit:cover!important;object-position:90% center;
 }
}