:root{--cream:#faf6ef;--ink:#231a17;--taupe:#7b6a60;--thin:#e3d9cb;--wine:#7a1f2b;--blush:#f3e4e1}
@media (prefers-color-scheme:dark){:root{--cream:#17120f;--ink:#f2e9e0;--taupe:#b8a79b;--thin:#3a2f29;--wine:#e58b97;--blush:#2a1a1c}}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.8 "Cormorant Garamond","Hoefler Text",Garamond,"Times New Roman",serif}
a{color:var(--wine);text-decoration-thickness:1px;text-underline-offset:4px}
.crown{text-align:center;padding:44px 18px 22px;border-bottom:1px solid var(--thin)}
.crown a.name{font-size:clamp(30px,6vw,46px);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);font-weight:500}
.crown small{display:block;margin-top:10px;font:13px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.crown .links{margin-top:20px;font:13px "Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0}
.crown .links a{color:var(--taupe);text-decoration:none;margin:0 12px}.crown .links a:hover{color:var(--wine)}
.column{max-width:680px;margin:0 auto;padding:46px 20px 80px}
.contents{list-style:none;margin:0;padding:0;counter-reset:n}
.contents li{counter-increment:n;border-bottom:1px solid var(--thin);padding:26px 0 26px 62px;position:relative}
.contents li::before{content:counter(n,upper-roman);position:absolute;left:0;top:28px;font-size:22px;color:var(--wine);font-style:italic}
.contents .kind{font:12px "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.contents a{display:block;font-size:27px;line-height:1.25;color:var(--ink);text-decoration:none;margin:6px 0}
.contents a:hover{color:var(--wine)}
.contents p{margin:0;color:var(--taupe);font-size:17px;line-height:1.6}
.piece .kind{font:12px "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);text-align:center}
.piece h1{overflow-wrap:anywhere;font-size:clamp(28px,5.4vw,46px);line-height:1.18;font-weight:500;text-align:center;margin:14px 0 18px}
.piece .preface{font-style:italic;font-size:21px;color:var(--taupe);text-align:center;margin:0 0 34px;padding-bottom:30px;border-bottom:1px solid var(--thin)}
.piece h2{font-size:25px;font-weight:600;margin:38px 0 8px}
.piece p{margin:0 0 16px}.piece ul,.piece ol{margin:0 0 18px;padding-left:1.3em}.piece li{margin:7px 0}
.piece .signed{text-align:center;margin-top:46px;font:13px "Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.colophon{text-align:center;border-top:1px solid var(--thin);padding:24px 18px 44px;font:13px/1.8 "Helvetica Neue",Arial,sans-serif;color:var(--taupe)}
@media (max-width:560px){.crown a.name{letter-spacing:.06em;font-size:28px}.crown small{letter-spacing:.1em}.crown .links a{margin:0 8px}.contents li{padding-left:44px}.contents a{font-size:23px}}