/* Общая типографическая шкала публичных страниц во всех стадиях кампании. */
:root{
  --public-type-eyebrow:13px;
  --public-type-section-title:clamp(38px,4.7vw,56px);
  --public-type-section-copy:19px;
  --public-type-card-title:22px;
  --public-type-card-copy:17px;
  /* Ролевая шкала интерфейсов Витрины и голосования. */
  --public-type-entity-title:40px;
  --public-type-context-title:32px;
  --public-type-owner-title:24px;
  --public-type-item-title:16px;
  --public-type-action:13px;
  --public-type-metadata:12px;
}

body{font-family:Mulish,Arial,sans-serif;font-size:17px;line-height:1.55}

/* Одинаковый фирменный логотип в шапке всех публичных стадий. */
.site-header .brand img{
  width:126px;
  height:56px;
  object-fit:contain;
}

.eyebrow,
.award-what-next__eyebrow,
body .ballot-intro__eyebrow{
  font-family:Mulish,Arial,sans-serif;
  font-size:var(--public-type-eyebrow);
  font-weight:800;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.section-head h2,
.about-title,
.award-stage-map__header h2,
.award-what-next__header h2,
body .ballot-intro h2{
  margin-top:0;
  font-family:Inglobal,Arial,sans-serif;
  font-size:var(--public-type-section-title);
  font-weight:700;
  line-height:1;
  letter-spacing:-.035em;
}

.section-head>p,
.about-copy>p,
.award-what-next__header>div:first-child>p:last-child{
  font-family:Mulish,Arial,sans-serif;
  font-size:var(--public-type-section-copy);
  font-weight:400;
  line-height:1.6;
}

.hero-title{margin:0 0 10px;line-height:.9;letter-spacing:-.035em}
.hero h1 .hero-title__name{
  display:block;
  color:#fff!important;
  font-family:Inglobal,Arial,sans-serif;
  font-size:clamp(42px,5.1vw,68px);
  font-weight:700;
  line-height:.92;
  white-space:nowrap;
}
.hero h1 .hero-title__year{
  display:block;
  margin-top:16px;
  color:#f5dc86!important;
  font-family:Inglobal,Arial,sans-serif;
  font-size:clamp(64px,7.65vw,102px);
  font-weight:700;
  line-height:.82;
}
.hero .hero-lead{
  margin:18px 0 0;
  color:#fff;
  font-family:Mulish,Arial,sans-serif;
  font-size:var(--public-type-section-copy);
  font-weight:400;
  line-height:1.5;
  white-space:nowrap;
}

.rule h3{font-size:var(--public-type-card-title);line-height:1.15}
.rule p{font-size:var(--public-type-card-copy);line-height:1.55}
.award-next-card>div p,
.award-next-card__layout>div>p{font-size:var(--public-type-card-copy);line-height:1.65}

@media(max-width:800px){
  :root{
    --public-type-entity-title:32px;
    --public-type-context-title:26px;
    --public-type-owner-title:20px;
    --public-type-item-title:14px;
    --public-type-action:12px;
    --public-type-metadata:11px;
  }
}

@media(max-width:680px){
  :root{
    --public-type-eyebrow:12px;
    --public-type-section-title:36px;
    --public-type-section-copy:16px;
    --public-type-card-title:21px;
    --public-type-card-copy:15px;
    --public-type-entity-title:32px;
    --public-type-context-title:26px;
    --public-type-owner-title:20px;
    --public-type-item-title:14px;
    --public-type-action:12px;
    --public-type-metadata:11px;
  }
  .hero h1 .hero-title__name{font-size:clamp(29px,8.5vw,42px);white-space:normal}
  .hero h1 .hero-title__year{margin-top:12px;font-size:clamp(44px,12.75vw,63px)}
  .hero .hero-lead{margin-top:14px;white-space:normal}
  .site-header .brand img{width:120px;height:52px}
}