:root{--paper:#fbfaf6;--ink:#191815;--muted:#706b62;--line:#ded8cd;--clay:#985b39}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;margin:0}a{color:inherit;text-decoration:none}header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;height:150px;justify-content:center;position:relative}.logo{font:400 43px/1 "Playfair Display",serif;letter-spacing:-.05em}.back{font-size:14px;left:7vw;position:absolute;top:35px}nav{bottom:26px;display:flex;gap:44px;position:absolute}nav a{font-size:14px}main{margin:auto;max-width:1300px;padding:88px 7vw 130px;text-align:center}.eyebrow{color:var(--clay);font-size:12px;letter-spacing:.15em;text-transform:uppercase}h1{font:400 clamp(56px,7.5vw,100px)/.82 "Playfair Display",serif;letter-spacing:-.07em;margin:20px 0 30px}h1 em{font-style:italic}.intro{color:var(--muted);font:400 21px/1.5 "Playfair Display",serif;margin:0 auto 85px;max-width:620px}.books{display:grid;gap:52px;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;text-align:center}.books.two{grid-template-columns:repeat(2,minmax(220px,300px))}.books.one{grid-template-columns:minmax(220px,330px)}.book{display:flex;flex-direction:column;min-height:100%}.book img{height:430px;object-fit:contain;width:100%}.book span{color:var(--muted);font-size:12px;margin-top:22px}.book h2{font:400 28px/1 "Playfair Display",serif;letter-spacing:-.045em;margin:10px 0}.book p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 auto 20px;max-width:280px}.book b{font-size:12px;font-weight:400;margin-top:auto;text-decoration:underline;text-underline-offset:5px}footer{background:var(--clay);color:#fff;display:flex;font:18px "Playfair Display",serif;justify-content:space-between;padding:45px 9vw}@media(max-width:750px){header{height:126px}.logo{font-size:32px}.back{font-size:0;left:20px;top:27px}.back:after{content:"←";font-size:24px}nav{bottom:18px;gap:18px}nav a{font-size:11px}main{padding:64px 7vw 90px}.intro{font-size:18px;margin-bottom:52px}.books,.books.two{gap:48px;grid-template-columns:repeat(2,minmax(0,1fr))}.books.one{grid-template-columns:minmax(0,230px)}.book img{height:265px}.book h2{font-size:21px}.book p{font-size:12px}}
