/* Caveat — SIL OFL 1.1; retain Caveat-OFL.txt with the font files. */
/* cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/caveat-cyrillic-variable.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/caveat-latin-variable.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;
}

/* GP03.5 — legible handwriting for the main headlines and emblem-only branding. */
h1.handwritten-headline,
h2.handwritten-headline,
h3.handwritten-headline {
  font-family:'Caveat',Georgia,'Times New Roman',serif;
  font-weight:600;
  font-style:normal;
  font-synthesis:none;
  letter-spacing:0;
  line-height:1.12;
}
.handwritten-headline em {
  font-style:normal;
  font-weight:inherit;
}
.hero h1.handwritten-headline { line-height:1.06; margin-left:0; }
.hero h1.handwritten-headline em { padding-block:0 5px; }
.brand.brand-symbol {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex:0 0 94px;
  width:94px;
  height:64px;
  padding:0;
  overflow:hidden;
  border-radius:12px;
  background:#f7f3eb;
  line-height:1;
}
.brand-symbol .brand-emblem {
  display:block;
  width:94px;
  height:64px;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
.nav-wrap .brand.brand-symbol { margin-block:7px; }
.footer-brand.brand-symbol { flex-basis:106px; width:106px; height:72px; }
.footer-brand.brand-symbol .brand-emblem { width:106px; height:72px; }
/* Keep the illustrated steps section inside narrow phone viewports. */
.approach > * { min-width:0; }
@media (max-width:640px) {
  .approach { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:600px) {
  .nav-wrap .brand.brand-symbol { flex-basis:76px; width:76px; height:52px; margin-block:4px; }
  .nav-wrap .brand-symbol .brand-emblem { width:76px; height:52px; }
  h2.handwritten-headline,h3.handwritten-headline { line-height:1.13; }
}
@media (forced-colors:active) {
  .brand.brand-symbol { forced-color-adjust:none; border:1px solid #183a3d; }
}

/* GP03.6 — the supplied handwritten wordmark fills the header brand area. */
.nav-wrap .brand.brand-wordmark {
  position:relative;
  display:block;
  flex:0 1 300px;
  width:300px;
  min-width:0;
  height:64px;
  margin-block:7px;
  padding:0;
  overflow:hidden;
  border-radius:12px;
  background:#f7f3eb;
}
.brand-wordmark .brand-wordmark-image {
  position:absolute;
  display:block;
  left:0;
  top:50%;
  width:100%;
  height:auto;
  max-width:none;
  transform:translateY(-50%);
}
@media (max-width:640px) {
  .nav-wrap .brand.brand-wordmark {
    flex-basis:210px;
    width:210px;
    height:52px;
    margin-block:4px;
    border-radius:9px;
  }
}
@media (forced-colors:active) {
  .nav-wrap .brand.brand-wordmark { forced-color-adjust:none; border:1px solid #183a3d; }
}
@media (max-width:370px) {
  .nav-wrap { flex-wrap:wrap; row-gap:0; padding-block:6px; }
  .nav-wrap .brand.brand-wordmark {
    flex:0 0 240px;
    width:240px;
    max-width:100%;
    height:50px;
    margin:0 auto 4px;
  }
  .nav-wrap .language-control { margin-left:auto; }
  .nav-wrap .menu-toggle { margin-right:auto; }
}