:root{--paper:#f4f0e7;--ink:#222823;--pine:#31483c;--copper:#99512e;--muted:#586359;--line:#d6d1c6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--pine)}
a:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.skip{position:absolute;left:16px;top:-80px;background:#fff;padding:8px 12px}
.skip:focus{top:12px}
.wrap{width:min(720px,calc(100% - 40px));margin:0 auto}
header{padding:72px 0 48px;text-align:center;border-bottom:1px solid var(--line)}
header a{display:inline-block}
header img{width:min(260px,62vw);height:auto;display:block}
main{padding:8px 0 24px}
section{padding:40px 0;border-bottom:1px solid var(--line)}
section:last-child{border-bottom:0}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.01em}
h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin:0 0 16px}
.intro{text-align:center}
.intro p{font:italic 21px/1.55 Georgia,"Times New Roman",serif;color:var(--muted);margin:0 auto;max-width:520px}
.label{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:11px;font-weight:650;letter-spacing:.17em;text-transform:uppercase;color:var(--copper);margin:0 0 18px}
.book h3{font-size:26px;margin:0 0 4px;font-style:italic}
.book p{margin:0 0 6px}
.meta{color:var(--muted);font-size:15px}
.mail{font:20px/1.4 Georgia,"Times New Roman",serif}
footer{border-top:1px solid var(--line);padding:28px 0 56px;font-size:13px;color:var(--muted)}
footer p{margin:0 0 8px}
footer nav a{margin-right:20px}
.page h2{font-size:22px;margin:32px 0 8px}
.page p{margin:0 0 14px}
@media (max-width:480px){header{padding:48px 0 36px}section{padding:32px 0}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.center{text-align:center}