:root{--bg:#f0e8d9;--paper:#fffaf1;--navy:#173957;--ink:#293541;--gold:#a78859;--border:#d9cbb6;--muted:#69645d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.72 Georgia,"Times New Roman",serif}a{color:inherit}a:focus-visible{outline:3px solid #ba8845;outline-offset:4px}
.top{position:relative;background:rgba(255,250,242,.95);border-bottom:1px solid var(--border)}.topin{max-width:1150px;padding:19px 22px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font:700 .91rem Arial,sans-serif;letter-spacing:.14em;color:var(--navy);text-decoration:none}.nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;padding:10px 14px;border-radius:24px;font:700 .74rem Arial,sans-serif;letter-spacing:.08em;color:#405368}.nav a:hover,.nav a.current{background:#e9dec9;color:var(--navy)}
.container{width:min(1130px,calc(100% - 36px));margin:auto}.kicker{color:#947147;letter-spacing:.2em;font:700 .74rem/1.5 Arial,sans-serif;text-transform:uppercase}.intro{text-align:center;padding:51px 10px 20px}.intro h1{font:500 clamp(2.6rem,5.5vw,4.7rem)/1.1 Georgia,serif;color:var(--navy);margin:10px 0 17px}.intro p{max-width:730px;font-size:1.12rem;line-height:1.65;color:#666057;margin:0 auto}
.hero{background:#fff9ef;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;box-shadow:0 15px 32px #6b51321b;margin:25px 0 65px}.hero figure{padding:0;margin:0;height:440px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:65% center;display:block}.hero-copy{padding:30px clamp(23px,3.2vw,49px)}.hero-copy h2{font:500 clamp(1.7rem,3vw,2.5rem)/1.2 Georgia,serif;color:var(--navy);margin:13px 0 21px}.hero-copy p{font-size:1.1rem;margin:0 0 14px;color:#4c4c49;line-height:1.7}.hero-copy .note{font:italic .84rem/1.6 Georgia,serif;color:#856d4f}
.section-head{text-align:center;margin:0 auto 30px;max-width:780px}.section-head h2{font:500 clamp(2rem,3.8vw,3rem) Georgia,serif;color:var(--navy);margin:12px 0 14px}.section-head p{color:#6a6258;margin:0}
.books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin:28px 0 66px}.book{display:grid;grid-template-columns:166px 1fr;gap:20px;padding:18px;background:#fffaf2;border:1px solid var(--border);border-radius:13px;box-shadow:0 6px 17px #6f5a3b10;min-height:286px}.cover-link{display:block;align-self:start}.book img{width:100%;max-height:254px;object-fit:contain;filter:drop-shadow(0 8px 10px #1a25252a)}.book:nth-child(4) img{object-position:center}.book .no{color:#9c7d4e;font:700 .7rem Arial,sans-serif;letter-spacing:.17em}.book h3{font:500 1.36rem/1.29 Georgia,serif;margin:10px 0 13px;color:var(--navy)}.book p{font: .9rem/1.65 Arial,sans-serif;color:#565959;margin:0 0 16px}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:999px;padding:13px 18px;text-decoration:none;font:700 .72rem/1.3 Arial,sans-serif;letter-spacing:.04em;transition:background .15s}.btn.primary{background:var(--navy);color:white;border:1px solid var(--navy)}.btn.primary:hover{background:#285a7f}.btn.secondary{background:transparent;border:1px solid #baa98f;color:var(--navy)}.btn.secondary:hover{background:#eee2ce}
.orna{margin:40px auto 35px;color:var(--gold);font-size:23px;text-align:center;letter-spacing:.55em}.outro{border-top:1px solid var(--border);padding:37px 12px 29px;text-align:center}.outro h2{font:500 1.65rem Georgia,serif;color:var(--navy);margin:0 0 18px}.outro nav{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}.foot{text-align:center;color:#847766;font: .74rem Arial,sans-serif;letter-spacing:.1em;padding:17px 10px 36px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero figure{height:390px}.books{grid-template-columns:1fr}.book{min-height:0}}@media(max-width:520px){.topin{display:block;text-align:center}.nav{justify-content:center;margin-top:10px}.intro{padding-top:28px}.hero figure{height:295px}.hero-copy{padding:24px 19px}.books{gap:12px}.book{grid-template-columns:118px 1fr;gap:12px;padding:13px}.book img{max-height:195px}.book h3{font-size:1.12rem}.book p{font-size:.84rem}.btn{font-size:.67rem;padding:10px 12px}.hero-copy h2{font-size:1.8rem}}@media(max-width:365px){.book{grid-template-columns:1fr}.book img{max-height:240px}.cover-link{justify-self:center}}