:root {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #25202e;
  background: #fff;
  font-synthesis: none;
}

* { box-sizing: border-box; }

body { margin: 0; }

main {
  min-height: 100vh;
  min-height: 100svh;
  padding: 24px 20px 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.brand-logo {
  display: block;
  width: min(82vw, 540px);
  max-width: 100%;
  height: auto;
  margin-bottom: clamp(-76px, -10vw, -32px);
}

h1 {
  margin: 0;
  font-size: clamp(44px, 10vw, 104px);
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0.065em;
  text-indent: 0.065em;
}

@media (max-height: 520px) and (min-width: 600px) {
  main { padding-block: 20px; }
  .brand-logo { width: min(52vh, 300px); margin-bottom: -36px; }
  h1 { font-size: 52px; }
}