:root{--bg:#090e0b;--panel:rgba(16,23,18,.92);--panel-solid:#111913;--line:rgba(219,194,137,.18);
--line-strong:rgba(219,194,137,.34);--gold:#d7b66e;--cream:#f1e8d3;--muted:#a7a797;--radius:16px;
--sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
--serif:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:
 radial-gradient(circle at 82% -10%,rgba(215,182,110,.10),transparent 34%),
 linear-gradient(180deg,#090e0b,#070a08 70%);color:var(--cream);font:17px/1.65 var(--serif);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(215,182,110,.28)}
a:hover{border-color:var(--gold)}
.wrap{max-width:900px;margin:0 auto;padding:34px 22px 80px}
.crumbs{font:13px var(--sans);color:var(--muted);margin:0 0 26px}
.crumbs a{color:var(--muted);border:0}.crumbs a:hover{color:var(--gold)}
.crumbs span{margin:0 8px;opacity:.5}
h1{font:400 clamp(1.9rem,4vw,2.8rem)/1.1 var(--serif);margin:0 0 10px}
h2{font:400 clamp(1.25rem,2.4vw,1.6rem)/1.2 var(--serif);margin:42px 0 12px;padding-bottom:8px;
border-bottom:1px solid var(--line)}
h3{font:400 1.1rem/1.3 var(--serif);margin:22px 0 8px}
.meta{font:14px var(--sans);color:var(--muted);margin:0 0 22px}
.lead{font-size:1.1rem;line-height:1.6;color:#eee4cd;margin:18px 0}
p{margin:0 0 14px}
.portrait{float:right;width:260px;margin:6px 0 18px 24px;border:1px solid var(--line-strong);
border-radius:var(--radius);overflow:hidden;background:var(--panel-solid)}
.portrait img{display:block;width:100%;height:auto}
.portrait figcaption{font:12px/1.5 var(--sans);color:var(--muted);padding:8px 10px}
@media(max-width:640px){.portrait{float:none;width:100%;margin:0 0 18px}}
.timeline{list-style:none;margin:0;padding:0}
.timeline li{display:grid;grid-template-columns:82px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.timeline b{font:600 15px var(--sans);color:var(--gold)}
.timeline .lbl{font:12px var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.places{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.places li{break-inside:avoid;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}
.places .pr{font:12px var(--sans);color:var(--muted);display:block}
@media(max-width:640px){.places{columns:1}}
.works{list-style:none;margin:0;padding:0;font-size:15px}
.works li{display:inline-block;margin:0 8px 8px 0;padding:4px 10px;border:1px solid var(--line-strong);border-radius:999px}
.cta{display:inline-block;margin:8px 10px 8px 0;padding:11px 18px;border:1px solid var(--line-strong);
border-radius:999px;font:14px var(--sans);color:var(--cream);background:rgba(215,182,110,.08)}
.cta:hover{border-color:var(--gold);color:var(--gold)}
.chips{list-style:none;margin:0;padding:0;font:14px var(--sans)}
.chips li{padding:6px 0;border-bottom:1px solid var(--line)}
.chips .y{color:var(--muted);font-size:13px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.card h3{margin:0 0 4px;font-size:1.02rem}
.card .y{font:13px var(--sans);color:var(--muted);margin:0 0 6px}
.card p{font-size:14px;color:#d8cfba;margin:0}
footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--line);font:13px/1.7 var(--sans);color:var(--muted)}
.note{background:rgba(215,182,110,.07);border:1px solid var(--line);border-radius:var(--radius);
padding:14px 16px;font:14px/1.6 var(--sans);color:#ded4bd;margin:22px 0}