/* Onest is served locally; its OFL license is included in assets/fonts. */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./assets/fonts/onest-v11-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./assets/fonts/onest-v11-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-family: 'Onest', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-synthesis: none;
}
.dialogue-current h1 {
  font-weight: 450;
  line-height: 1.26;
  letter-spacing: -.028em;
}
.dialogue-previous {
  font-weight: 400;
  line-height: 1.26;
  letter-spacing: -.025em;
}
.dialogue-choices { gap: 8px; }
.choice {
  font-size: 13px;
  font-weight: 450;
  line-height: 1.35;
  letter-spacing: -.01em;
  padding: 9px 17px;
  min-height: 38px;
}
.language button, .back-button, .button { font-weight: 500; }
.call-panel #call-status { line-height: 1.26; letter-spacing: -.025em; }
@media (max-width:760px), (max-width:1100px) and (max-aspect-ratio:11/10) {
  .hero {
    --portrait-stage-height: clamp(500px, 66svh, 700px);
    height: auto;
    min-height: 100svh;
    padding-top: clamp(330px, 44svh, 490px);
    padding-bottom: 26px;
  }
  #stage { height: var(--portrait-stage-height); bottom: auto; }
  .hero-shade {
    background: linear-gradient(to bottom,
      transparent calc(var(--portrait-stage-height) * .34),
      #c2c2c1dd calc(var(--portrait-stage-height) * .55),
      #c2c2c1 calc(var(--portrait-stage-height) * .67), #b8b8b7 100%);
  }
  .dialogue {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: auto;
    margin: 0 var(--gutter);
  }
  .dialogue-current h1 { line-height: 1.25; letter-spacing: -.025em; }
  .choice { padding: 9px 15px; }
  .dialogue-navigation {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 32px var(--gutter) 0;
  }
}
