:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#171311;color:#eee5d8}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;background:radial-gradient(ellipse at 50% 42%,#30201655 0%,#17131100 58%)}
main{align-self:center;justify-self:center;width:100%;max-width:720px;padding:64px 24px 44px;text-align:center}
.brand-mark{display:block;width:280px;max-width:100%;height:auto;margin:0 auto}
h1{margin:30px 0 12px;padding-left:.22em;font-size:clamp(36px,7vw,52px);font-weight:500;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}
main p{margin:0;color:#c9bfb1;font-size:16px;line-height:1.7;letter-spacing:.025em}
footer{padding:20px 24px 30px;text-align:center;color:#a38b77;font-size:11px;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
footer span{padding:0 8px;color:#6e5642}
@media(max-width:600px){main{padding-top:40px}.brand-mark{width:220px}h1{margin-top:24px}main p{font-size:15px}footer{padding-bottom:24px}}
@media(max-height:540px) and (min-width:601px){main{padding:24px}.brand-mark{width:160px}h1{margin-top:16px;font-size:36px}footer{padding:12px}}