*{box-sizing:border-box}body{margin:0;background:#f7f7f0;color:#2a4237;font:17px/1.7 Georgia,serif}header,main,footer{max-width:1100px;margin:auto;padding:30px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #d5ddd1}a{color:inherit}.brand{text-decoration:none;font-size:25px;font-weight:bold}nav a{font:14px Arial,sans-serif;margin-left:22px;text-decoration:none}h1{font-size:clamp(43px,7vw,80px);font-weight:normal;line-height:1.1;letter-spacing:-.045em}h2{font-size:38px;font-weight:normal}.hero{padding:75px 0;border-bottom:1px solid #d5ddd1}.hero p{font-size:21px;max-width:660px;color:#63796a}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.2em;color:#6e9077}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:25px;padding:20px 0 80px}.book{border:1px solid #d5ddd1;background:#fff;padding:23px}.book h3{font-weight:normal;font-size:26px}.book p{color:#63796a}.cover{display:grid;place-items:center;aspect-ratio:3/4;background:linear-gradient(140deg,#e6eddf,#b9cdb9);font-size:70px;color:#65816c}.label{font:12px Arial,sans-serif;color:#729078;text-transform:uppercase}.button{display:inline-block;background:#2a4237;color:white;padding:12px 23px;text-decoration:none;font:14px Arial,sans-serif}.detail{display:grid;grid-template-columns:310px 1fr;gap:55px;margin:70px 0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 25px}.filters button{cursor:pointer;padding:9px 14px;border:1px solid #c4d0c6;background:transparent;color:#2a4237}.filters button.active{background:#2a4237;color:white}#book-search{font-size:16px;padding:12px;border:1px solid #c4d0c6;width:min(100%,420px)}.book[hidden],#empty-search[hidden]{display:none}.empty{background:#e9efe6;padding:42px;margin:30px 0 80px}.about{padding:40px 0;border-top:1px solid #d5ddd1}footer{border-top:1px solid #d5ddd1;color:#758779;font:12px Arial,sans-serif}@media(max-width:700px){.detail{grid-template-columns:1fr}header{display:block}nav a{margin:0 16px 0 0}.detail .cover{max-width:350px}}