/* CWV: CLS/LCP helpers — подключать после style.min.css */

/* Fallback metrics: меньше скачок при swap Unbounded/Manrope */
@font-face {
  font-family: "Manrope Fallback";
  src: local("Arial");
  size-adjust: 103%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Unbounded Fallback";
  src: local("Arial");
  size-adjust: 98%;
  ascent-override: 95%;
  descent-override: 20%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Unbounded-Regular.woff2") format("woff2"), url("../fonts/Unbounded-Regular.woff") format("woff");
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/fonts/icomoon.woff") format("woff"),
       url("../fonts/icomoon/fonts/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Manrope", "Manrope Fallback", sans-serif;
}
.h1, .h2, .h3, .h4, .hero-title, .service-hero h1,
[class*="Unbounded"] {
  font-family: "Unbounded", "Unbounded Fallback", "Manrope", "Manrope Fallback", sans-serif;
}

/* Резерв высоты hero услуг — CLS 0.171 на /development,/marketing */
.service-hero {
  min-height: 280px;
}
@media (max-width: 767px) {
  .service-hero {
    min-height: 320px;
  }
  .service-hero__inner {
    min-height: 300px;
  }
  /* Карточки пакетов до инициализации Swiper */
  .services-swiper {
    min-height: 420px;
  }
  .services-swiper .swiper-slide.services-card,
  .services .services-swiper .swiper-slide {
    min-height: 400px;
  }
}

/* Hero на главной: стабильный блок под LCP-картинку */
.hero-creative {
  min-height: 220px;
}
.hero-image {
  aspect-ratio: 340 / 292;
  height: auto;
  max-width: 100%;
}