@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#070708;--fg:#f2efe8;--muted:#b4ada6;--dim:#8d8780;--red:#d71920;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.8 'DM Sans',Arial,sans-serif}
a{color:inherit}img{max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:20;background:rgba(7,7,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topin{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:.24em;font-size:13px}.brand img{width:34px;height:34px}
.menu{display:flex;gap:20px;flex-wrap:wrap}.menu a{text-decoration:none;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#d8d3cb}.menu a:hover,.menu a[aria-current]{color:#ff5a5f}
main{max-width:820px;margin:auto;padding:56px 20px 90px}main.wide{max-width:1180px}
.crumbs{font:12px 'IBM Plex Mono',monospace;color:var(--dim);margin-bottom:26px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.tag{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:#d9a3a3}
h1{font:500 clamp(46px,7vw,84px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:14px 0 18px}
h2{font:500 clamp(30px,4vw,40px)/1.1 'Cormorant Garamond',Georgia,serif;margin:48px 0 10px}
h3{font-size:18px;margin:30px 0 6px}
p,li{color:var(--muted)}strong{color:var(--fg)}li{margin:6px 0}
.lede{font-size:19px;color:#d6d0c8}
.meta{font:12px 'IBM Plex Mono',monospace;color:var(--dim);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:22px 0 30px}
.box{border-left:2px solid var(--red);background:#111113;padding:16px 20px;margin:26px 0}.box p{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top}th{color:var(--fg);font-weight:600}td{color:var(--muted)}
.tablewrap{overflow-x:auto}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:30px}
.card{display:block;text-decoration:none;border:1px solid #3a3335;padding:24px;transition:.2s}.card:hover{border-color:#a7988f;background:#121012}
.card h2{font-size:30px;margin:10px 0}.card p{font-size:14px;margin:0}
.next{margin-top:60px;border-top:1px solid var(--line);padding-top:24px}
.btn{display:inline-block;border:1px solid #777;padding:11px 16px;text-decoration:none;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin:6px 8px 6px 0}.btn:hover{background:var(--fg);color:var(--bg)}
footer{border-top:1px solid var(--line);padding:30px 20px 40px}.footin{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;font:12px 'IBM Plex Mono',monospace;color:var(--dim)}.footin nav{display:flex;flex-wrap:wrap;gap:16px}.footin a{text-decoration:none}.footin a:hover{color:var(--fg)}
@media(max-width:700px){.topin{flex-direction:column;align-items:flex-start}.menu{gap:14px}main{padding-top:34px}}