@font-face {
  font-family: "Playfair Display"; font-style: normal; font-weight: 800;
  font-display: swap; src: url("./assets/playfair-display-800.ttf") format("truetype");
}
@font-face {
  font-family: Cormorant; font-style: normal; font-weight: 400;
  font-display: swap; src: url("./assets/cormorant-400.ttf") format("truetype");
}
@font-face {
  font-family: Cormorant; font-style: italic; font-weight: 400;
  font-display: swap; src: url("./assets/cormorant-italic-400.ttf") format("truetype");
}
:root { color-scheme: light; background: #F7F2E7; color: #1C1712; }
* { box-sizing: border-box; }
body { margin: 0; }
main {
  min-height: 100vh; min-height: 100svh; display: flex;
  align-items: center; justify-content: center; padding: 48px 24px;
}
.holding {
  display: flex; flex-direction: column; align-items: center;
  gap: 22px; text-align: center; width: 100%; max-width: 480px;
}
.orbit { display: block; flex-shrink: 0; }
h1 {
  margin: 0; font-family: "Playfair Display", Georgia, serif; font-weight: 800;
  font-size: clamp(38px, 6.5vw, 64px); letter-spacing: .01em;
  line-height: 1.2; overflow-wrap: anywhere;
}
.message { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.message p { margin: 0; font-family: Cormorant, Georgia, serif; font-weight: 400; }
.status {
  font-size: 15px; line-height: 1.5; letter-spacing: .28em; text-transform: uppercase;
  /* Original gold retained in the logo; this design palette variant meets text contrast. */
  color: #8A6A24;
}
.note { font-size: 17px; line-height: 1.5; font-style: italic; color: #4A4038; }
@media (max-width: 360px) {
  main { padding-inline: 16px; }
  h1 { font-size: clamp(30px, 10.5vw, 38px); }
  .status { letter-spacing: .2em; }
}
@media (forced-colors: active) { .status, .note { color: CanvasText; } }