:root{--bg:#0a0806;--card:#14110d;--line:rgba(201,162,93,.22);--gold1:#f3d9a0;--gold2:#c9a25d;--text:#efe8da;--muted:#a79d8b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:300 1rem/1.8 var(--sans);overflow-x:clip}
a{color:var(--gold1);text-decoration:none;border-bottom:1px solid rgba(201,162,93,.4);overflow-wrap:anywhere}
a:hover{border-color:var(--gold1)}
.top{border-bottom:1px solid var(--line);padding:18px 0;background:rgba(10,8,6,.9)}
.wrap{width:min(820px,100% - 40px);margin:auto}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{border:0;font-family:var(--serif);font-size:1.6rem;letter-spacing:.14em;font-weight:600;color:var(--gold2)}
.back{border:0;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
main{padding:70px 0 90px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.1;color:var(--gold1);margin-bottom:8px}
h2{font-family:var(--serif);font-weight:500;font-size:1.7rem;color:var(--gold1);margin:44px 0 10px;padding-top:26px;border-top:1px solid var(--line)}
h3{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);font-weight:500;margin:22px 0 4px}
p,li{color:var(--muted);margin-bottom:10px}
.todo{background:rgba(201,162,93,.18);color:var(--gold1);padding:0 6px;border-radius:2px}
footer{border-top:1px solid var(--line);padding:26px 0;text-align:center;font-size:.75rem;color:var(--muted)}
footer a{margin:0 10px}
@media(max-width:480px){.logo{font-size:1.2rem}.back{font-size:.62rem}main{padding:46px 0 60px}}