:root{color-scheme:light;--bg:#f6efe4;--ink:#3a2418;--muted:#7a5b48;--line:#e4d3c0;--card:#fff8f0;--accent:#9a3b24}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;color:var(--ink);background:linear-gradient(#f8f1e6,#f3e4d2)}
a{color:var(--accent);text-decoration:none}.bar{display:flex;justify-content:space-between;align-items:center;padding:20px 8vw}
.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:14px}.bar nav{display:flex;gap:18px;font-size:14px}
main{padding:12px 8vw 20px}.hero{max-width:640px}h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:500;margin:8px 0 14px}
.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--accent);margin:0}.lead,.list p,section p{color:var(--muted);line-height:1.6;font-size:17px}
.list,section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-top:18px;max-width:640px}
ul{list-style:none;padding:0;margin:12px 0 0}li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
li span{color:var(--muted)}h2{margin:0;font-family:Georgia,serif;font-weight:500}footer{padding:26px 8vw 42px;color:var(--muted);font-size:13px}

.photo{margin:28px 0 8px}
.photo img{width:100%;max-width:820px;height:auto;display:block;border-radius:12px}
.photo figcaption{font-family:system-ui,sans-serif;font-size:13px;margin-top:8px;opacity:.75}
.notes article{margin-top:18px}
.notes time{display:block;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}