/* Keep service-hero copy clear over the architectural photograph. */
/* Keep the service hero compact; framing is handled by its banner asset. */
 html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero){
  height:clamp(400px,28vw,460px);
  min-height:0;
  max-height:none;
  aspect-ratio:auto;
  padding:0;
 }
 html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero) img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
 }
html body:is(.ag-services-page,.ag-services-final-page) #main .ag-services-hero-picture{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-2}
html[dir=rtl] body:is(.ag-services-page,.ag-services-final-page) #main .ag-services-hero-picture img{transform:scaleX(-1)}
html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero) img{
 object-position:50% 62%!important;
}
html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)::after{
 background:linear-gradient(90deg,rgba(15,18,21,.84) 0%,rgba(15,18,21,.72) 32%,rgba(15,18,21,.48) 56%,rgba(15,18,21,.1) 82%,transparent 100%);
}
html[dir=rtl] body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)::after{
 background:linear-gradient(180deg,rgba(15,18,21,.84) 0%,rgba(15,18,21,.65) 24%,transparent 45%),linear-gradient(270deg,rgba(15,18,21,.84) 0%,rgba(15,18,21,.72) 32%,rgba(15,18,21,.48) 56%,rgba(15,18,21,.1) 82%,transparent 100%);
}
html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)>div :is(h1,p){
 color:#fff;
 opacity:1;
 text-shadow:0 1px 2px rgba(0,0,0,.35);
}
html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)>div h1{font-weight:700}
html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)>div p{font-weight:600}
@media(max-width:760px){
 html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero){height:290px;min-height:0;aspect-ratio:auto;padding:0}
 html body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero) img{object-position:60% center!important}
 html[lang] body:is(.ag-services-page,.ag-services-final-page) #main :is(.ag-sf-hero,.ag-services-hero)::after{
  background:linear-gradient(180deg,rgba(15,18,21,.84) 0%,rgba(15,18,21,.65) 24%,transparent 45%),linear-gradient(0deg,rgba(15,18,21,.88) 0%,rgba(15,18,21,.7) 42%,rgba(15,18,21,.22) 78%,transparent 100%);
 }
}