/* Главная — все ширины (30.09.2026). Телефонные правила — home-mobile.css, анимации и цифры — home-anim.css. */

/* Крупные бледные слова-подложки за заголовками разделов — фирменный приём исходника, возвращены
   аккуратно (30.09.2026): только за короткими заголовками разделов, выровнены по левому краю заголовка,
   не обрезаются, за текстом. В первом экране (там подложкой шла вся длинная фраза и обрезалась справа)
   и на телефоне — не показываем. */
.about-us__title, .our-services-block__title, .brand-block__title, .upcoming-events__title { position: relative; isolation: isolate; }
.about-us__title:before, .our-services-block__title:before, .brand-block__title:before, .upcoming-events__title:before {
  content: attr(data-title); position: absolute; z-index: -1; left: -4px; top: -0.08em; right: auto;
  font-size: clamp(64px, 4.6vw + 20px, 112px); font-weight: 800; line-height: 1; letter-spacing: -0.02em;
  color: #eef3f0; white-space: nowrap; pointer-events: none; user-select: none;
}
/* заголовок встаёт на нижнюю часть слова-подложки */
.about-us__title, .our-services-block__title, .brand-block__title, .upcoming-events__title {
  padding-top: clamp(34px, 2.4vw + 10px, 58px);
}
.brand-block__title { overflow: visible; }
@media (max-width: 767px) {
  .about-us__title:before, .our-services-block__title:before, .brand-block__title:before, .upcoming-events__title:before { display: none; }
}

/* заголовки разделов — как на остальных страницах сайта: жирнее, без вертикальной черты;
   ссылка рядом — красным текстом со стрелкой, без красной полосы-подчёркивания шаблона */
.about-us__title-in, .our-services-block__title-in, .brand-block__title-in, .upcoming-events__title-in {
  font-size: clamp(28px, 1.4vw + 18px, 40px); font-weight: 600; line-height: 1.15; color: #272727;
}
.brand-block__title, .upcoming-events__title { align-items: baseline; column-gap: 28px; }
.brand-block__title-in, .upcoming-events__title-in { margin: 0; padding: 0; border: 0; }
.brand-block__title-in:after, .upcoming-events__title-in:after { display: none; }
.brand-block__more, .upcoming-events__more { margin: 0; }
.brand-block__more a, .upcoming-events__more a {
  padding: 0; font-size: 17px; font-weight: 700; color: #e9423d; text-decoration: none;
}
.brand-block__more a:before, .upcoming-events__more a:before { display: none; }
.brand-block__more a:after, .upcoming-events__more a:after { content: " →"; }
.brand-block__more a:hover, .upcoming-events__more a:hover { color: #c9302b; text-decoration: underline; }

/* кнопки «Получить консультацию» (первый экран) и «Оставить заявку» (услуги) — красные,
   как главные кнопки на остальных страницах (в шаблоне — серая рамка) */
.hero-main__more .site-btn, .our-services-block__more .site-btn {
  border-color: #e9423d; background: #e9423d; color: #fff; font-weight: 600; border-radius: 14px;
}
.hero-main__more .site-btn:hover, .our-services-block__more .site-btn:hover { border-color: #c9302b; background: #c9302b; color: #fff; }


/* «Наши услуги»: вводный текст крупнее; в карточке — результат одной строкой; нажимается вся карточка */
.our-services-block__description { font-size: 16px; line-height: 1.6; color: #272727; }
.home-svc__link { position: absolute; inset: 0; z-index: 3; border-radius: inherit; }
.home-svc__summary { position: relative; z-index: 2; max-width: 220px; font-size: 14px; font-weight: 500; line-height: 1.4; color: #272727; }
.our-services-block__item-button { z-index: 2; }

/* в карточке услуги на ноутбуке и планшете картинка меньше, чтобы строке результата хватало места */
@media (min-width: 768px) and (max-width: 1279px) {
  .our-services-block__item-body { padding-right: 0; }
  .our-services-block__item-img { right: -12px; width: 110px; height: 90px; }
  .home-svc__summary { max-width: calc(100% - 100px); }
}