:root { color-scheme: light; --ink: #27221c; --ground: #eee5d8; --muted: #544b41; }
* { box-sizing: border-box; }
html { min-width: 280px; background: var(--ground); }
body { margin: 0; color: var(--ink); -webkit-font-smoothing: antialiased; }
.page {
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  padding: 72px 24px;
  background: var(--ground) url('ivory-shadows.png') center / cover no-repeat;
}
.identity { text-align: center; width: 100%; }
h1 {
  margin: 0;
  padding-left: .015em;
  font-family: 'Bodoni 72', Didot, 'Times New Roman', serif;
  font-size: clamp(3.5rem, 9.5vw, 9.5rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: .015em;
}
p { margin: 0; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: 400; }
.announcement { margin-top: 32px; font-size: .875rem; line-height: 1.8; letter-spacing: .3em; padding-left: .3em; color: var(--muted); }
.origin { margin-top: 16px; font-size: .75rem; line-height: 1.8; letter-spacing: .17em; padding-left: .17em; color: var(--muted); }
@media (max-width: 600px) {
  .page { padding: 64px 20px; background-position: 44% center; }
  h1 { font-size: clamp(2.75rem, 14vw, 5.25rem); }
  .announcement { margin-top: 28px; letter-spacing: .24em; padding-left: .24em; }
  .origin { letter-spacing: .1em; padding-left: .1em; }
}
@media (prefers-reduced-motion: no-preference) {
  .identity { animation: reveal 1.2s ease-out both; }
  @keyframes reveal { from { opacity: 0; } to { opacity: 1; } }
}