:root{--ink:#eff3f7;--muted:#a9b6c5;--night:#07101c;--panel:#0d1928;--line:#26384d;--gold:#d8bc61;--paper:#f4f1e8;--paper-ink:#17202a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(rgba(9,21,34,.82),rgba(5,11,18,.9)),url("journal-background.png") center top/cover fixed no-repeat,radial-gradient(circle at 50% 0,#16314e 0,#091522 38%,#050b12 100%);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.65;min-height:100vh}
a{color:inherit}
.site-header,.sample-header{max-width:1180px;margin:auto;padding:28px 28px;display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.18em;font-size:.82rem;font-weight:bold}
.brand-mark{color:var(--gold);letter-spacing:.05em}.brand-logo{height:64px;width:auto;display:block}
.contact-link{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent}
.contact-link:hover{color:#fff;border-color:var(--gold)}
main{max-width:1180px;margin:auto;padding:0 28px 72px}
.hero{text-align:center;max-width:820px;margin:54px auto 62px}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font:700 .74rem/1.4 Arial,sans-serif}
.hero h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:400;line-height:1.06;margin:.3em 0 .35em}
.hero>p:last-child{max-width:650px;margin:auto;color:var(--muted);font-size:1.06rem}
.books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:stretch}
.book-card{display:grid;grid-template-columns:minmax(190px,42%) 1fr;gap:28px;background:linear-gradient(145deg,rgba(18,34,53,.96),rgba(9,20,33,.96));border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 25px 60px rgba(0,0,0,.3)}
.book-card.upcoming{border-color:#665a37}
.cover-shell{align-self:start;border-radius:6px;overflow:hidden;box-shadow:0 16px 32px rgba(0,0,0,.48);background:#02060b}
.cover-shell img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}
.book-copy{display:flex;flex-direction:column;align-items:flex-start}
.status{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font:700 .7rem/1.4 Arial,sans-serif;margin:4px 0 12px}
.book-copy h2{font-size:clamp(1.55rem,2.3vw,2.15rem);font-weight:400;line-height:1.12;margin:0 0 16px}
.book-copy>p:not(.status){color:var(--muted);margin:0 0 24px}
.button{margin-top:auto;display:inline-block;text-decoration:none;background:var(--gold);color:#101723;border-radius:999px;padding:12px 18px;font:700 .76rem/1.2 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;transition:transform .2s,filter .2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:26px 28px 40px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:.88rem}
footer a{text-decoration:none}
.sample-page{background:var(--paper);color:var(--paper-ink)}
.sample-page .sample-header{border-bottom:1px solid #d8d1c1}
.sample-page .brand{color:#1b2b37}
.sample-wrap{max-width:760px;padding-top:70px}
.sample-wrap h1{font-size:clamp(2.1rem,5vw,3.7rem);font-weight:400;line-height:1.08;margin:.25em 0}
.chapter-rule{width:70px;height:3px;background:#a47f2c;margin:28px 0 46px}
.chapter{font-size:1.08rem}
.chapter p{margin:0 0 1.1em;text-indent:1.5em}
.chapter p:first-child,.chapter p:nth-child(2){text-indent:0}
.back-link{display:inline-block;margin:38px 0 0;color:#25445d;font-weight:bold}
.sample-page footer{border-color:#d8d1c1;color:#5d625f}
@media(max-width:960px){.book-card{grid-template-columns:1fr;text-align:center}.cover-shell{width:min(280px,80%);justify-self:center}.book-copy{align-items:center}.books{gap:24px}}
@media(max-width:700px){.books{grid-template-columns:1fr}.hero{margin-top:28px}.site-header{padding-inline:20px}main{padding-inline:20px}.book-card{padding:22px}.hero h1{font-size:2.35rem}footer{flex-direction:column;padding-inline:20px}.sample-wrap{padding-top:45px}.chapter{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.button{transition:none}}