html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}

body {
  background: #4E0324;
  overflow: hidden;
}

.page {
  width: 100vw;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
}

.logo {
  display: block;
  width: clamp(180px, 42vw, 560px);
  height: auto;
  transform-origin: center;
  animation: heartbeat 1.35s ease-in-out infinite;
  will-change: transform;
}

@keyframes heartbeat {
  0%, 100% { transform: scale(1); }
  12% { transform: scale(1.035); }
  24% { transform: scale(1); }
  36% { transform: scale(1.065); }
  52% { transform: scale(1); }
}

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