*{box-sizing:border-box}
:root{font:16px/1.55 'Segoe UI',system-ui,sans-serif;color:#2e2420;background:#fbf4e8}
body{margin:0}.frame{max-width:1160px;margin:auto;padding-inline:clamp(16px,4vw,52px)}
header{border-bottom:1px solid #c5b3a1}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;flex-wrap:wrap}
header a{font-weight:750;color:#5b382b;text-decoration:none}header a:hover{text-decoration:underline}
main{padding-block:clamp(26px,6vw,70px)}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:1.07}
h1{font-size:clamp(2.4rem,7vw,5.4rem);margin:.25rem 0 .55rem;max-width:15ch}
h2{font-size:clamp(1.45rem,2.6vw,2.05rem);margin:.2rem 0 .45rem}
.kicker{color:#714b36;font-size:.78rem;letter-spacing:.09em;font-weight:800;text-transform:uppercase}
.lead{font-size:clamp(1.02rem,2vw,1.22rem);max-width:55ch}
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.books article{background:#fffdf7;border-bottom:4px solid #a76843}
.books img,.feature img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
.book-body{padding:18px 20px}.feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(22px,5vw,62px)}
.button{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:4px;background:#402e28;color:white;text-decoration:none;font-weight:700;margin:7px 12px 5px 0}
a:focus-visible{outline:3px solid #27695e;outline-offset:4px}.book-body a,.sub a{color:#6d3b25;font-weight:700}
footer{border-top:1px solid #c5b3a1;padding-block:1rem}.sub{font-size:.9rem;color:#624a3e}
@media(max-width:790px){.books,.feature{grid-template-columns:1fr}.books article{max-width:580px}.feature img{max-width:580px}}