:root { --navy:#0d1b2a; --navy-2:#132638; --wine:#4d1723; --ivory:#f2ecdf; --paper:#e6ddcb; --gold:#b99a5e; --ink:#17202a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy); color:var(--ivory); font-family:Georgia,"Times New Roman",serif; }
a { color:inherit; }
.hero { min-height:100vh; position:relative; overflow:hidden; padding:0 clamp(24px,6vw,96px) 56px; background:radial-gradient(circle at 83% 34%,#20384c 0,transparent 29%),linear-gradient(135deg,#0a1725,#132b40); }
.hero:before { content:""; position:absolute; inset:0; opacity:.13; background-image:repeating-linear-gradient(112deg,transparent 0 55px,rgba(255,255,255,.08) 56px,transparent 57px); }
.nav { height:104px; border-bottom:1px solid rgba(185,154,94,.35); display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; }
.wordmark { text-decoration:none; text-transform:uppercase; letter-spacing:.2em; font-size:12px; }
.nav__actions { display:flex; align-items:center; gap:30px; }
.nav__link { font:11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.18em; color:#d8c28c; text-underline-offset:6px; }
.nav__buy { padding:12px 16px; border:1px solid var(--gold); text-decoration:none; color:#fff4d7; font:600 10px Arial,sans-serif; text-transform:uppercase; letter-spacing:.14em; transition:.25s ease; }
.nav__buy:hover,.nav__buy:focus-visible { background:var(--gold); color:var(--navy); outline:none; }
.hero__inner { max-width:1240px; min-height:calc(100vh - 180px); margin:auto; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:80px; position:relative; z-index:1; }
.eyebrow,.section-label { font:600 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.22em; margin:0 0 26px; }
.eyebrow { color:#d2b675; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(50px,6vw,88px); line-height:.98; font-weight:400; letter-spacing:-.045em; max-width:820px; margin-bottom:32px; }
h1 em,.final-cta h2 em { color:#c3a25e; font-weight:400; }
.hero__lead { font-size:clamp(18px,2vw,23px); line-height:1.55; max-width:610px; color:#d7d5ce; margin-bottom:38px; }
.button { display:inline-flex; align-items:center; gap:48px; text-decoration:none; padding:18px 24px; border:1px solid var(--gold); color:#fff4d7; font:600 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.16em; transition:.25s ease; }
.button:hover,.button:focus-visible { background:var(--gold); color:var(--navy); outline:none; }
.button span { font-size:18px; }
.hero__visual { display:flex; justify-content:center; perspective:900px; }
.book { width:min(330px,72vw); aspect-ratio:.67; position:relative; transform:rotateY(-7deg) rotateZ(1.2deg); filter:drop-shadow(28px 30px 24px rgba(0,0,0,.4)); }
.book__face { position:absolute; inset:0; overflow:hidden; border:1px solid #c09b58; background:#3d111b; box-shadow:inset 0 0 0 1px rgba(211,175,104,.35); }
.book__face img { width:100%; height:100%; display:block; object-fit:cover; }
.book__edge { position:absolute; top:8px; right:-14px; bottom:-7px; width:25px; transform:skewY(25deg); background:linear-gradient(90deg,#e9dfc8,#9e927b); }
.scroll { position:absolute; bottom:30px; left:clamp(24px,6vw,96px); display:flex; align-items:center; gap:12px; color:#aeb6bc; text-decoration:none; font:9px Arial,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.scroll span { width:1px; height:32px; background:var(--gold); }
.ivory { background:var(--ivory); color:var(--ink); }
.navy { background:var(--navy); }
.wine { background:var(--wine); }
.question { min-height:72vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:100px 8%; position:relative; overflow:hidden; }
.question__ornament { position:absolute; font-size:520px; color:#e8e0d1; line-height:1; z-index:0; opacity:.8; }
.question>*:not(.question__ornament){ position:relative; z-index:1; }
.section-label { color:#8d6c36; }
.question h2 { font-size:clamp(34px,4vw,56px); line-height:1.2; font-weight:400; max-width:940px; }
.answer { color:var(--wine); font-size:clamp(64px,9vw,120px); font-style:italic; margin:22px 0 0; }
.about,.readers,.contents,.author,.final-cta { padding:clamp(90px,10vw,150px) clamp(24px,8vw,128px); }
.section-grid { max-width:1180px; margin:auto; display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,9vw,130px); }
.section-grid h2,.contents__head h2,.author h2,.final-cta h2 { font-size:clamp(38px,4vw,60px); line-height:1.08; font-weight:400; }
.gold { color:#c2a25f; }
.body-copy,.author p { font-size:18px; line-height:1.75; color:#c9c9c4; }
.body-copy p:first-child { color:#fff; font-size:24px; line-height:1.45; }
.manifesto { padding:clamp(100px,14vw,190px) 8%; background:linear-gradient(rgba(10,23,36,.8),rgba(10,23,36,.92)),radial-gradient(circle at 50% 10%,#976847,#141f29 55%); text-align:center; }
.manifesto__line { width:1px; height:80px; margin:-190px auto 80px; background:var(--gold); }
.manifesto blockquote { margin:0 auto; max-width:1050px; font-size:clamp(34px,5vw,68px); line-height:1.25; font-style:italic; }
.manifesto__sigil { display:block; color:var(--gold); margin-top:55px; }
.reader-list { border-top:1px solid #cbbda2; }
.reader-list p { display:grid; grid-template-columns:50px 1fr; gap:20px; padding:22px 0; margin:0; border-bottom:1px solid #cbbda2; font:16px/1.6 Arial,sans-serif; }
.reader-list span { color:#97743d; font-size:11px; letter-spacing:.12em; }
.excerpt { padding:clamp(100px,12vw,170px) 10%; text-align:center; }
.excerpt blockquote { margin:0 auto 60px; max-width:970px; font-size:clamp(40px,5.7vw,76px); line-height:1.18; }
.excerpt blockquote em { color:#d7b66d; font-weight:400; }
.excerpt__copy { max-width:720px; margin:auto; font-size:17px; line-height:1.7; color:#d7c7c4; }
.excerpt__cta { margin-top:42px; }
.contents { background:#f2ecdf !important; color:#17202a; }
.contents__head { max-width:820px; margin:0 auto 72px; text-align:center; }
.contents__head h2 { color:#a47b32; margin-bottom:0; }
.contents .section-label { color:#8a672f; }
.chapters { max-width:1120px; margin:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; border:0; }
.chapters article { min-height:230px; padding:38px 40px 40px; border:1px solid #d2c4a8; border-top:3px solid #b99a5e; background:#faf6ed; box-shadow:0 12px 30px rgba(39,31,20,.06); }
.chapters span { width:38px; height:38px; display:grid; place-items:center; border:1px solid #b99a5e; border-radius:50%; color:#79561f; font:700 10px Arial,sans-serif; letter-spacing:.1em; }
.chapters h3 { color:#132638; font-size:28px; line-height:1.2; font-weight:400; margin:28px 0 14px; }
.chapters p { margin-bottom:0; font:15px/1.7 Arial,sans-serif; color:#4e5252; }
.author { background:#162b3d; display:block; }
.author__content { max-width:820px; margin:0 auto; }
.author h2 { margin-bottom:30px; }
.author p { font-size:17px; }
.final-cta { display:grid; grid-template-columns:360px minmax(0,650px); gap:clamp(60px,10vw,140px); justify-content:center; align-items:center; }
.book--compact { width:280px; }
.final-cta>div:last-child>p:not(.section-label) { font:17px/1.6 Arial,sans-serif; color:#5a5a55; margin:24px 0 32px; }
.final-cta .button { color:var(--navy); }
.final-cta .button:hover { color:#fff; }
footer { min-height:110px; display:flex; justify-content:space-between; align-items:center; gap:30px; padding:30px clamp(24px,6vw,96px); color:#9ca5aa; font:10px Arial,sans-serif; text-transform:uppercase; letter-spacing:.13em; }
@media (max-width:800px) {
  .nav { height:78px; }.nav__link{display:none}.nav__actions{gap:0}.nav__buy{padding:11px 12px;font-size:9px}.wordmark{font-size:10px;letter-spacing:.14em}.hero{padding-bottom:80px}.hero__inner{grid-template-columns:1fr;gap:64px;padding:74px 0 55px}.hero__copy{text-align:center}.hero__lead{margin-left:auto;margin-right:auto}.hero__visual{order:-1}.book{width:min(255px,70vw)}.scroll{display:none}
  .section-grid,.final-cta{grid-template-columns:1fr}.about,.readers,.contents,.author,.final-cta{padding:80px 24px}.question{padding:90px 24px}.manifesto{padding:120px 24px}.manifesto__line{display:none}.chapters{grid-template-columns:1fr;gap:16px}.chapters article{min-height:0;padding:30px}.final-cta{text-align:center}.book--compact{margin:auto;width:230px}.final-cta .button{margin:auto}.excerpt{padding:100px 24px}footer{flex-direction:column;text-align:center}.section-grid{gap:42px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}