.home .top-bar,
.home.is-scrolled .top-bar {
  height: 120px;
  min-height: 120px;
  padding: 10px 32px;
  gap: 24px;
  transition: background 280ms ease;
}

.home .brand { flex-shrink: 0; }

.home .logo-top {
  display: block;
  width: 250px;
  max-width: 100%;
  height: auto;
  border-radius: 0;
  transform-origin: left center;
  transition: width 380ms cubic-bezier(.22, 1, .36, 1), transform 380ms cubic-bezier(.22, 1, .36, 1);
}

.home.is-scrolled .logo-top {
  width: 220px;
  border-radius: 0;
  transform: scale(.95);
}

@media (max-width: 900px) {
  .home .nav-links { gap: 16px; }
}

@media (max-width: 760px) {
  .home .top-bar,
  .home.is-scrolled .top-bar { height: auto; min-height: 0; padding: 12px 20px; flex-wrap: wrap; gap: 10px; }
  .home .logo-top { width: 205px; transform: none; }
  .home.is-scrolled .logo-top { width: 190px; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home .logo-top { transition: none; }
}