:root{--bg:#0f0f0d;--panel:#131311;--fg:#ececE6;--muted:#8f8f88;--faint:#5c5c56;--line:#26261f;--accent:#ff5a1f;--blue:#4f7cff;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--pad:clamp(16px,2.5vw,24px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,ul{margin:0}
.wrap{max-width:1320px;margin:0 auto;padding-inline:var(--pad)}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.nav{height:56px;display:flex;align-items:center;justify-content:space-between}
.nav .brand{font-weight:600;letter-spacing:-.01em;font-size:15px;display:flex;align-items:center;gap:8px}
.nav .brand svg{width:17px;height:17px}
.nav .links{display:flex;gap:26px;color:var(--muted);font-size:15px}
.nav .links a:hover{color:var(--fg)}
.nav .pill{border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--fg);font-size:13px;transition:background .15s}
.nav .pill:hover{background:#1a1a17}

.hero{text-align:center;padding:84px 0 56px}
.hero h1{font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.hero p{margin:14px auto 0;max-width:30em;color:var(--muted);font-size:19px;line-height:1.5}
.hero .cta{display:inline-block;margin-top:22px;color:var(--accent);font-size:16px}
.hero .cta:hover{text-decoration:underline}
.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}
.panel img,.panel svg{display:block;width:100%;height:auto}
.panel-caption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.panel-caption b{color:var(--fg);font-weight:500}
.key{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}

.column{max-width:640px;margin:0 auto;padding:80px 0 96px}

.section{margin-bottom:72px}
.section h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}
.section p{color:#c4c4bd;font-size:17px;line-height:1.7}
.section p+p{margin-top:16px}
.section p b{color:var(--fg);font-weight:500}

.row{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);transition:border-color .15s}
.row+.row{margin-top:12px}
.row:hover{border-color:#3a3a33}
.row .thumb{border-radius:6px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#0a0a09}
.row .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.row .date{color:var(--muted);font-size:14px}
.row .title{margin-top:4px;font-size:18px;font-weight:500;color:var(--fg)}
.row .blurb{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.5}

table.data{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
table.data th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--muted);text-align:left;padding:8px 0;border-bottom:1px solid var(--line)}
table.data td{padding:11px 0;border-bottom:1px solid var(--line);color:var(--fg)}
table.data td:last-child,table.data th:last-child{text-align:right}
table.data td.n{color:var(--muted);width:32px}
table.data tr.hl td{color:var(--fg)}
table.data .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px;vertical-align:1px;background:var(--faint)}
table.data .dot.blue{background:var(--blue)}
table.data td.lead{color:var(--fg)}

footer{border-top:1px solid var(--line);padding:24px 0 36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
footer a:hover{color:var(--fg)}

/* article */
.article{max-width:660px;margin:0 auto;padding:56px var(--pad) 96px}
.article .date{color:var(--muted);font-size:14px}
.article h1{margin-top:10px;font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.article .byline{margin-top:12px;color:var(--muted);font-size:14.5px}
.article .byline a{color:var(--fg)}
.article .byline a:hover{color:var(--accent)}
.article .lead-figure{margin:36px 0 0;border:0;background:none}
.article .lead-figure img{border-radius:10px}
.article .body{margin-top:40px}
.article .body p{color:#dcdcd5;font-size:18px;line-height:1.75}
.article .body p+p{margin-top:20px}
.article .body h2{margin:44px 0 14px;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--fg)}
.article .body a{color:var(--fg);border-bottom:1px solid #3d3d36}
.article .body a:hover{color:var(--accent);border-color:var(--accent)}
.article .body figure{margin:32px 0}
.article .body figure img{display:block;width:100%;height:auto;border-radius:10px}
.article .body figcaption{padding:10px 2px 0;color:var(--muted);font-size:13px;line-height:1.5}
.article .body ul,.article .body ol{color:#dcdcd5;font-size:18px;line-height:1.75;padding-left:1.3em;margin:14px 0 0}
.article .body .footnote-anchor{font-size:.75em;vertical-align:super;border:0;color:var(--accent)}
.article .body .footnote{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:12px}
.article .body .footnote-number{color:var(--accent);font-family:var(--mono);font-size:13px;border:0}
.article .body .footnote-content p{font-size:14.5px;color:var(--muted);margin-top:0}

@media(max-width:700px){.column{padding-top:56px}.row{grid-template-columns:1fr}.hero{padding-top:56px}.hero h1{font-size:32px}.nav .links{gap:16px}}