:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #0c0a10; color: #e9e1cf; font: 16px/1.6 Georgia, "Times New Roman", serif; }
a { color: #e6c98e; }
.hero { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 20px;
  background: linear-gradient(rgba(12,10,16,.35), rgba(12,10,16,.95)), url(hero.jpg) center/cover; }
.hero img { width: min(420px, 80vw); height: auto; }
.hero p { max-width: 640px; font-size: 1.15em; }
.soon { display: inline-block; margin-top: 18px; padding: 10px 22px; border: 1px solid #d4b25a; border-radius: 6px; color: #ffe9a8; }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px; }
h1, h2 { color: #ffe9a8; font-weight: normal; }
footer { text-align: center; padding: 28px 20px; color: #9b927f; font-size: .9em; border-top: 1px solid #2a2433; }
footer a { margin: 0 10px; }