:root{--paper:#f4ecdc;--card:#faf5ea;--ink:#2b2118;--muted:#6b5a48;--gold:#9a7428;--line:#d9ccb2;
--serif:"EB Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;}
@media (prefers-color-scheme:dark){:root{--paper:#16120d;--card:#1f1a13;--ink:#eee4d2;--muted:#b3a38b;--gold:#d2ad5f;--line:#3a3125;}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:19px/1.6 var(--serif);-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
.wrap{max-width:760px;margin:0 auto;padding:56px 24px 72px}
.imprint{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 40px;text-align:center}
.imprint a{color:inherit;text-decoration:none}
h1{font-weight:500;font-size:clamp(40px,7vw,64px);line-height:1.05;letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0}
.rule{display:block;width:180px;height:1px;background:var(--gold);margin:22px auto;border:0}
.full{text-wrap:balance;font-style:italic;font-size:21px;text-align:center;color:var(--muted);margin:0 auto 36px;max-width:34em}
.lede{font-size:21px;text-align:center;max-width:32em;margin:0 auto 34px}
.btn{display:inline-block;padding:12px 28px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:14px}
.btn:hover,.btn:focus-visible{background:var(--gold);color:var(--paper);outline:none}
.center{text-align:center}
h2{font-weight:500;font-size:26px;margin:56px 0 12px;text-align:center}
p{margin:0 0 16px}
.books{list-style:none;padding:0;margin:0}
.book{display:grid;grid-template-columns:56px 1fr auto;gap:4px 18px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}
.book:last-child{border-bottom:1px solid var(--line)}
.num{color:var(--gold);font-size:15px;letter-spacing:.08em}
.title{font-size:23px;margin:0}
.sub{grid-column:2;font-style:italic;color:var(--muted);font-size:17px;margin:0}
.open{grid-row:1/span 2;grid-column:3;align-self:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);padding:7px 14px;white-space:nowrap}
.open:hover,.open:focus-visible{background:var(--gold);color:var(--paper);outline:none}
.soon{grid-row:1/span 2;grid-column:3;align-self:center;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.note{font-size:16px;color:var(--muted);text-align:center;margin:0 0 28px}
footer{margin-top:72px;text-align:center;color:var(--muted);font-size:16px}
footer .bene{font-style:italic;color:var(--ink);margin-bottom:18px}
@media (max-width:520px){.book{grid-template-columns:40px 1fr}.open,.soon{grid-column:2;grid-row:auto;justify-self:start;margin-top:8px}}
.small{font-size:16px;color:var(--muted);margin-top:14px}
/* home page */
.banner{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;object-position:center 40%}
@media (max-width:700px){.banner{height:240px;max-height:none}}
.home-head{text-align:center;padding-top:34px}
.home-head .imprint{margin-bottom:20px}
.welcome{font-size:21px;text-align:center;max-width:31em;margin:0 auto}
.pillars{display:grid;grid-template-columns:1fr 1fr;margin:56px 0 0;border-top:1px solid var(--line)}
.pillar{padding:34px 30px 36px;border-bottom:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center}
.pillar:nth-child(odd){border-right:1px solid var(--line)}
.pillar .numeral{color:var(--gold);font-size:15px;letter-spacing:.3em;margin:0 0 10px;flex:none}
.pillar h3{font-weight:500;font-size:27px;margin:0 0 10px;line-height:1.2}
.pillar p{font-size:17px;color:var(--muted);margin:0 0 20px;flex:1}
.pillar .btn{font-size:13px;padding:9px 18px}
.btn.quiet{border-color:var(--line);color:var(--muted);cursor:default}
.btn.quiet:hover{background:none;color:var(--muted)}
.read-slowly{max-width:30em;margin:0 auto;text-align:center;font-style:italic;font-size:20px}
@media (max-width:700px){.pillars{grid-template-columns:1fr}.pillar:nth-child(odd){border-right:0}}
.wrap.home{max-width:860px}