/* JesusKB coming-soon page. Brand: The Reference, Edition 04. Fonts self-hosted (SIL OFL 1.1; licences in fonts/). */
@font-face { font-family: "EB Garamond"; font-weight: 400; font-display: swap; src: url(fonts/eb-garamond-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url(fonts/inter-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: Inter; font-weight: 500; font-display: swap; src: url(fonts/inter-latin-500-normal.woff2) format("woff2"); }

:root { --midnight: #090F18; --ivory: #F2EFE8; --secondary: #ABB7C4; --muted: #8D9AAA; --gold: #C8AA78; --line: #2B3948; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--midnight); color: var(--ivory); font: 16px/1.6 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased;
  min-height: 100vh; display: flex; flex-direction: column; }
.wrap { width: calc(100% - 128px); max-width: 1280px; margin: 0 auto; }
main { flex: 1; display: flex; flex-direction: column; padding: 34px 0 60px; }
.logo { display: block; width: 205px; height: auto; }
.body { margin: auto 0; padding: 80px 0 40px; max-width: 760px; }
.eyebrow { font-size: 12px; font-weight: 500; letter-spacing: 1.8px; text-transform: uppercase; color: var(--muted); margin: 0 0 24px; }
h1 { font: 400 86px/.99 "EB Garamond 12", "EB Garamond", Georgia, serif; letter-spacing: -1.7px; margin: 0 0 28px; }
h1 span { display: block; }
.lead { font-size: 17px; line-height: 1.8; color: var(--secondary); max-width: 540px; margin: 0 0 40px; }
.soon { display: inline-flex; align-items: center; gap: 12px; margin: 0; padding: 12px 18px; border: 1px solid #334252; border-radius: 6px;
  font-size: 13px; font-weight: 500; letter-spacing: 1.8px; text-transform: uppercase; color: var(--ivory); }
.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.foot { border-top: 1px solid var(--line); padding: 26px 0 32px; font-size: 12px; color: var(--muted); }
.foot strong { font-weight: 500; color: var(--ivory); }

@media (max-width: 720px) {
  .wrap { width: calc(100% - 40px); }
  .logo { width: 177px; }
  .body { padding: 56px 0 24px; }
  h1 { font-size: 54px; letter-spacing: -1px; line-height: 1.02; }
  h1 span { display: inline; }
  .lead { font-size: 16px; }
}