:root{--ink:#171214;--paper:#f4eee7;--wine:#681f32;--rose:#dca0ad;--line:rgba(244,238,231,.22);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px}
a{color:inherit;text-decoration:none}
.book-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line)}
.wordmark{font-weight:700;letter-spacing:.2em}
.wordmark span{font-weight:400}
.back{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}
.back:hover{color:var(--rose)}
.book-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(270px,.8fr) 1.6fr}
.book-mark{background:var(--wine);display:grid;place-items:center;overflow:hidden;position:relative;min-height:520px;padding:clamp(2rem,5vw,5rem)}
.book-mark span{font:600 clamp(17rem,33vw,37rem)/1 var(--serif);opacity:.1}
.book-mark p{position:absolute;writing-mode:vertical-rl;right:2rem;bottom:3rem;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase}
.book-cover{display:block;width:min(78%,420px);height:auto;max-height:72vh;object-fit:contain;box-shadow:0 2rem 4rem rgba(8,4,5,.38);position:relative;z-index:1}
.book-copy{padding:clamp(4rem,10vw,9rem) clamp(2rem,10vw,10rem);display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-size:.72rem;letter-spacing:.23em;text-transform:uppercase;font-weight:700;color:var(--rose)}
h1{font:600 clamp(4rem,9vw,9rem)/.92 var(--serif);letter-spacing:-.05em;margin:.25em 0}
.meta{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;opacity:.62}
.summary{font:600 clamp(1.3rem,2.2vw,1.8rem)/1.55 var(--serif);max-width:680px;margin:2.5rem 0 3rem}
.actions{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}
.button{display:inline-flex;padding:1rem 1.3rem;background:var(--paper);color:var(--ink);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.text-link{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:.35rem}
@media(max-width:760px){.book-header{padding:0 6vw}
.book-page{grid-template-columns:1fr}
.book-mark{min-height:420px;padding:2rem}
.book-mark span{font-size:18rem}
.book-cover{width:min(66%,300px);max-height:54vh}
.book-copy{padding:4rem 6vw 6rem}
h1{font-size:clamp(3.5rem,17vw,6rem)}
}