
/* высота иллюстраций в тексте */
.art__hero img{max-height:400px}
.art__fig img{max-height:400px;object-fit:cover}
@media(max-width:959px){.art__hero img,.art__fig img{max-height:300px}}
@media(max-width:639px){.art__hero img,.art__fig img{max-height:230px}}

/* «Почему нас выбирают» и «Как мы работаем» */
.why,.steps{background:#0d0d0f;color:#d8d8dd;font-family:'TildaSans',Arial,sans-serif;padding:56px 20px}
.steps{padding-top:8px}
.why__in,.steps__in{max-width:1400px;margin:0 auto}
.steps__h{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#fff;font-weight:800;margin:0 0 34px;text-align:center}.why__h{font-size:clamp(24px,3vw,34px);line-height:1.2;color:#fff;font-weight:800;margin:0 0 34px;text-align:center}
.steps__h span{color:#e9c46a;display:inline-block}
.why__grid{display:grid;grid-template-columns:1fr minmax(280px,408px) 1fr;gap:28px;align-items:center}
.why__col{display:flex;flex-direction:column;gap:44px}
.why__card{position:relative;background:#141418;border:1px solid #22222a;border-radius:16px;padding:38px 22px 24px;text-align:center}
.why__icon{position:absolute;left:calc(50% - 27px);top:-27px;width:54px;height:54px;border-radius:50%;
  background:linear-gradient(140deg,#e9c46a,#ffe5a6);display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(233,196,106,.25)}
.why__icon svg{width:26px;height:26px}
.why__name{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.why__text{font-size:14px;line-height:1.55;color:#a9a9b8}
.why__pic img{width:100%;height:570px;object-fit:cover;border-radius:20px;display:block}
@media(max-width:1199px){.why__pic img{height:480px}.why__col{gap:40px}}
@media(max-width:959px){
  .why__grid{grid-template-columns:1fr 1fr;gap:24px 20px}
  .why__pic{grid-column:1 / -1;order:-1}
  .why__pic img{height:280px}
  .why__col{gap:38px}
}
@media(max-width:639px){.why__grid{grid-template-columns:1fr}.why,.steps{padding:40px 16px}}

.steps__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.steps__card{background:#141418;border:1px solid #22222a;border-radius:16px;padding:24px 20px 22px;position:relative;overflow:hidden}
.steps__card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#e9c46a,rgba(233,196,106,0))}
.steps__num{font-size:34px;font-weight:800;line-height:1;color:#e9c46a;margin-bottom:12px}
.steps__name{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.steps__text{font-size:14px;line-height:1.55;color:#a9a9b8}
@media(max-width:1199px){.steps__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.steps__grid{grid-template-columns:1fr}}

/* блок заявки */
.lead{margin:44px 0 10px}
.lead__box{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:#141418;border:1px solid #22222a;border-radius:20px;overflow:hidden}
.lead__left{padding:34px}
.lead__h{font-size:clamp(21px,2.4vw,28px);line-height:1.25;color:#fff;font-weight:800;margin:0 0 12px}
.lead__note{font-size:15px;line-height:1.6;color:#a9a9b8;margin:0 0 22px}
.lead__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.lead__form input[type=text],.lead__form input[type=tel]{width:100%;background:#0d0d0f;border:1px solid #26262e;border-radius:10px;
  color:#fff;font:400 15px/1.4 'TildaSans',Arial,sans-serif;padding:14px;outline:none;box-sizing:border-box}
.lead__form input:focus{border-color:#e9c46a}
.lead__submit{border:0;border-radius:10px;padding:14px 26px;cursor:pointer;white-space:nowrap;
  font:700 14px/1.2 'TildaSans',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#1d1d1d;
  background:linear-gradient(.288turn,#d1b054,#ffe5a6 50%,#d1b054);transition:filter .2s}
.lead__submit:hover{filter:brightness(1.08)}
.lead__submit:disabled{opacity:.6;cursor:default}
.lead__policy{font-size:12.5px;color:#6b6b7a;margin:12px 0 0}
.lead__ok,.lead__err{display:none;margin:12px 0 0;font-size:14px}
.lead__ok{color:#8bd48b}.lead__err{color:#e08b8b}
.lead__contacts{display:flex;align-items:baseline;gap:14px;margin-top:22px;flex-wrap:wrap}
.lead__phone{color:#e9c46a !important;font-size:22px;font-weight:800;text-decoration:none}
.lead__hours{font-size:13px;color:#6b6b7a}
.lead__pic img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
@media(max-width:959px){
  .lead__box{grid-template-columns:1fr}
  .lead__pic{order:-1}.lead__pic img{min-height:200px;max-height:240px}
  .lead__row{grid-template-columns:1fr}
  .lead__left{padding:26px 20px}
}
