:root { --ink:#273b46; --paper:#fffdf8; --cream:#fbf3e4; --blue:#dcecf0; --peach:#f6dfd1; --lilac:#e9e2f3; --gold:#e8b85b; --line:rgba(39,59,70,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; line-height:1.6; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:Lora,Georgia,serif; line-height:1.16; }
.site-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1160px; margin:auto; padding:0 28px; }
.wordmark { color:var(--ink); font-family:Lora,Georgia,serif; font-size:1.13rem; font-weight:700; text-decoration:none; }
nav { display:flex; gap:26px; } nav a, footer a { color:var(--ink); font-size:.92rem; text-decoration:none; } nav a:hover, footer a:hover { text-decoration:underline; }
.hero { overflow:hidden; background:var(--cream); }
.hero-inner { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr); align-items:center; gap:34px; min-height:550px; max-width:1104px; padding:0 28px; margin:auto; }
.hero-copy { padding:88px 0; max-width:665px; }
.eyebrow,.book-number { color:#6d7881; font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:650px; font-size:clamp(2.55rem,5vw,4.85rem); letter-spacing:-.045em; margin-bottom:24px; }
.intro { max-width:560px; font-size:1.12rem; margin-bottom:33px; }
.button { display:inline-flex; align-items:center; gap:14px; background:var(--ink); color:white; border-radius:999px; padding:13px 20px; font-size:.95rem; font-weight:700; text-decoration:none; }
.button:hover { background:#3d5968; }
.hero-illustration { display:flex; align-items:center; justify-content:center; }.hero-illustration img { width:100%; max-width:505px; mix-blend-mode:multiply; }
.books { max-width:1160px; padding:106px 28px 116px; margin:auto; }.section-heading { max-width:620px; margin-bottom:42px; }.section-heading h2,.about h2,.reader-notes h2 { font-size:clamp(2rem,3.5vw,3.2rem); letter-spacing:-.035em; margin-bottom:0; }
.book-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.book-card { display:flex; flex-direction:column; border-radius:20px; overflow:hidden; }.card-blue { background:var(--blue); }.card-peach { background:var(--peach); }.card-lilac { background:var(--lilac); }
.book-card img { align-self:center; width:min(68%,255px); height:326px; object-fit:contain; margin:30px 0 0; filter:drop-shadow(0 15px 14px rgba(43,59,59,.16)); }.book-copy { display:flex; flex:1; flex-direction:column; padding:26px 27px 30px; }.book-copy h3 { font-size:1.7rem; letter-spacing:-.025em; margin-bottom:12px; }.book-copy p:not(.book-number) { font-size:.94rem; margin-bottom:22px; }.text-link { color:var(--ink); font-weight:700; margin-top:auto; text-decoration-thickness:1px; text-underline-offset:4px; }
.about { display:grid; grid-template-columns:minmax(240px,390px) minmax(0,690px); align-items:center; justify-content:center; gap:58px; padding:96px 28px; background:#f4f0e8; }.about-ornament { display:flex; align-items:center; justify-content:center; }.about-ornament img { width:100%; max-width:360px; mix-blend-mode:multiply; }.about .eyebrow { margin-bottom:2.35rem; }.about h2 { margin-bottom:1.85rem; }.about p:not(.eyebrow) { max-width:650px; font-size:1.06rem; }
.reader-notes { text-align:center; max-width:1050px; padding:106px 28px; margin:auto; }.reader-notes h2 { max-width:750px; margin:0 auto 42px; }.quote-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; text-align:left; }.quote { display:flex; align-items:center; min-height:180px; padding:29px 31px; margin:0; background:var(--cream); border-radius:16px; }.quote:nth-child(2),.quote:nth-child(3) { background:#edf5f2; }.quote blockquote { margin:0; font-family:Lora,Georgia,serif; font-size:1.03rem; line-height:1.55; }
footer { display:flex; justify-content:space-between; gap:20px; max-width:1160px; margin:auto; padding:30px 28px; border-top:1px solid var(--line); color:#657078; font-size:.86rem; } footer p { margin:0; }
@media (max-width:800px) { .site-header { padding:20px 22px; align-items:flex-start; }.site-header nav { gap:13px; flex-wrap:wrap; justify-content:flex-end; }.hero-inner { display:block; min-height:0; padding:0; }.hero-copy { max-width:none; padding:65px 26px; }.hero-illustration { display:none; }.book-grid { grid-template-columns:1fr; max-width:490px; }.book-card { display:grid; grid-template-columns:42% 58%; align-items:center; }.book-card img { width:80%; height:250px; margin:20px auto; }.book-copy { padding:25px 22px 25px 0; }.book-copy h3 { font-size:1.45rem; }.book-copy p:not(.book-number) { display:none; }.about { grid-template-columns:1fr; gap:0; padding:70px 26px; }.about-ornament { display:none; }.quote-grid { grid-template-columns:1fr; }.quote { min-height:0; } footer { padding:25px 22px; } }
@media (max-width:480px) { .site-header { display:block; }.site-header nav { margin-top:12px; justify-content:flex-start; }.book-card { grid-template-columns:1fr; }.book-card img { height:295px; }.book-copy { padding:8px 24px 27px; }.book-copy p:not(.book-number) { display:block; } footer { display:block; } footer a { display:block; margin-top:8px; } }