:root{--cream:#F3EEE6;--ink:#171512;--ink-soft:#3A3630;--muted:#8B8479;--line:#D8D0C2;--accent:#BC5B33}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--cream);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
.serif{font-family:'Fraunces',Georgia,serif}
.wrap{max-width:760px;margin:0 auto;padding:0 28px}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.top{padding:40px 0 0}
.top a.back{color:var(--ink-soft);font-size:14.5px}
.top a.back:hover{color:var(--accent);text-decoration:none}
.brand{font-family:'Fraunces',serif;font-weight:500;font-size:22px;letter-spacing:-.02em}
.brand sup{font-size:.5em;top:-.9em}
header.h{padding:56px 0 40px;border-bottom:1px solid var(--line);margin-bottom:44px}
header.h h1{font-family:'Fraunces',serif;font-weight:380;font-size:clamp(34px,6vw,56px);letter-spacing:-.02em;line-height:1.05}
h2{font-family:'Fraunces',serif;font-weight:440;font-size:23px;margin:40px 0 12px;letter-spacing:-.01em}
p{color:var(--ink-soft);margin-bottom:12px}
.muted{color:var(--muted);font-size:14.5px}
.note{background:#F7F3EC;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:24px 0;font-size:14.5px;color:var(--ink-soft)}
footer{margin-top:70px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}