/* One real Condensed Heavy face for headings in RO, RU and EN. */
@font-face {
  font-family: "Paradise Point Condensed Heavy";
  src: url("fonts/paradise-point-condensed-heavy-metrics.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  /* The local face carries the same 80% ascent / 20% descent in its native
     metrics, including WebKit engines without CSS font-metric overrides. */
  size-adjust: 118%;
}

:root {
  --font-heading: "Paradise Point Condensed Heavy", "Nunito", sans-serif;
}

:is(
  h1, h2, h3, h4, h5, h6,
  .feature-card strong,
  .partner-card strong,
  .partners-heading b,
  .follow-heading,
  .eyebrow,
  .media-photo-caption,
  .tariff-title,
  .tariff-table thead th,
  .birthday-sign-room
) {
  font-family: var(--font-heading);
  font-weight: 900;
  font-synthesis: none;
  text-transform: uppercase;
}

/* All three hero lines share one paper layer behind their coloured ink. */
.hero-copy .heading-line {
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  -webkit-text-stroke: 0;
  text-shadow: none;
}
.hero-outline-filters {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.hero-copy h1 {
  filter: url("#hero-paper-outline") drop-shadow(0 3px 3px #9e822311);
}
.hero-welcome { display: contents; }

@media (max-width: 1024px), (max-width: 1100px) and (max-height: 550px) {
  .hero-copy h1 {
    --mobile-brand-size: clamp(44px, 14vw, 64px);
    /* Exact local-font advances keep Wonderland 1.2 times the greeting width,
       while each letter retains its natural proportions. */
    --greeting-size-ratio: .738646506;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    letter-spacing: 0;
    filter: url("#hero-paper-outline-compact") drop-shadow(0 3px 3px #9e822311);
  }
  html:lang(ru) .hero-copy h1 { --greeting-size-ratio: .511721113; }
  html:lang(en) .hero-copy h1 { --greeting-size-ratio: .927852244; }
  .hero-copy .hero-welcome {
    display: flex;
    width: max-content;
    white-space: nowrap;
    font-size: calc(var(--mobile-brand-size) * var(--greeting-size-ratio));
  }
  .hero-copy .line-one,
  .hero-copy .line-two {
    font-size: inherit;
    letter-spacing: 0;
  }
  .hero-copy .line-one::after { content: "\00a0"; }
  .hero-copy .line-three {
    font-size: var(--mobile-brand-size);
    letter-spacing: 0;
  }
}