.site-header {
  min-height: 76px;
  border-bottom: 1px solid var(--border);
}

.home {
  padding: 64px 0;
}

.main-logo {
  width: min(520px, 88vw);
  max-height: 180px;
  margin-bottom: 68px;
  object-fit: contain;
}

.main-menu,
.service-menu {
  display: grid;
  max-width: 520px;
  gap: 16px;
}

.service-menu {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}

.matrix-caption {
  margin-top: 18px;
}

.site-footer {
  min-height: 76px;
  border-top: 1px solid var(--border);
}

@media (max-width: 575px) {
  .site-header,
  .site-footer {
    min-height: 64px;
  }

  .home {
    padding: 48px 0;
  }

  .main-logo {
    margin-bottom: 44px;
  }

  .menu-card {
    min-height: 88px;
    padding: 22px;
  }
}