/* Use the supplied official lockup rather than a CSS recreation. */
.brand{display:inline-flex;align-items:center;min-width:0;color:var(--ink)}
.section[id],.contact[id]{scroll-margin-top:100px}
.brand-combination{display:flex;align-items:center;gap:12px;min-width:0}
.brand-emblem-frame{display:block;width:44px;flex:0 0 44px}
.brand-emblem{display:block;width:44px;height:auto;mix-blend-mode:multiply}
.brand-logo-frame{display:block;width:164px}
.brand-logo{display:block;width:164px;height:auto;mix-blend-mode:multiply}
.brand-wordmark-frame{display:block;width:150px}
.brand-wordmark{display:block;width:150px;height:auto;mix-blend-mode:multiply}
.header-actions{display:flex;align-items:center;gap:17px}
.language-selector{position:relative}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:74px;padding:7px 10px;border:1px solid #b9b5b8;border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.4px;cursor:pointer}
.language-toggle::after{width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);content:""}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:112px;padding:5px;border:1px solid #d4d0d2;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 14px 30px rgba(32,33,38,.14)}
.language-menu[hidden]{display:none}
.language-menu button{display:block;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{background:#f0eaf2;outline:none}
nav a:not(.nav-cta){position:relative}
nav a:not(.nav-cta).active{color:var(--ink);font-weight:600}
nav a:not(.nav-cta).active::after{position:absolute;right:0;bottom:-8px;left:0;height:1px;background:currentColor;content:""}
.footer-nav{flex-wrap:wrap;gap:8px 14px;font-size:11px}
.footer-nav a{color:#74727a}
.footer-nav a:hover,.footer-nav a:focus-visible,.footer-nav a.active{color:var(--ink);outline:none}
.footer-nav a.active::after{bottom:-4px}
.hero h1>span,.hero h1 em{display:block}
.hero h1{font-size:clamp(40px,5vw,74px);letter-spacing:-.085em}
.hero h1>span,.hero h1 em{white-space:nowrap!important}
html[lang="en"] .hero h1{font-size:clamp(32px,4.3vw,60px);letter-spacing:-.065em}

@media(min-width:721px) and (max-width:900px){
  .hero{padding-left:26vw;padding-right:7vw}
  .hero h1{font-size:clamp(38px,5vw,45px);letter-spacing:-.1em}
  html[lang="en"] .hero h1{font-size:clamp(31px,4.2vw,38px);letter-spacing:-.07em}
}

@media(min-width:721px) and (max-width:1000px){
  .site-header nav{display:none;position:absolute;top:79px;left:0;right:0;padding:20px 6vw 24px;flex-direction:column;align-items:flex-start;gap:20px;background:var(--paper);border-bottom:1px solid #dedcda}
  .site-header nav.open{display:flex}
  .menu-toggle{display:block}
}

@media(max-width:720px){
  .site-header{height:68px}
  .brand-combination{gap:8px}
  .brand-emblem-frame{width:28px;flex-basis:28px}
  .brand-emblem{width:28px}
  .brand-logo-frame{width:117px}
  .brand-logo{width:117px}
  .header-actions{gap:11px}
  .language-toggle{min-width:76px;padding:8px 10px;font-size:11px}
  .footer-nav{gap:9px 15px}

  .hero{min-height:auto;padding:76px 7vw 46px}
  .hero h1{margin:16px 0 22px;font-size:clamp(31px,8.6vw,35px);line-height:1.17;letter-spacing:-.1em}
  .hero h1>span,.hero h1 em{white-space:nowrap}
  html[lang="en"] .hero h1{font-size:clamp(27px,7.4vw,30px);letter-spacing:-.055em}
  .hero-copy{font-size:15px;line-height:1.85}
  .hero-actions{flex-wrap:wrap;gap:18px;margin-top:29px}
  .market-strip{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;gap:10px 18px;margin-top:37px;font-size:12px}
}