:root {
  --paper: #f4efe6;
  --ink: #1c1a17;
  --taupe: #6e645a;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html {
  background: var(--paper);
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
}

body { min-height: 100svh; }

.shell {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  padding: 2rem;
  text-align: center;
}

.logo {
  width: min(220px, 50vw);
  height: auto;
}

.wordmark {
  font-size: clamp(1.6rem, 5vw, 2.4rem);
  letter-spacing: 0.08em;
}

.tagline {
  color: var(--taupe);
  font-style: italic;
  font-size: 1.05rem;
}