:root{--bg: #000;--fg: #f2f2f0;--line: #26262a;--dim: #8b8b90;--hover: #0d0d10;--body: #c9c9cd;--body-mute: #a9a9ae;--accent: #5ff0d8;--accent2: #5ff0d8;--rain: #5ff0d8;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Libre Franklin", system-ui, -apple-system, sans-serif;--serif: Georgia, "Noto Serif", "Liberation Serif", "Times New Roman", serif;--gutter: 56px;--col: 500px;--ease: .14s ease;--ease-smooth: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity var(--ease),color var(--ease),border-color var(--ease),background-color var(--ease)}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1;margin:0}h1 strong,h2 strong{font-weight:400}p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:#fff;color:#000}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:var(--fg);color:#000;padding:12px 18px;font-family:var(--mono);font-size:12px;z-index:200}.skip:focus{left:0}.label,.meta,.rail,.foot,.nav,.btn,.row__i,.row__k,.cap__n,.stat__k,.quote footer{font-family:var(--mono);font-weight:400}#stage,#matrix{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}#matrix{z-index:0;opacity:.16}#stage{z-index:1}.veil{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,#000000f0,#000000e0 430px,#00000057 570px,#0000 700px)}.grain{position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .7s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-2%,1%)}66%{transform:translate(1%,-2%)}to{transform:translate(0)}}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--gutter);font-size:11px;letter-spacing:.12em;text-transform:uppercase;mix-blend-mode:difference}.nav__mark{font-weight:500}.nav__links{display:flex;gap:22px}.nav__links a{color:var(--dim)}.nav__links a:hover,.nav__links a[aria-current=true]{color:var(--fg)}.lang{display:flex;gap:14px;align-items:center}.lang a{color:#56565c}.lang a:hover,.lang a[aria-current=true]{color:var(--fg)}.rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.rail__tick{width:22px;height:1px;background:#3a3a40;transition:width .4s var(--ease-smooth),background-color .4s}.rail__tick[data-on=true]{width:42px;background:var(--fg)}main{position:relative;z-index:4}.chapter{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--gutter);max-width:calc(var(--col) + var(--gutter) * 2)}.chapter--wide{max-width:760px}.label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:26px;display:block}.label span{color:var(--dim)}.chapter h1{font-size:clamp(40px,4.8vw,74px);margin-bottom:28px}.chapter h2{font-size:clamp(32px,5vw,54px);margin-bottom:24px}.lede{font-size:17px;line-height:1.62;color:var(--body)}.chapter p+p{margin-top:16px}.meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.js [data-reveal]{opacity:0;transform:translateY(18px)}.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .8s var(--ease-smooth),transform .8s var(--ease-smooth)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px;margin-top:38px}.stat__n{font-size:30px;font-weight:300;letter-spacing:-.015em;line-height:1}.stat__k{font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;margin-top:8px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.btn{font-family:var(--sans);padding:15px 34px;font-size:14px;letter-spacing:.04em}.btn--solid{background:var(--fg);color:#000;font-weight:600}.btn--solid:hover{opacity:.85}.btn--outline{border:1px solid var(--line);font-weight:500}.btn--outline:hover{border-color:var(--fg)}.rows{border-top:1px solid var(--line);margin-top:30px}.row{display:grid;grid-template-columns:62px 1fr auto;gap:6px 18px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease-smooth),border-color .3s,background-color var(--ease)}.row:hover{transform:translate(10px);border-color:#3a3a40}.row__i{font-size:10px;color:var(--dim);letter-spacing:.1em}.row__t{font-size:16px}.row__k{font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase;text-align:right}.row:hover .row__i,.row:hover .row__k{color:var(--fg)}.caps{margin-top:30px;border-top:1px solid var(--line)}.cap{padding:22px 0;border-bottom:1px solid var(--line)}.cap__h{display:flex;gap:14px;align-items:baseline;margin-bottom:9px}.cap__n{font-size:10px;color:var(--dim)}.cap__t{font-size:17px}.cap p{font-size:15px;line-height:1.7;color:var(--body-mute)}.quote{padding:22px 0;border-bottom:1px solid var(--line);margin:0}.quote p{font-size:16px;line-height:1.6;color:var(--body)}.quote footer{margin-top:10px;font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.foot{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;padding:34px var(--gutter);border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);background:#000}.foot a:hover{color:var(--fg)}.foot ul{display:flex;flex-wrap:wrap;gap:20px}body.reading .nav{mix-blend-mode:normal;padding-bottom:34px;background:linear-gradient(180deg,#000000f7,#000000eb 52%,#0000)}.veil--reading{background:linear-gradient(180deg,#000000d1,#000000e6)}.article{position:relative;z-index:4;max-width:760px;margin:0 auto;padding:150px var(--gutter) 110px}.article__meta{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:22px;display:flex;gap:16px;flex-wrap:wrap}.article h1{font-size:clamp(32px,4.2vw,56px);margin-bottom:30px}.prose{font-size:17px;line-height:1.75;color:var(--body)}.prose>*+*{margin-top:22px}.prose h2{font-size:clamp(22px,2.6vw,30px);margin-top:52px;margin-bottom:4px}.prose h3{font-size:20px;margin-top:40px;margin-bottom:2px}.prose h4{font-size:17px;margin-top:32px;margin-bottom:0}.prose strong{color:var(--fg);font-weight:600}.prose em{font-style:italic}.prose a{color:var(--fg);border-bottom:1px solid var(--line)}.prose a:hover{border-color:currentColor}.prose ul,.prose ol{padding-left:22px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-top:8px}.prose li::marker{color:var(--dim)}.prose img{max-width:100%;height:auto;display:block;border:1px solid var(--line)}.prose figure{margin:34px 0}.prose figcaption{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:10px}.prose blockquote{border-left:1px solid var(--line);padding-left:20px;color:var(--body-mute)}.article__back{display:inline-block;margin-top:64px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.article__back:hover{color:var(--fg)}.postlist{border-top:1px solid var(--line);margin-top:34px}.postlist a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);transition:transform .3s var(--ease-smooth),border-color .3s}.postlist a:hover{transform:translate(10px);border-color:#3a3a40}.postlist__t{font-size:17px}.postlist__w{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}.postlist a:hover .postlist__w{color:var(--fg)}[data-variant=neon] .postlist__t{font-family:var(--display);font-weight:600;text-transform:uppercase}[data-variant=neon] .prose a{color:var(--accent2);border-color:#00f0ff59}[data-variant=neon] .prose strong{color:var(--accent)}[data-variant=neon] .postlist a:hover{border-color:var(--accent)}[data-variant=neon] .article__back:hover{color:var(--accent)}@media (max-width: 860px){:root{--gutter: 22px}.nav__links{display:none}.lang{gap:11px}.rail{right:12px}.rail__tick{width:14px}.rail__tick[data-on=true]{width:26px}.chapter{padding:108px var(--gutter) 92px;max-width:none}.veil{background:linear-gradient(180deg,#0009,#000000e0 38%,#000000ed)}.stats{grid-template-columns:repeat(2,1fr);gap:22px 18px}.row{grid-template-columns:58px 1fr;gap:3px 14px;padding:14px 0}.row__k{grid-column:2;text-align:left}.row:hover{transform:none}.btn{padding:14px 26px}.article{padding:128px var(--gutter) 80px}.postlist a{grid-template-columns:1fr}.postlist a:hover{transform:none}}@media (prefers-reduced-motion: reduce){.grain{animation:none}.js [data-reveal]{opacity:1;transform:none}.row,.rail__tick,a{transition:none}}[data-variant=neon]{--accent: #fcee0a;--accent2: #00f0ff;--alert: #ff003c;--rain: #00f0ff;--bg: #000;--fg: #ffffff;--line: #2a2a12;--dim: #8f8f76;--body: #cbcbc4;--body-mute: #a2a298;--display: "Chakra Petch", "Saira Condensed", system-ui, sans-serif}[data-variant=neon] h1,[data-variant=neon] h2,[data-variant=neon] h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-.005em;line-height:.94}[data-variant=neon] h1 strong,[data-variant=neon] h2 strong{font-weight:700;color:var(--accent)}[data-variant=neon] .chapter h1{font-size:clamp(38px,4.4vw,66px)}[data-variant=neon] .chapter h2{font-size:clamp(30px,4.2vw,52px)}[data-variant=neon] .cap__t,[data-variant=neon] .row__t{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.01em}[data-variant=neon] .stat__n{font-family:var(--display);font-weight:700}[data-variant=neon] .label{color:var(--accent2)}[data-variant=neon] .label:before{content:"/// ";color:var(--accent)}[data-variant=neon] .label span{color:var(--dim)}[data-variant=neon] .row__i,[data-variant=neon] .cap__n{color:var(--accent)}[data-variant=neon] .meta,[data-variant=neon] .row__k{color:var(--dim)}[data-variant=neon] h1,[data-variant=neon] h2{text-shadow:0 0 34px rgba(252,238,10,.16)}[data-variant=neon] .btn{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}[data-variant=neon] .btn--solid{background:var(--accent);color:#000;box-shadow:0 0 26px #fcee0a59}[data-variant=neon] .btn--solid:hover{opacity:1;box-shadow:0 0 44px #fcee0aa6}[data-variant=neon] .btn--outline{border-color:var(--accent2);color:var(--accent2)}[data-variant=neon] .btn--outline:hover{background:#00f0ff1f}[data-variant=neon] .rail__tick[data-on=true]{background:var(--accent);box-shadow:0 0 12px var(--accent)}[data-variant=neon] .row:hover{border-color:var(--accent)}[data-variant=neon] .row:hover .row__k{color:var(--accent)}[data-variant=neon] #matrix{opacity:.17}[data-variant=neon] ::selection{background:var(--accent);color:#000}[data-variant=neon] :focus-visible{outline-color:var(--accent)}[data-variant=neon] .nav__links a[aria-current=true],[data-variant=neon] .lang a[aria-current=true]{color:var(--accent)}[data-variant=neon] .lang a:hover{color:var(--accent2)}[data-variant=neon] .foot a:hover{color:var(--accent)}[data-variant=neon] .veil{background:radial-gradient(115% 75% at 76% 42%,#fcee0a1a,#0000 62%),linear-gradient(100deg,#000000f2,#000000e6 430px,#00000057 570px,#0000 700px)}[data-variant=neon] .grain:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#00000052 0 1px,#0000 1px 3px),radial-gradient(120% 100% at 50% 50%,#0000 55%,#0009)}@media (max-width: 860px){[data-variant=neon] .veil{background:linear-gradient(180deg,#0000009e,#000000e6 38%,#000000f0)}}