/* Shared header layout for the home and landing family. */
nav { isolation: isolate; }
@media (min-width:1024px) and (max-width:1280px) {
  .nav-inner { padding:0 1rem; gap:.6rem; }
  .nav-inner > .mlt { margin-left:auto; flex:none; }
  .menu-btn { display:none; }
  .nav-links, .nav-links.open { display:flex; position:static; flex-direction:row; align-items:center; background:none; backdrop-filter:none; padding:0; gap:clamp(.45rem, .9vw, .75rem); box-shadow:none; }
  .nav-links a { font-size:.7rem; letter-spacing:0; }
  .nav-links a.btn-nav { font-size:.72rem; padding:.5rem .7rem; }
}
@media (max-width:1023px) {
  .nav-inner > .mlt { margin-left:auto; }
}

/* Keep the logo, language choices and menu within very narrow screens. */
@media (max-width: 380px) {
  .nav-inner .mlt > a, .nav-inner .mlt > .mlt-cur {
    padding-left: .38rem;
    padding-right: .38rem;
  }
}

/* Preserve the full agency name when the header becomes compact. */
@media (max-width: 1280px) {
  .nav-inner .logo {
    display: grid;
    grid-template-columns: auto max-content;
    grid-template-rows: auto auto;
    column-gap: .4rem;
    row-gap: 0;
    line-height: 1.05;
    flex: none;
  }
  .nav-inner .logo img { grid-column: 1; grid-row: 1 / 3; }
  .nav-inner .logo em {
    display: block;
    grid-column: 2;
    grid-row: 2;
    font-size: .7em;
    letter-spacing: .08em;
  }
}