/* Language switch and header layout. */
.top { grid-template-columns: auto minmax(0, 1fr) auto; }
.top > .nav { justify-self: center; }
.top__actions { display: flex; align-items: center; justify-content: flex-end; gap: 22px; }
.language-switch { display: flex; align-items: center; gap: 3px; flex-shrink: 0; font-size: 11px; font-weight: 500; letter-spacing: .08em; }
.language-switch a { position: relative; display: grid; place-items: center; min-width: 30px; min-height: 44px; text-decoration: none; opacity: .65; }
.language-switch a::after { content: ''; position: absolute; left: 5px; right: 5px; bottom: 8px; height: 1px; background: var(--gold); transform: scaleX(0); }
.language-switch a[aria-current="true"], .language-switch a:hover { opacity: 1; }
.language-switch a[aria-current="true"]::after, .language-switch a:hover::after { transform: scaleX(1); }
.language-switch > span { opacity: .35; }
.hero__concept { max-width: calc(100% - 2 * var(--gutter)); }
@media (max-width: 1250px) and (min-width: 1101px) {
  .top { gap: 16px; }
  .top .nav a { padding-inline: 8px; }
  .top__actions { gap: 16px; }
  .top__cta { padding-inline: 14px; }
}
@media (max-width: 1100px) {
  .top { grid-template-columns: 1fr auto; }
  .top__actions { gap: 14px; }
}
@media (max-width: 380px) {
  .top { gap: 8px; }
  .top__actions { gap: 5px; }
}