@font-face{font-family:Fraunces;src:url(fonts/Fraunces-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Mukta;src:url(fonts/Mukta-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Mukta;src:url(fonts/Mukta-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/IBMPlexMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--ink:#111315;--ink2:#191c1f;--ink3:#23272b;--line:#30353b;--paper:#f1ece2;--paper2:#d0c9bb;--mute:#9a9385;
--accent:#ef6f3c;--accent2:#f2b24a;--teal:#5fb3a8;--display:Fraunces,Georgia,serif;--body:Mukta,system-ui,sans-serif;--mono:Plex,ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font:400 18px/1.65 var(--body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{margin:0;background:radial-gradient(1100px 520px at 85% -8%,#2b1d15 0,transparent 60%),var(--ink)}
a{color:var(--accent2)}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font:400 13px var(--mono);color:var(--mute)}
.top nav a{color:var(--paper2);text-decoration:none;margin-left:20px}.top nav a:hover{color:var(--accent2)}
.eyebrow{font:400 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;margin:0}
section{padding:88px 0;border-bottom:1px solid var(--line)}
section>.wrap>h2{font-size:clamp(34px,3.6vw,50px);line-height:1.06;max-width:21ch;margin:14px 0 20px}
.lede{max-width:64ch;color:var(--paper2);font-size:20px;line-height:1.55}
.hero{padding:84px 0 72px}.hero h1{font-size:clamp(48px,6vw,84px);line-height:1.02;max-width:16ch;margin:18px 0 28px}
.tweet{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:0 0 28px;font:400 15px/1.5 var(--mono);color:var(--paper2);max-width:70ch}
.tweet b{color:var(--paper);font-weight:400}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0 0}
.stats div{background:var(--ink2);padding:20px}.stats b{display:block;font:700 36px/1.1 var(--display)}.stats span{font:400 13px/1.4 var(--mono);color:var(--mute)}
.tl{margin:36px 0 8px;background:var(--ink2);border:1px solid var(--line);padding:22px 22px 10px}
.tl svg{width:100%;height:auto;display:block}.tl-l{font:400 13px var(--mono);fill:var(--paper2)}.tl-d{font:400 12px var(--mono);fill:var(--mute)}
.tl-axis{stroke:var(--line);stroke-width:1}.tl-ep{fill:var(--paper)}.tl-cl{fill:var(--accent)}.tl-sh{fill:var(--teal)}
.tl-gap{fill:none;stroke:var(--accent);stroke-dasharray:5 5;stroke-width:1.2}.tl-gt{font:400 13px var(--mono);fill:var(--accent);text-anchor:middle}
.cap{font:400 13px/1.5 var(--mono);color:var(--mute);margin:8px 0 0}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.card{background:var(--ink2);border:1px solid var(--line);padding:28px}.card h3{font-size:24px;line-height:1.15;margin-bottom:12px}
.card p{margin:0 0 14px;color:var(--paper2)}.card .fix{color:var(--paper)}.card .fix::before{content:"In the system: ";font:400 12px var(--mono);color:var(--teal);letter-spacing:.08em;text-transform:uppercase}
.card .ask{font-style:italic;margin:0}.card .ask::before{content:"I'd ask: ";font:400 12px var(--mono);font-style:normal;color:var(--accent2);letter-spacing:.08em;text-transform:uppercase}
.card.good{border-color:#3a5a4f;grid-column:1/-1}
.thesis{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;margin-top:28px}
.thesis svg{width:100%;height:auto}.th-spoke{stroke:var(--line);stroke-width:1.5}.th-core{fill:#2b1d15;stroke:var(--accent);stroke-width:2}
.th-ct{font:700 18px var(--display);fill:var(--paper)}.th-role{fill:var(--ink3);stroke:var(--line)}.th-rt{font:400 14px var(--body);fill:var(--paper2)}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.pillars div{background:var(--ink2);padding:22px}.pillars h3{font-size:22px;margin-bottom:8px;color:var(--accent2)}.pillars p{margin:0;color:var(--paper2);font-size:16.5px}
table{width:100%;border-collapse:collapse;margin-top:30px}td{border-top:1px solid var(--line);padding:20px 16px 20px 0;vertical-align:top}
td:first-child{font:700 21px/1.2 var(--display);width:24%}td:nth-child(2){color:var(--paper2)}
td:last-child{width:22%;font:400 13px/1.5 var(--mono);color:var(--teal)}td.plan{color:var(--accent2)}
.weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.weeks div{border-top:3px solid var(--accent);padding-top:14px}
.weeks h3{font-size:21px;margin-bottom:8px}.weeks p{margin:0;color:var(--paper2);font-size:16.5px}
.qs{margin-top:40px;background:var(--ink2);border:1px solid var(--line);padding:26px 30px}.qs h3{font-size:22px;margin-bottom:10px}.qs li{color:var(--paper2);margin:6px 0}
.not{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.not li{border:1px dashed var(--line);padding:18px 20px;color:var(--paper2)}.not li::before{content:"✕  ";color:var(--accent)}
.close{padding:96px 0 120px;border:0}.close h2{font-size:clamp(34px,4.4vw,58px);max-width:20ch;margin-bottom:18px}
.close p{max-width:62ch;color:var(--paper2);font-size:20px}.sign{font:700 28px var(--display);color:var(--paper);margin-top:26px}
.foot{font:400 12px/1.6 var(--mono);color:var(--mute);padding-top:20px;padding-bottom:40px}
/* clips */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:32px}
.tile{display:flex;flex-direction:column;gap:8px}.tile video,.tile img{width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--ink3);border:1px solid var(--line);display:block;cursor:pointer}
.tile.voiced video{border-color:var(--accent2);box-shadow:0 0 0 2px var(--accent2)}
.tile q{font-size:15px;line-height:1.4;color:var(--paper)}.tile .meta{font:400 12px/1.4 var(--mono);color:var(--mute)}
.tile .risk-green{color:var(--teal)}.tile .risk-orange{color:var(--accent2)}.tile .risk-red{color:var(--accent)}
.tile.held img{filter:grayscale(1) brightness(.6)}
.shorts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}
.shorts .views{font:700 22px/1.1 var(--display)}.shorts .views.hit{color:var(--accent2)}
.bar{height:6px;background:var(--ink3);margin-top:4px}.bar i{display:block;height:100%;background:var(--teal);width:var(--w);transform-origin:left}
.bar i.hit{background:var(--accent2)}
/* type and colour pass (2026-11-11): one scale, balanced headings, tabular numbers, fewer accent uses */
h1,h2{text-wrap:balance}h1{letter-spacing:-.02em}h2{letter-spacing:-.015em}p,li,td{text-wrap:pretty}
.stats b,.shorts .views,.tl-gt{font-variant-numeric:tabular-nums lining-nums}
.tweet .ln{display:block}.tweet .ln.six{position:relative;color:var(--paper);padding:2px 0}
.tweet .ln.six::before{content:"";position:absolute;inset:0 -8px 0 -10px;background:rgba(239,111,60,.16);border-left:2px solid var(--accent);transform-origin:left;transform:scaleX(var(--hl,1))}
.hero h1 .w{display:inline-block}
.pillars h3{color:var(--paper)}.pillars h3 small{display:block;font:400 12px/1.4 var(--mono);color:var(--accent);letter-spacing:.12em;margin-bottom:6px}
.weeks div{border-top:0;position:relative;padding-top:16px}.weeks .rule{position:absolute;left:0;top:0;width:100%;height:3px;background:var(--accent);transform-origin:left}