:root{--purple:#261532;--cream:#fceee2;--paper:#fff8ef;--lilac:#765781;--muted:#665c66}*{box-sizing:border-box}body{margin:0;color:var(--purple);background:var(--paper);font-family:Arial,sans-serif;line-height:1.6}header,main,footer{width:min(calc(100% - 40px),1080px);margin:auto}header{padding:32px 0 54px}header a,footer a{color:inherit}header img{width:170px;height:auto}h1,h2{font-family:Georgia,serif;line-height:1}h1{max-width:750px;margin:50px 0 18px;font-size:clamp(3rem,8vw,6rem)}.intro{max-width:720px;color:var(--muted)}.catalog{display:grid;gap:24px}.book{padding:28px;display:grid;grid-template-columns:180px 1fr;gap:30px;scroll-margin-top:30px;background:var(--cream);border:1px solid rgba(38,21,50,.14)}.book img{width:180px;max-height:255px;object-fit:contain}.book h2{margin:12px 0;font-size:2.4rem}.status{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lilac)}.facts{margin:18px 0 0;padding-left:20px}footer{margin-top:60px;padding:32px 0;border-top:1px solid rgba(38,21,50,.2)}@media(max-width:600px){.book{grid-template-columns:1fr}.book img{width:140px}.book h2{font-size:2rem}}