*{box-sizing:border-box}
:root{
--canvas:#130c06;--canvas-2:#0d0804;--panel:#1f1409;--panel-2:#2b1b0e;
--accent:#f4a54d;--accent-hover:#ffc887;
--line:rgba(244,165,77,.2);--line-strong:rgba(244,165,77,.58);
--text-primary:#f7eee0;--text-secondary:#c8ab87;--ink:#1a1006;
--ease:cubic-bezier(.22,.61,.36,1);
--display:"Fraunces",Georgia,serif;
--body:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
--mono:"DM Mono",ui-monospace,Menlo,monospace;
--gut:clamp(20px,6vw,90px);
}
html,body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--body);
  font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px}
.brand{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:.09em;text-decoration:none;color:var(--text-primary)}
.brand span{color:var(--accent)}
.top nav{display:flex;gap:clamp(10px,2vw,22px);flex-wrap:wrap}
.top nav a{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;min-height:26px}
.top nav a:hover,.top nav a[aria-current]{color:var(--accent)}
main{max-width:780px;margin:0 auto;padding:clamp(30px,5vw,60px) var(--gut) 90px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.08;margin:0 0 10px}
.upd{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 34px}
h2{font-family:var(--display);font-weight:400;font-size:clamp(1.2rem,2.4vw,1.55rem);margin:38px 0 10px}
p,li{color:var(--text-secondary)}
p{margin:0 0 14px}
ul{padding-left:20px;margin:0 0 16px}
li{margin-bottom:7px}
strong{color:var(--text-primary);font-weight:500}
.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:26px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:30px var(--gut) 50px;color:var(--text-secondary);font-size:13px}
footer nav{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap;margin-bottom:14px}
footer a{color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;min-height:26px}
footer a:hover{color:var(--accent)}