: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: 48px 24px; min-height: 100svh; background-image: url("ivory-mobile.png"); background-position: center; }
  .identity { transform: translateY(-3svh); }
  h1 { font-size: clamp(3rem, 16vw, 5.75rem); }
  .announcement { margin-top: 18px; font-size: .75rem; letter-spacing: .24em; padding-left: .24em; }
  .origin { margin-top: 8px; font-size: .75rem; letter-spacing: .04em; padding-left: .04em; }
}
@media (prefers-reduced-motion: no-preference) {
  .identity { animation: reveal 1.2s ease-out both; }
  @keyframes reveal { from { opacity: 0; } to { opacity: 1; } }
}