*{box-sizing:border-box}
:root{--bg:#050706;--panel:#0a0d0b;--gold:#d0a95d;--gold2:#ead5a5;--cream:#eee3cd;--muted:#aaa08e;--line:rgba(208,169,93,.24)}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:Georgia,"Times New Roman",serif}
body{background:radial-gradient(circle at 18% 10%,rgba(135,91,31,.14),transparent 28%),linear-gradient(135deg,#050706,#0b0e0c 52%,#050706)}
a{color:inherit}
.wrap{width:min(1120px,92vw);margin:auto;padding:26px 0 55px}
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}
.brand{text-decoration:none;color:#d8c59d;font:700 11px/1 Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}
.back{text-decoration:none;color:#8d816e;font:700 9px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.back:hover{color:#d7b66f}
.hero{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(420px,1.22fr);gap:clamp(32px,6vw,76px);align-items:center}
.card-frame{padding:7px;border:1px solid rgba(219,181,105,.45);background:#080a08;box-shadow:0 28px 55px rgba(0,0,0,.48)}
.card-frame img{display:block;width:100%;height:auto}
.kicker{color:#c99e50;font:700 9px/1 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;margin:0 0 12px}
h1{margin:0;color:#f2e8d4;font-size:clamp(44px,6vw,76px);line-height:.94;font-weight:400;letter-spacing:-.025em}
.lead{margin:21px 0 0;color:#c4b8a1;font:500 17px/1.62 Arial,sans-serif;max-width:650px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.tag{padding:6px 9px;border:1px solid var(--line);color:#aa956c;font:700 8px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;text-decoration:none;border:1px solid rgba(208,169,93,.42);background:#151109;color:#d8bd85;font:700 9px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.btn.primary{border-color:#d0a95d;background:linear-gradient(180deg,#5c431c,#2b2112);color:#f0dbad}
.btn:hover{border-color:#e1c078;color:#f3e4c1}
.content{margin-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.section{position:relative;padding:25px 25px 24px;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.section:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(208,169,93,.25),transparent)}
.section h2{margin:0 0 14px;color:#dfc38c;font-size:22px;font-weight:400}
.section p,.section li{color:#aaa08e;font:500 13px/1.65 Arial,sans-serif}
.section ul{margin:0;padding-left:20px}
.note{grid-column:1/-1}
.related{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}
.related h2{font-size:18px;font-weight:400;color:#d9c08e}
.related-links{display:flex;flex-wrap:wrap;gap:9px}
.related-links a{padding:8px 10px;text-decoration:none;border:1px solid rgba(208,169,93,.20);color:#a89673;font:700 9px/1 Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase}
.related-links a:hover{border-color:#d0a95d;color:#dfc58f}
footer{margin-top:42px;text-align:center;color:#625d54;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:760px){.wrap{padding-top:18px}.hero{grid-template-columns:1fr}.card-frame{width:min(560px,100%);margin:auto}.content{grid-template-columns:1fr}.note{grid-column:auto}h1{font-size:48px}.lead{font-size:15px}.top{margin-bottom:24px}}