/* The three languages share the same layout and assets. */
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}
.site-header>.nav{justify-self:end;min-width:0}
.language-switcher{display:flex;gap:2px;align-items:center;justify-self:end;background:var(--wash,#f3f6fa);padding:3px;border-radius:8px;font-size:12px;font-weight:550;white-space:nowrap}
.language-switcher a,.language-switcher span{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;padding:5px 7px;border-radius:5px}
.language-switcher a:hover{background:#e6edf9;text-decoration:none}
.language-switcher [aria-current]{color:var(--blue);background:#fff;box-shadow:0 1px 3px #17233012}
html[data-language=de] h1,html[data-language=me] h1{overflow-wrap:break-word}
html[data-language=de] .hero-copy h1{font-size:clamp(38px,4.6vw,65px);letter-spacing:-.045em}
html[data-language=me] .hero-copy h1{font-size:clamp(42px,5.2vw,74px)}
@media(max-width:900px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:0 16px}
  .site-header>.brand{grid-row:1;grid-column:1}
  .site-header>.language-switcher{grid-row:1;grid-column:2}
  .site-header>.nav{grid-row:2;grid-column:1/-1;width:100%;max-width:none;justify-content:space-between;justify-self:stretch;gap:8px 16px}
}
@media(max-width:640px){
  .site-header{padding-top:16px;padding-bottom:8px}
  .language-switcher a,.language-switcher span{min-height:44px;min-width:36px}
  html[data-language=de] .hero-copy h1{font-size:clamp(34px,7.5vw,48px)}
  html[data-language=me] .hero-copy h1{font-size:clamp(36px,8vw,52px)}
  html[data-language=de] .project h3,html[data-language=de] .service h3{overflow-wrap:anywhere;hyphens:auto}
}
@media(max-width:480px){.site-header>.nav{gap:4px}}