/* Рекламный блок в первом экране: «Разбор квартиры до ремонта» */
.hero__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  flex:1 0 auto;
}
.hero__row .hero__inner{
  flex:1 1 auto;
  min-width:0;
}
.hero--project .hero__row .hero__inner{
  margin:0;
}
.hero-promo{
  flex:0 0 420px;
  display:block;
  margin-top:110px;
  padding:36px 34px 34px;
  border:2px solid #d9ae5f;
  border-radius:16px;
  background:
    radial-gradient(120% 80% at 85% 0%, rgba(217,174,95,.16) 0%, rgba(217,174,95,0) 60%),
    linear-gradient(180deg, rgba(28,23,19,.88) 0%, rgba(18,15,12,.94) 100%);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  color:#fff;
  text-decoration:none;
  text-align:left;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
a.hero-promo:hover{
  transform:translateY(-3px);
  border-color:#e8c27a;
  box-shadow:0 26px 60px rgba(0,0,0,.45);
}
.hero .hero-promo__title{
  max-width:none;
  margin:0;
  font-size:2.1rem;
  line-height:1.15;
  font-weight:700 !important;
  text-align:center;
  color:#fff;
  letter-spacing:-.01em;
}
.hero .hero-promo__sub{
  max-width:none;
  margin:.7em 0 1.6em;
  font-size:1.2rem;
  font-weight:700 !important;
  text-align:center;
  color:#e0a94a;
}
.hero-promo__list{
  list-style:none;
  margin:0 !important;
  padding:0;
  display:grid;
  gap:22px;
}
.hero .hero-promo__list li{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  padding:0;
  font-size:1.15rem;
  font-weight:400;
  line-height:1.3;
}
.hero .hero-promo__list li::before{
  content:none;
  display:none;
}
.hero-promo__icon{
  flex:0 0 46px;
  width:46px;
  height:46px;
  color:#e0a94a;
}
.hero-promo__icon svg{
  width:100%;
  height:100%;
  display:block;
}
.hero-promo__text{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.35);
}

@media only screen and (max-width:1200px){
  .hero-promo{flex-basis:360px;padding:30px 26px}
  .hero .hero-promo__title{
  max-width:none;font-size:1.7rem}
  .hero .hero-promo__list li{font-size:1.05rem}
}
@media only screen and (max-width:992px){
  .hero__row{
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .hero__row .hero__inner{padding-bottom:36px}
  .hero-promo{
    flex:none;
    width:100%;
    max-width:560px;
    margin:0 auto 40px;
  }
  .hero--project .hero-promo{margin-left:auto;margin-right:auto}
}
@media only screen and (max-width:520px){
  .hero-promo{
    padding:24px 18px 22px;
    border-radius:12px;
    margin-bottom:28px;
  }
  .hero .hero-promo__title{
  max-width:none;font-size:1.45rem}
  .hero .hero-promo__sub{
  max-width:none;font-size:1rem;margin:.6em 0 1.2em}
  .hero-promo__list{gap:16px}
  .hero .hero-promo__list li{font-size:1rem;gap:12px}
  .hero-promo__icon{flex-basis:36px;width:36px;height:36px}
  .hero-promo__text{padding-left:12px}
}