@font-face{font-family:Literary;src:url(literary-roman.woff) format("woff");font-display:swap}
@font-face{font-family:Literary;font-style:italic;src:url(literary-italic.woff) format("woff");font-display:swap}
:root{--paper:#f6efe1;--ink:#1f2f2a;--sage:#2f5d50;--rust:#b4532f;--sky:#2f6f8f;--muted:#5d6660;--line:#ddd3bf}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:9}
h1,h2,h3{font-family:Literary,Georgia,serif;font-weight:400;line-height:1.08;margin:0 0 .4em}
h1 em,h2 em{color:var(--rust)}
.kicker{font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin:0 0 12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;flex-wrap:wrap}
.brand{font-family:Literary,Georgia,serif;font-size:26px;text-decoration:none;line-height:1}
.brand span{display:block;font:600 11px system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin-top:4px}
.brand.small{font-size:20px}
nav{display:flex;gap:20px;flex-wrap:wrap;font:500 14px system-ui,sans-serif}
nav a{text-decoration:none}nav a:hover{color:var(--rust)}
.hero{padding:40px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
h1{font-size:clamp(44px,7vw,82px)}
.deck{font-size:20px;max-width:30em;color:var(--muted)}
.btn{display:inline-block;background:var(--sage);color:#fff;text-decoration:none;font:600 15px system-ui,sans-serif;padding:13px 22px;border-radius:999px;margin-top:10px}
.btn:hover{background:var(--rust)}
.btn-soon{background:#8b938e;cursor:default}
.hero-covers{position:relative;height:440px}
.hc{position:absolute;width:44%;box-shadow:0 18px 40px rgba(0,0,0,.25);border-radius:4px;overflow:hidden;transition:transform .2s}
.hc:hover{transform:translateY(-6px)}
.hc1{left:0;top:30px;transform:rotate(-7deg);z-index:1}.hc2{left:28%;top:0;z-index:3}.hc3{left:56%;top:40px;transform:rotate(7deg);z-index:2}
.strip{background:var(--sage);color:#f6efe1;font:600 13px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.strip .wrap{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:16px 0;text-align:center}
.section{padding:80px 0}
.heading h2{font-size:clamp(34px,4.6vw,56px)}
.books{display:grid;gap:56px;margin-top:40px}
.book{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;border-top:1px solid var(--line);padding-top:40px}
.cover img{border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.book h3{font-size:36px}
.hook{font-style:italic;font-size:20px;color:var(--rust)}
.note{font:14px system-ui,sans-serif;color:var(--muted);margin-top:40px}
.council{background:#eae1cd}
.cast{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.person{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px}
.person h3{font-size:22px}
.person p{margin:0;font-size:15px}
.role{font:600 11px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:8px!important}
.dewberry{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.dew-copy p{font-size:19px}
.author{background:var(--ink);color:#f1ead9}
.author .kicker{color:#e3a47f}
.author-grid{display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center}
.mono{font-family:Literary,Georgia,serif;font-size:96px;color:#e3a47f;line-height:1}.mono span{color:#f1ead9}
.link{color:#f6efe1}
.footer{padding:30px 0 40px;font:14px system-ui,sans-serif;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.fine{margin-top:14px;font-size:12px}
@media (max-width:900px){.hero-grid,.dewberry{grid-template-columns:1fr}.hero-covers{height:360px;max-width:460px}.cast{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.book{grid-template-columns:1fr}.cover{max-width:220px}.cast{grid-template-columns:1fr}.author-grid{grid-template-columns:1fr}.hero-covers{height:300px}body{font-size:16px}}
.portrait{width:calc(100% + 44px);max-width:none;margin:-22px -22px 16px;aspect-ratio:4/5;object-fit:cover;border-radius:10px 10px 0 0}
.person{overflow:hidden}