/* Общая типографика шапок каталогов: форматы, блог и рестораны. */
.catalog-hero .catalog-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(48px, 6vw, 96px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.02em;
  margin: 0 0 24px;
  text-wrap: balance;
}
.catalog-hero .catalog-hero-eyebrow {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin: 0 0 18px;
}
.catalog-hero .catalog-hero-lead {
  max-width: 560px;
  font-size: clamp(20px, 1.35vw, 22px);
  line-height: 1.65;
  margin: 0;
}
.catalog-hero .catalog-hero-lead + .catalog-hero-lead {
  margin-top: 16px;
}
@media (min-width: 961px) {
  .catalog-hero { padding-top: 120px; padding-bottom: 96px; }
  .catalog-hero .catalog-hero-title { max-width: min(12ch, 50%); }
  .catalog-hero .catalog-hero-lead { max-width: min(560px, 50%); }
}
@media (min-width: 761px) and (max-width: 960px) {
  .catalog-hero .catalog-hero-title { max-width: min(13ch, 60%); }
  .catalog-hero .catalog-hero-lead { max-width: min(560px, 60%); }
}
@media (max-width: 760px) {
  .catalog-hero { padding-top: 104px; }
  .catalog-hero .catalog-hero-title { font-size: clamp(40px, 7vw, 48px); margin-bottom: 20px; }
  .catalog-hero .catalog-hero-lead { font-size: 18px; }
}