*{box-sizing:border-box}body{margin:0;background:#fbf6e9;color:#263f35;font:18px/1.6 Georgia,serif}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcd6c6}a{color:#285946}header a{text-decoration:none;font:700 18px Arial,sans-serif}.eyebrow{font:700 13px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#8a6035}h1{font-size:clamp(34px,5vw,54px);line-height:1.13;margin:16px 0}h2{line-height:1.2}p{max-width:640px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.hero img{width:100%;border-radius:24px}.books{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.book{background:#fffdf7;border:1px solid #ddd6c4;border-radius:18px;padding:26px}.button,button{display:inline-block;background:#285946;color:white;border:0;border-radius:10px;padding:13px 20px;text-decoration:none;font:700 16px Arial,sans-serif;cursor:pointer}.secondary{background:#e9e3d3;color:#263f35}audio{width:100%;margin:16px 0}select{max-width:100%;padding:12px;border:1px solid #aca993;border-radius:8px;font:16px Arial,sans-serif;background:white;color:#263f35}label{display:block;font:700 15px Arial,sans-serif;margin:16px 0 7px}.controls{display:flex;gap:12px;flex-wrap:wrap}.note{font-size:16px;color:#54675a}footer{font:14px/1.6 Arial,sans-serif;border-top:1px solid #dcd6c6;margin-top:32px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #cf8840;outline-offset:4px}@media(max-width:650px){.hero,.books{grid-template-columns:1fr}.hero img{max-width:330px}.hero{gap:15px}header{display:block}header span{display:block}main{padding-top:12px}}