:root { --cream:#FAF2E3; --cream-2:#F3E8D5; --plum:#4E0A14; --bordeaux:#6A0D1A; --gold:#BFA98A; --gold-light:#E9DCC4; --rose:#C9A197; --ink:#2A1E22; --muted:#7A6A6E; }
*, *::before, *::after { box-sizing: border-box; }
body { margin:0; font-family:'Jost','Helvetica Neue',Arial,sans-serif; font-weight:300; color:var(--ink); background:var(--cream); line-height:1.75; -webkit-font-smoothing:antialiased; }
a { color:var(--bordeaux); }
.bar { background:var(--plum); padding:18px 0; }
.wrap { width:min(820px, 100% - 40px); margin-inline:auto; }
.bar .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.bar img { height:56px; width:auto; display:block; }
.bar a.back { color:var(--gold-light); text-decoration:none; font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; border:1px solid rgba(233,220,196,.45); padding:10px 18px; border-radius:999px; white-space:nowrap; }
.bar a.back:hover { background:var(--gold-light); color:var(--plum); }
main { padding:70px 0 90px; }
.eyebrow { font-size:.76rem; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); font-weight:500; }
h1 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; color:var(--plum); font-size:clamp(2.4rem,6vw,3.6rem); line-height:1.1; margin:.3em 0 .6em; }
h2 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; color:var(--plum); font-size:1.7rem; margin:2.2em 0 .5em; line-height:1.2; }
h3 { font-size:1rem; font-weight:500; margin:1.6em 0 .3em; color:var(--plum); }
p, li { font-size:1rem; }
ul { padding-left:1.2em; }
.card { background:#fff; border-radius:16px; padding:26px 28px; border:1px solid rgba(46,36,48,.07); }
.card p { margin:.2em 0; }
.todo { background:#FFE58F; color:#5a4200; padding:1px 6px; border-radius:4px; font-weight:500; }
.small { font-size:.85rem; color:var(--muted); }
footer { background:var(--plum); color:rgba(250,242,227,.6); font-size:.8rem; padding:26px 0; }
footer .wrap { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
footer a { color:var(--gold-light); text-decoration:none; margin-left:18px; }
@media (max-width:560px){ .bar img { height:44px; } .card { padding:20px; } footer a { margin:0 18px 0 0; } }