:root{
    --bg:#0e0f11;
    --bg-soft:#16181b;
    --line:#262a2f;
    --ink:#e9e6df;
    --ink-soft:#a4a098;
    --accent:#c8a86b;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    background:var(--bg);
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:80px 28px 120px}
.eyebrow{
    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--accent);margin-bottom:18px;
}
h1{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(2rem,5vw,3rem);
    font-weight:400;line-height:1.15;margin-bottom:14px;
}
h1 em{font-style:italic;color:var(--ink-soft)}
.lead{color:var(--ink-soft);font-size:1.05rem;margin-bottom:56px;max-width:54ch}
h2{
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.35rem;font-weight:400;
    margin:48px 0 14px;padding-top:32px;border-top:1px solid var(--line);
}
h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
h3{font-size:1rem;font-weight:600;margin:24px 0 8px;color:var(--ink)}
p{margin-bottom:14px}
ul{margin:0 0 14px 22px}
li{margin-bottom:6px}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(200,168,107,.3)}
a:hover{border-bottom-color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.back{
    display:inline-block;margin-bottom:48px;font-size:.85rem;
    letter-spacing:.04em;color:var(--ink-soft);border:none;
}
footer{
    border-top:1px solid var(--line);margin-top:80px;padding-top:28px;
    font-size:.8rem;color:var(--ink-soft);letter-spacing:.03em;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}