:root{--ink:#1a1a1a;--paper:#fbfaf7;--mute:#7a7670;--rule:#e6e2da}
*{box-sizing:border-box}html{background:var(--paper)}
body{margin:0;color:var(--ink);font:400 18px/1.55 "EB Garamond",Garamond,Georgia,serif;-webkit-font-smoothing:antialiased}
nav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;padding:1.4rem 5vw;border-bottom:1px solid var(--rule);font-size:.95rem}
nav a{color:var(--mute);text-decoration:none}nav a:first-child{color:var(--ink);font-weight:500}nav a.here{color:var(--ink);border-bottom:1px solid var(--ink)}
main{max-width:46rem;margin:0 auto;padding:3rem 5vw 5rem}
h1{font-weight:500;font-size:2rem;letter-spacing:.01em;margin:0 0 .3rem}
h1+.sub{color:var(--mute);margin:0 0 2.4rem;font-style:italic}
p{margin:0 0 1.1em;hyphens:auto}.dedication{text-align:center;margin:2.6rem 0 0;line-height:1.7}
.plates,.hero{width:min(76rem,94vw);margin-left:50%;transform:translateX(-50%)}.plates{margin-top:3.2rem}figure{margin:0 0 3rem}figure img{display:block;width:100%;height:auto;background:#ddd}figure{max-width:76rem;margin-left:auto;margin-right:auto}
figcaption{color:var(--mute);font-size:.9rem;margin-top:.55rem}
.hero img{display:block;width:100%;height:auto;margin:0 0 1.6rem}.hero p{font-size:1.15rem}
.buy{display:inline-block;margin:.4rem 0 2rem;padding:.55rem 1.1rem;border:1px solid var(--ink);color:var(--ink);text-decoration:none}
.status{color:var(--mute);font-style:italic}
footer{text-align:center;color:var(--mute);font-size:.85rem;padding:2rem 5vw 3rem;border-top:1px solid var(--rule)}
@media(min-width:900px){body{font-size:19px}main{padding-top:4rem}}