/* Savant hero — photo first, almost no dimming */
body.uslugi-savant header.hero.savant-hero-photo,
body.uslugi-savant header.hero.hero--photo-bg-mobile.savant-hero-photo{
  position:relative !important;
  isolation:isolate !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  min-height:640px !important;
  height:640px !important;
  max-height:78vh !important;
  padding:0 !important;
  margin:0 !important;
  background:#14181f !important;
  background-image:none !important;
  border:0 !important;
}
body.uslugi-savant header.hero.savant-hero-photo::before,
body.uslugi-savant header.hero.savant-hero-photo::after,
body.uslugi-savant header.hero.hero--photo-bg-mobile.savant-hero-photo::before,
body.uslugi-savant header.hero.hero--photo-bg-mobile.savant-hero-photo::after{
  display:none !important;
  content:none !important;
  background:none !important;
  opacity:0 !important;
}
body.uslugi-savant .savant-hero-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.uslugi-savant .savant-hero-bg picture,
body.uslugi-savant .savant-hero-bg__img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:38% 55% !important;
  filter:none !important;
}
/* Only a thin readable strip under the text, photo stays open */
body.uslugi-savant .savant-hero-bg::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg,
      rgba(10,12,16,0) 0%,
      rgba(10,12,16,0) 38%,
      rgba(10,12,16,.28) 58%,
      rgba(10,12,16,.58) 74%,
      rgba(10,12,16,.78) 88%,
      rgba(10,12,16,.86) 100%) !important;
}
body.uslugi-savant header.hero.savant-hero-photo > .container{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:32px 0 !important;
  background:none !important;
}
body.uslugi-savant header.hero.savant-hero-photo .heroimg,
body.uslugi-savant header.hero.savant-hero-photo .heroimg--desktop,
body.uslugi-savant header.hero.savant-hero-photo .heroimg--mobile{
  display:none !important;
}
body.uslugi-savant header.hero.savant-hero-photo .hwrap{
  width:min(540px, 44%) !important;
  margin:0 0 0 auto !important;
  padding:0 12px 0 0 !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}
body.uslugi-savant header.hero.savant-hero-photo h1{
  font-size:clamp(32px, 3.6vw, 46px) !important;
  line-height:1.08 !important;
  margin:10px 0 14px !important;
}
body.uslugi-savant header.hero.savant-hero-photo .lead{
  font-size:16px !important;
  line-height:1.5 !important;
  color:#f2f5fa !important;
}

@media (max-width:900px){
  body.uslugi-savant header.hero.savant-hero-photo,
  body.uslugi-savant header.hero.hero--photo-bg-mobile.savant-hero-photo{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:18px 0 22px !important;
    display:block !important;
  }
  body.uslugi-savant header.hero.savant-hero-photo > .container{
    min-height:0 !important;
    height:auto !important;
    display:block !important;
    padding:12px 16px 16px !important;
  }
  body.uslugi-savant header.hero.savant-hero-photo .hwrap{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.uslugi-savant header.hero.savant-hero-photo h1{
    font-size:26px !important;
    max-width:100% !important;
  }
  body.uslugi-savant .savant-hero-bg::after{
    width:100% !important;
    inset:0 !important;
    background:linear-gradient(180deg, rgba(10,12,16,.12) 0%, rgba(10,12,16,.08) 40%, rgba(10,12,16,.40) 100%) !important;
  }
  body.uslugi-savant .savant-hero-bg__img{
    object-position:40% 50% !important;
    filter:none !important;
  }
  body.uslugi-savant .service-hero-facts{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:12px 0 8px !important;
  }
  body.uslugi-savant header.hero.savant-hero-photo .btn,
  body.uslugi-savant header.hero.savant-hero-photo a.btn{
    width:100% !important;
  }
}