body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #025669;
}

.logo {
  height: auto;
  max-width: clamp(250px, 50vw, 600px);
  object-fit: contain;
  transition: max-width 0.3s ease;
}

header {
  transition: height 0.3s ease, padding 0.3s ease;
}

header.scrolled {
  height: 60px;
}

header.scrolled .logo {
  max-width: 150px;
}