@font-face{font-family:"Cormorant";font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:300;font-display:swap;src:url(/assets/fonts/jost-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:400;font-display:swap;src:url(/assets/fonts/jost-latin-400-normal.woff2) format("woff2")}

:root{--ink:#14171c;--paper:#f6f3ee;--cream:#f3efe7;--gold:#b89b5e;--muted:#7c7a76;--line:rgba(20,23,28,.1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;background:var(--paper)}
body{min-height:100vh;background:var(--paper);color:var(--ink);font:300 15px/1.6 Jost,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}

.hero{background:var(--ink);color:var(--cream);text-align:center;padding:calc(48px + env(safe-area-inset-top)) 16px 40px}
.eyebrow{font-size:11px;letter-spacing:.32em;color:#a3a09a;text-transform:uppercase}
.hero h1{font:500 56px/1 Cormorant,Georgia,serif;letter-spacing:.16em;margin:20px 0 12px;padding-left:.16em}
.rule{width:40px;height:1px;background:var(--gold);margin:0 auto 12px}
.sub{font-size:11px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;padding-left:.3em}

.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;
  background:rgba(246,243,238,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar a,.bar span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.bar .pdf{border:1px solid var(--ink);padding:7px 12px;border-radius:999px}
.bar .count{color:var(--muted)}

main{max-width:760px;margin:0 auto;padding:20px 12px 8px}
.page{position:relative;background:#fff;border-radius:4px;overflow:hidden;margin:0 0 16px;aspect-ratio:631.5/793.5;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
.page canvas{display:block;width:100%;height:100%}
.page.loading::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#fff 30%,#f4f1ec 50%,#fff 70%);background-size:200% 100%;animation:sh 1.4s infinite}
@keyframes sh{to{background-position:-200% 0}}
.fallback{display:none;text-align:center;padding:40px 16px}
.fallback.show{display:block}

.actions{max-width:760px;margin:8px auto 0;padding:0 16px;display:grid;gap:10px}
.btn{display:block;text-align:center;text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:16px;border-radius:2px}
.btn.primary{background:var(--ink);color:var(--cream)}
.btn.ghost{border:1px solid var(--ink);color:var(--ink)}

.cards{max-width:520px;margin:0 auto;padding:28px 16px;display:grid;gap:14px}
.card{display:block;text-decoration:none;background:#fff;padding:28px 24px;border-radius:4px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
.card h2{font:500 32px/1.1 Cormorant,Georgia,serif;letter-spacing:.14em}
.card p{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:8px}
.card.soon{background:transparent;box-shadow:none;border:1px dashed var(--line)}
.card.soon h2{font-size:22px;color:var(--muted)}
.card.soon p{color:var(--muted)}

footer{text-align:center;color:var(--muted);font-size:12px;padding:28px 16px calc(28px + env(safe-area-inset-bottom))}
footer p+p{margin-top:8px;letter-spacing:.08em}
.hero h1.h-md{font-size:44px}.hero h1.h-sm{font-size:34px}.card h2.h-xs{font-size:22px}.mb{margin-bottom:16px}