:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; color: #183c37; background: #f6f1e5; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
body { margin: 0; }
.page { min-height: 100svh; display: flex; flex-direction: column; padding: clamp(24px, 5vw, 72px) clamp(24px, 7vw, 112px) 28px; background: radial-gradient(ellipse at 50% 44%, #fffdf7 0%, #f6f1e5 68%); }
.masthead { display: flex; align-items: center; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid #183c3730; }
.mark { width: 56px; height: 56px; flex: 0 0 56px; stroke: currentColor; stroke-width: 1.2; }
.identity { margin: 0; font-size: clamp(16px, 2vw, 20px); line-height: 1.25; letter-spacing: -.025em; }
.identity strong { font-weight: 600; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 72px 0 88px; }
.ornament { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; color: #957648; }
.ornament span { width: 44px; height: 1px; background: currentColor; }
.ornament i { width: 7px; height: 7px; border: 1px solid currentColor; transform: rotate(45deg); }
h1 { margin: 0; font-size: clamp(56px, 9.5vw, 132px); line-height: 1.05; letter-spacing: -.065em; font-weight: 400; }
h1 em { font-weight: 400; color: #52624c; }
.statement { margin: 32px 0 0; font-size: clamp(19px, 2.3vw, 29px); line-height: 1.5; letter-spacing: -.025em; }
.note { margin: 24px 0 0; color: #62665c; font-family: system-ui, sans-serif; font-size: 14px; line-height: 1.7; }
footer { display: flex; align-items: center; gap: 18px; padding-top: 20px; border-top: 1px solid #183c3730; font-family: "Courier New", monospace; font-size: 11px; line-height: 1.6; letter-spacing: .06em; color: #62665c; }
.footer-rule { flex: 1; }
@media (max-width: 480px) {
  .page { padding-top: 28px; }
  .masthead { gap: 12px; padding-bottom: 22px; }
  .mark { width: 46px; height: 46px; flex-basis: 46px; }
  main { padding: 64px 0 72px; }
  h1 { font-size: clamp(48px, 14vw, 67px); }
  .statement { max-width: 290px; font-size: 20px; margin-top: 26px; }
  .note { max-width: 245px; }
  footer { gap: 8px; font-size: 10px; letter-spacing: .025em; }
}