*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#faf8f5;color:#24201c;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:#1f5f52}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;border-bottom:1px solid #ddd8d1;flex-wrap:wrap}
nav .brand{font:24px Georgia,serif;color:#24201c;text-decoration:none}
nav div a{margin-left:20px;color:#24201c;text-decoration:none;font-size:15px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2;margin:0 0 14px}
h1{font-size:clamp(34px,6vw,54px)}h2{font-size:28px}
.hero{display:grid;gap:32px;align-items:center;padding:48px 0}
.hero img{width:100%;max-width:360px;border-radius:16px;justify-self:center}
.hero img.cover{border-radius:4px;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.fact{color:#6b645c;font-size:15px;margin:0 0 18px}
.status{color:#1f5f52;font-weight:600;margin:16px 0 8px}
section{padding:36px 0;border-top:1px solid #e7e2db}
.btn{display:inline-block;padding:10px 18px;border:1px solid #cfc8bf;border-radius:8px;background:#fff;color:#24201c;text-decoration:none;font-size:15px;margin:4px 8px 4px 0}
.feature{display:grid;gap:24px;align-items:center}.feature img{width:100%;max-width:300px;justify-self:center;box-shadow:0 8px 28px rgba(0,0,0,.18)}
blockquote{margin:22px 0;padding-left:20px;border-left:3px solid #1f5f52;font:24px/1.4 Georgia,serif}
blockquote cite{display:block;font:15px sans-serif;color:#6b645c;margin-top:8px}
.author{display:grid;gap:24px;align-items:start}.author img{width:100%;max-width:260px;border-radius:12px}
footer{padding:32px 0 56px;color:#6b645c;font-size:14px;border-top:1px solid #e7e2db}
@media(min-width:760px){.hero{grid-template-columns:1.1fr .9fr}.hero.book{grid-template-columns:.8fr 1.2fr}.feature{grid-template-columns:300px 1fr}.author{grid-template-columns:260px 1fr}}