/* "Launching soon" page on foreclosurenote.com before go-live (src/views/holding.ts). */
:root { --paper: #f6f4ef; --sheet: #fff; --ink: #0c1f38; --ink-2: #3f4d63; --ink-3: #5f6a7d; --rule: #dcd7cb; --gold: #a87319; --navy: #0f2945; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Public Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif; display: flex; flex-direction: column; }
.hold-top { height: 6px; background: linear-gradient(90deg, var(--navy) 0 70%, var(--gold) 70%); }
main { flex: 1; display: grid; place-items: center; padding: 48px 20px; }
.hold-card { width: 100%; max-width: 560px; text-align: center; }
.hold-logo img { width: min(300px, 70vw); height: auto; display: block; margin: 0 auto 28px; }
h1 { font-family: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; font-weight: 800; letter-spacing: -0.02em; font-size: clamp(26px, 4.4vw, 38px); line-height: 1.1; margin: 0 0 14px; text-wrap: balance; }
h1 em { font-style: normal; color: var(--gold); }
.hold-lede { font-size: 18px; color: var(--ink-2); margin: 0 auto 28px; max-width: 30em; line-height: 1.55; }
.hold-rule { width: 64px; height: 2px; background: var(--gold); margin: 0 auto 24px; border: 0; }
.hold-contact { font-size: 16px; color: var(--ink-2); }
.hold-contact a { color: var(--ink); font-weight: 600; text-decoration-color: var(--gold); text-underline-offset: 3px; }
footer { text-align: center; font-size: 13px; color: var(--ink-3); padding: 18px 20px 24px; border-top: 1px solid var(--rule); background: var(--sheet); line-height: 1.6; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #07152a; --sheet: #0d1f38; --ink: #eef1f6; --ink-2: #b4bfcf; --ink-3: #8f9bb0; --rule: #22344f; --gold: #e8b95f; color-scheme: dark; }
}