@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800&display=swap');
/* Typography and room for longer labels in Ukrainian and Russian. */
:root{--body:'Noto Sans',Arial,sans-serif;--display:'Noto Sans',Arial,sans-serif;--font:'Noto Sans',Arial,sans-serif}
body{font-family:var(--body)}
.header .nav{gap:17px;font-size:12px}
.header .brand-note{letter-spacing:.8px}
.hero-copy h1{font-size:clamp(40px,3.8vw,58px);letter-spacing:-1.8px;line-height:1.14}
.hero-description{max-width:485px}
.portrait-label{max-width:calc(100% - 46px)}
.hero-bottom{max-width:660px}
.hero-bottom strong{font-size:12px}
.text-link{white-space:normal}
.guide-footer{flex-wrap:wrap}
.guide-footer>.text-link{max-width:100%}
.language-menu,.langs__menu{max-height:calc(100dvh - 105px);overflow-y:auto}
.language-menu a[aria-current="page"],.langs__menu a[aria-current="page"]{background:rgba(232,182,174,.12);color:#e8b6ae}
.site-head .nav a{font-size:.74rem;padding-inline:5px}
.site-head .brand__sub{max-width:170px;letter-spacing:.04em}
@media(max-width:1350px){.site-head .nav{display:none}.site-head .burger{display:block}.site-head .brand{margin-inline-end:auto}}
@media(max-width:1150px){
  .header .nav{display:none}.header .menu-toggle{display:block}
  .header .mobile-menu.open{display:flex;flex-direction:column;position:absolute;top:88px;right:0;left:0;background:var(--surface);border-bottom:1px solid var(--line);padding:20px 32px;gap:0;box-shadow:0 15px 30px #0004}
  .header .mobile-menu a{padding:13px 0;font-size:16px;border-bottom:1px solid var(--line)}
}
@media(max-width:900px){.header .mobile-menu.open{top:78px}.hero-copy h1{font-size:43px}}
@media(max-width:650px){
  .header .mobile-menu.open{top:74px;padding:15px 20px}
  .hero-copy h1{font-size:34px;letter-spacing:-1px;line-height:1.18}
  .hero-bottom{grid-template-columns:1fr;padding:0}
  .hero-bottom>div{padding:11px 15px;border-right:0;border-bottom:1px solid var(--line)}
  .hero-bottom>div:last-child{border-bottom:0}
  .hero-bottom strong{font-size:12px}.hero-bottom span{font-size:10px}
  .hero-buttons .button{white-space:normal;text-align:left;font-size:11px}
  .section h2,.closing h2{overflow-wrap:break-word}
  .language-menu{min-width:160px}
  .guide-footer{gap:18px}
}