:root {
  color-scheme: light;
  --paper: #f8f6ef;
  --ink: #3f5145;
  --rule: #c7c9b5;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body { margin: 0; }
::selection { background: #e4d7ca; color: #35473d; }
.page {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100svh;
  padding: 48px 52px 42px;
  overflow: hidden;
  isolation: isolate;
  background: radial-gradient(ellipse at 50% 42%, #fffdf7 0%, var(--paper) 72%);
}
.frame {
  position: absolute;
  inset: 22px;
  border: 1px solid var(--rule);
  opacity: .72;
  pointer-events: none;
  z-index: -2;
}
.frame::after { content: ""; position: absolute; inset: 5px; border: 1px solid #dddccf; }
main {
  position: relative;
  width: 100%;
  max-width: 1050px;
  text-align: center;
}
.botanical { position: absolute; z-index: -1; width: clamp(250px, 30vw, 460px); height: auto; pointer-events: none; user-select: none; }
.botanical--top { top: -55px; left: -60px; transform: rotate(-4deg); }
.botanical--bottom { bottom: -65px; right: -54px; transform: rotate(176deg); }


@media (min-width: 1500px) {
  .botanical { width: 510px; }
}
@media (max-width: 850px) {
  .page { padding: 42px 40px 36px;  }
  .botanical { width: 300px; }
  .botanical--top { top: -64px; left: -90px; }
  .botanical--bottom { bottom: -70px; right: -90px; }
}
@media (max-width: 560px) {
  .page { padding: 35px 31px 34px; }
  .frame { inset: 12px; }
  .frame::after { inset: 4px; }
  .botanical { width: 250px; opacity: .8; }
  .botanical--top { top: -49px; left: -106px; }
  .botanical--bottom { bottom: -53px; right: -104px; }
}
@media print {
  .page { min-height: 100vh; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}

h1 { margin: 0; font-size: clamp(30px, 6vw, 80px); font-weight: 400; letter-spacing: -.04em; line-height: 1.2; text-wrap: balance; }
.message { max-width: 650px; margin: 28px auto 0; font-size: clamp(16px, 1.6vw, 19px); font-weight: 400; line-height: 1.75; text-wrap: pretty; }