/* Homepage-only addition; the shared navigation stays unchanged. */
.home .nav .client-login {
  flex: none;
  padding: 10px 14px;
  border: 1px solid var(--accent);
  border-radius: 3px;
  background: var(--accent);
  color: #fff;
  font-size: .75rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.home .nav .client-login:hover { background: var(--slate); }
.home .nav .client-login:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
@media (min-width: 861px) and (max-width: 1100px) {
  .home .nav .wrap, .home .nav .items { gap: 14px; }
}
@media (max-width: 600px) {
  .home .nav .wrap { gap: 8px; }
  .home .nav .client-login { padding: 10px; font-size: .7rem; }
}
@media (max-width: 380px) {
  .home .nav .wrap { display: grid; grid-template-columns: 1fr auto auto; height: auto; padding-block: 12px; }
  .home .nav .brand { grid-column: 1; grid-row: 1; }
  .home .nav .client-login { grid-column: 2 / 4; grid-row: 1; justify-self: end; }
  .home .nav .nav-toggle { grid-column: 2; grid-row: 2; }
  .home .nav .lang { grid-column: 3; grid-row: 2; }
  .home .nav .items { top: 100%; }
}