:root {
  --background: #f7f5ef;
  --text: #061b3a;
  --line: rgba(6, 27, 58, 0.25);
}

* {
  box-sizing: border-box;
}

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

body {
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, 0.98) 0%, rgba(247, 245, 239, 0.96) 58%, rgba(237, 235, 229, 0.88) 100%),
    var(--background);
  color: var(--text);
  font-family: Georgia, "Times New Roman", Times, serif;
}

.page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.brand-card {
  text-align: center;
}

h1 {
  margin: 0;
  font-size: clamp(3rem, 8vw, 7.5rem);
  font-weight: 400;
  letter-spacing: -0.06em;
  line-height: 1;
  text-wrap: balance;
}

.line {
  width: min(18rem, 42vw);
  height: 1px;
  margin: clamp(1.5rem, 3vw, 2.25rem) auto 0;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
}