:root{--bg:#080809;--bg2:#0e0e10;--panel:#121214;--ink:#f4f4f2;--ink-soft:#9a9a98;--ink-dim:#5e5e5c;--line:rgba(255,255,255,.1);--acid:oklch(.89 .22 352);--acid-dim:oklch(.74 .17 352);--sans:"Archivo",system-ui,sans-serif;--exp:"Archivo Expanded","Archivo",sans-serif;--mono:"JetBrains Mono",monospace;--pad:clamp(16px,4vw,48px);--vpad:clamp(48px,7vh,84px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--acid);color:#000}a{color:inherit;text-decoration:none}.acid{color:var(--acid)}.acid-dim-text{color:var(--acid-dim)}.overlay{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}.overlay:after{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.bar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px var(--pad);font-family:var(--mono);font-size:12px;letter-spacing:.02em;background:#080809b8;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.wordmark{font-weight:700}.nav-links{display:flex;gap:clamp(14px,2.5vw,28px)}.nav-links a:hover{color:var(--acid)}.bar .stat{display:flex;align-items:center;gap:8px;color:var(--ink-soft)}.bar .dot{width:8px;height:8px;background:var(--acid);flex-shrink:0;animation:bl 1.2s steps(1) infinite}@keyframes bl{0%,to{opacity:1}50%{opacity:0}}.hero{display:flex;flex-direction:column;justify-content:flex-start;padding:128px var(--pad) 0;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero .blocks{border-bottom:none;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);border-left:none;border-right:none}.scan{position:absolute;left:0;right:0;top:-2px;height:1px;background:var(--acid);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.scan{animation:sweep 1.6s cubic-bezier(.16,1,.3,1) .3s forwards}}@keyframes sweep{0%{top:0;opacity:.9}to{top:100%;opacity:0}}h1.title{font-family:var(--exp);font-weight:900;font-size:clamp(44px,11.2vw,172px);line-height:.98;letter-spacing:-.03em}h1.title .ln{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}h1.title .ln span{display:inline-block}@media(prefers-reduced-motion:no-preference){h1.title .ln span{transform:translateY(125%);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards}h1.title .ln:nth-child(2) span{animation-delay:.12s}h1.title .ln:nth-child(3) span{animation-delay:.24s}}@keyframes rise{to{transform:none}}h1.title .out{-webkit-text-stroke:2px var(--ink);-webkit-text-fill-color:transparent}.hero-band{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,72px);align-items:start;margin-top:clamp(24px,4vh,40px)}.hero-sub{max-width:none;font-size:clamp(16px,1.8vw,21px);color:var(--ink-soft)}.hero-hire{border-left:1px solid var(--line);padding-left:clamp(24px,3.5vw,56px)}.hero-hire .hh-pitch{font-size:clamp(15px,1.5vw,18px);color:var(--ink);max-width:46ch}.hero-hire .hh-look{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);margin:12px 0 20px}.hero-hire .cta-row{gap:10px}.hero-hire .btn{padding:12px 18px;font-size:12px}.bar-right{display:flex;align-items:center;gap:16px}.bar .btn-nav{padding:8px 14px;font-size:11px}.hero-sub b{color:var(--acid);font-weight:600}.blocks{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin-top:clamp(40px,6vh,64px)}.block{appearance:none;background:none;color:var(--ink);font:inherit;text-align:left;position:relative;padding:38px 16px 16px;border:none;border-right:1px solid var(--line);cursor:pointer;transition:.22s;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(96px,11vw,148px)}.block:last-child{border-right:none}.block .bi{position:absolute;top:12px;left:16px;font-family:var(--mono);font-size:11px;color:var(--ink-dim);transition:.22s}.block .bw{font-family:var(--exp);font-weight:800;font-size:clamp(14px,1.55vw,22px);letter-spacing:-.01em;line-height:1}.block .bn{font-family:var(--mono);font-size:10px;color:var(--ink-dim);margin-top:7px;transition:.22s}.block:hover,.block.on{background:var(--acid);color:#000}.block:hover .bi,.block.on .bi,.block:hover .bn,.block.on .bn{color:#0000008c}.panel-note{font-family:var(--mono);font-size:12px;color:var(--ink-dim);margin-bottom:18px;max-width:72ch}.hero-rows{border-top:1px solid var(--line)}.hrow{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.hrow .hk{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--acid)}.hrow p{font-size:clamp(16px,1.7vw,22px);color:var(--ink-soft)}.hrow p b{color:var(--acid);font-weight:600}.hrow p a{color:var(--acid)}.hrow p a:hover{text-decoration:underline}section{padding:var(--vpad) var(--pad);border-bottom:1px solid var(--line);position:relative;scroll-margin-top:56px}.sec-head{display:flex;align-items:center;gap:18px;margin-bottom:34px;font-family:var(--mono)}.sec-title{font-family:var(--exp);font-weight:800;font-size:clamp(26px,4.5vw,54px);line-height:.9;letter-spacing:-.02em}.sec-num{font-family:var(--mono);font-size:12px;color:var(--acid)}.sec-kicker{font-family:var(--mono);font-size:11px;color:var(--ink-dim);white-space:nowrap}.sec-line{flex:1;height:1px;background:var(--line);align-self:center}@media(prefers-reduced-motion:no-preference){.sec-head .sec-line{transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.16,1,.3,1) .15s}.sec-head.in .sec-line{transform:scaleX(1)}}.elements{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.el{grid-column:span 2;background:var(--bg);padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;min-height:clamp(150px,15vw,200px);transition:.25s}.el:hover{background:var(--bg2)}.el-wide{grid-column:span 3;min-height:auto}.el-num{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}.el-title{font-family:var(--exp);font-weight:900;font-size:clamp(26px,2.7vw,42px);letter-spacing:-.03em;line-height:.95;margin:14px 0;transition:.25s}.el:hover .el-title{color:var(--acid)}.el-big{font-family:var(--exp);font-weight:900;font-size:clamp(26px,2.7vw,42px);letter-spacing:-.03em;line-height:.95;margin:14px 0 6px;font-variant-numeric:tabular-nums;transition:.25s}.el:hover .el-big{color:var(--acid)}.el-name{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink-dim);margin-bottom:12px}.el-body{color:var(--ink-soft);font-size:14.5px;line-height:1.55;max-width:52ch}.el-body b{color:var(--acid);font-weight:600}.el-body a{color:var(--acid)}.el-body a:hover{text-decoration:underline}#before-rows .el-body b{color:var(--ink)}.el-wide .case-title{font-size:clamp(26px,3vw,44px)}.el-wide .case-outcomes{margin-top:auto}.el-full{grid-column:1/-1;min-height:auto}.el-tag{font-family:var(--mono);font-size:13px;font-weight:400;color:var(--acid);letter-spacing:0}.el-list{list-style:none;margin:4px 0 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px}.el-list li{position:relative;padding-left:20px;color:var(--ink-soft);font-size:14.5px;line-height:1.55}.el-list li:before{content:"→";position:absolute;left:0;color:var(--acid);font-family:var(--mono);font-size:12px}.el-list b{color:var(--ink);font-weight:600}.el-list a{color:var(--acid)}.el-list a:hover{text-decoration:underline}.el-ex{display:block;margin-top:5px;font-family:var(--mono);font-size:12px}.el-list.one-col{grid-template-columns:1fr;margin:6px 0 0}.elements.cols3{grid-template-columns:repeat(3,1fr)}.elements.cols4{grid-template-columns:repeat(4,1fr)}.elements.cols5{grid-template-columns:repeat(5,1fr)}.cols3 .el,.cols4 .el,.cols5 .el{grid-column:auto;min-height:auto}.cols4 .el-title.sm{font-size:clamp(16px,1.35vw,21px);margin:10px 0}.art-imp{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--acid)}.art-pull{font-style:italic;font-size:13px;color:var(--ink-dim);margin-bottom:12px}.el-stat .stat-n{font-family:var(--exp);font-weight:900;font-size:clamp(22px,1.9vw,32px);letter-spacing:-.02em;line-height:1;margin-bottom:10px;font-variant-numeric:tabular-nums;transition:.25s}.el-stat:hover .stat-n{color:var(--acid)}.el-stat .el-body{font-size:13px}.see-all-row{margin-top:20px}.swipe-hint{display:none;font-family:var(--mono);font-size:11px;color:var(--ink-dim);margin:10px 0 0;text-align:right}#all-articles .el:nth-last-child(-n+2){grid-column:span 2}.reader.wide .reader-body{max-width:none;padding:clamp(40px,7vh,80px) var(--pad) 120px}.reader.wide .reader-body h1{margin-bottom:28px}.el-intro{font-family:var(--mono);font-size:12px;color:var(--ink-dim);margin:0 0 20px;max-width:none}.machine-h{font-family:var(--exp);font-weight:900;font-size:clamp(26px,2.7vw,42px);letter-spacing:-.03em;line-height:.95;margin-bottom:12px}.el-sm{min-height:clamp(150px,15vw,190px)}.el-title.sm{font-size:clamp(20px,2vw,30px);margin:12px 0 10px}.el-sm .el-body{font-size:13.5px}.el-meta{margin-top:auto;padding-top:14px;font-family:var(--mono);font-size:11px;color:var(--ink-dim)}a.el{cursor:pointer}a.el:hover .el-meta{color:var(--acid)}.banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px 36px;border:1px solid var(--line);padding:clamp(24px,3.5vw,44px);margin:clamp(28px,4vh,44px) 0}.banner-n{font-family:var(--exp);font-weight:900;font-size:clamp(38px,7.4vw,108px);letter-spacing:-.03em;line-height:.86;font-variant-numeric:tabular-nums;white-space:nowrap}.banner-l{font-family:var(--mono);font-size:12px;color:var(--ink-dim);max-width:44ch;line-height:1.6}.todo{font-family:var(--mono);font-size:11.5px;color:var(--acid-dim);border:1px dashed var(--acid-dim);padding:10px 14px;margin-top:18px;line-height:1.5}.case-quote{border-left:2px solid var(--acid);padding:4px 0 4px 16px;margin-top:20px;font-size:14px;line-height:1.55;color:var(--ink-soft);font-style:italic}.case-quote-by{display:block;margin-top:8px;font-family:var(--mono);font-style:normal;font-size:11.5px;color:var(--acid-dim)}.case-quote-by:hover{color:var(--acid)}.case-visit{border-top:1px solid var(--line);margin-top:auto;padding-top:22px}#build-cases .el-wide{grid-row:span 6;display:grid;grid-template-columns:1fr;grid-template-rows:subgrid;align-content:start}#build-cases .case-quote{align-self:start}#build-cases .case-visit{align-self:end;margin-top:20px}.case-visit .btn{display:block;width:240px;max-width:100%;text-align:center}.aside-note{margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--ink-dim)}.aside-note a:hover{color:var(--acid)}.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.rows{border-top:1px solid var(--line)}.entry{display:grid;grid-template-columns:110px 1fr auto;gap:24px;align-items:baseline;padding:20px 4px;border-bottom:1px solid var(--line);transition:.3s}a.entry{cursor:pointer}a.entry:hover{padding-left:24px;background:var(--bg2)}.entry .idx{font-family:var(--mono);font-size:13px;color:var(--ink-dim)}.entry .imp{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--acid);font-variant-numeric:tabular-nums}.entry .t{font-family:var(--exp);font-weight:700;font-size:clamp(17px,2.1vw,26px);line-height:1;letter-spacing:-.02em}a.entry:hover .t{color:var(--acid)}.entry .t-sm{font-size:clamp(15px,1.5vw,17.5px);color:var(--ink-soft)}.entry .t-sm b{color:var(--ink);font-weight:600}.entry .sub{display:block;font-family:var(--sans);font-weight:400;font-size:14px;letter-spacing:0;line-height:1.45;color:var(--ink-dim);margin-top:7px;max-width:64ch}.entry .cat{font-family:var(--mono);font-size:11px;color:var(--ink-dim);white-space:nowrap}.entry .arrow{color:var(--acid);display:inline-block;transition:.3s}a.entry:hover .arrow{transform:translate(5px,-5px)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,28px)}.case{border:1px solid var(--line);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column}.case-kicker{font-family:var(--mono);font-size:12px;color:var(--acid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-title{font-family:var(--exp);font-weight:900;font-size:clamp(28px,4vw,56px);letter-spacing:-.03em;line-height:.9;margin:16px 0 8px}.case-sub{font-family:var(--exp);font-weight:700;font-size:clamp(16px,1.7vw,20px);margin-bottom:18px;min-height:1lh}.case-body{color:var(--ink-soft);font-size:16px;max-width:60ch}.case-pull{font-family:var(--exp);font-weight:800;font-size:clamp(17px,2vw,24px);line-height:1.1;letter-spacing:-.01em;margin-top:22px;max-width:30ch}.case-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--line);margin-top:auto;padding-top:22px}.case-outcomes .o{padding:6px 0 4px}.case-outcomes .n{display:block;font-family:var(--exp);font-weight:900;font-size:clamp(24px,2.8vw,40px);letter-spacing:-.03em;line-height:.86;color:var(--acid);font-variant-numeric:tabular-nums}.case-outcomes .l{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-soft);margin-top:10px;max-width:18ch}@media(max-width:860px){.case-grid{grid-template-columns:1fr}}.contact{padding-bottom:clamp(70px,12vh,150px)}.contact-h2{font-family:var(--exp);font-weight:900;font-size:clamp(28px,6.6vw,104px);line-height:.86;letter-spacing:-.03em;white-space:nowrap}.flip{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.14em;margin-bottom:-.14em}.flip-w{display:inline-block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.contact .cta-row{margin-top:38px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.02em;font-weight:700;padding:16px 28px;border:1px solid var(--ink);transition:.25s;white-space:nowrap}.btn.solid,.btn:hover{background:var(--acid);border-color:var(--acid);color:#000}.btn.solid:hover{background:var(--ink);border-color:var(--ink)}footer{padding:34px var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:12px;color:var(--ink-dim)}footer a:hover{color:var(--acid)}.reader{position:fixed;inset:0;z-index:55;background:var(--bg);overflow-y:auto;overscroll-behavior:contain}.reader-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--pad);background:#080809d9;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px}.reader-close{appearance:none;background:none;border:none;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;padding:4px 0}.reader-close:hover{color:var(--acid)}.reader-meta{color:var(--ink-dim)}.reader-body{max-width:72ch;margin:0 auto;padding:clamp(40px,7vh,80px) var(--pad) 120px}.reader-body h1{font-family:var(--exp);font-weight:900;font-size:clamp(28px,4.6vw,56px);line-height:.95;letter-spacing:-.02em;margin-bottom:34px}.reader-body h3,.reader-body h4,.reader-body h5{font-family:var(--exp);font-weight:800;font-size:clamp(18px,2vw,24px);letter-spacing:-.01em;margin:38px 0 14px}.reader-body p{color:var(--ink-soft);font-size:17px;line-height:1.7;margin-bottom:18px}.reader-body strong{color:var(--ink);font-weight:600}.reader-body a{color:var(--acid);text-decoration:none}.reader-body a:hover{text-decoration:underline}.reader-body ul,.reader-body ol{margin:0 0 18px 22px;color:var(--ink-soft);font-size:17px;line-height:1.7}.reader-body li{margin-bottom:6px}.reader-body img{max-width:100%;border:1px solid var(--line);margin:10px 0 22px}.reader-src{font-family:var(--mono);font-size:12px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}.reader-body .entry{color:var(--ink)}.reader-body .rows a:hover{text-decoration:none}.bangers-link:hover{color:var(--acid)}.bangers-link .arrow{color:var(--acid);display:inline-block;transition:.3s}.bangers-link:hover .arrow{transform:translate(5px)}@media(max-width:860px){section{padding:44px var(--pad)}.bar .stat{display:none}.nav-links{gap:14px}.nav-links{display:none}.hero-band{grid-template-columns:1fr;gap:26px}.hero-hire{border-left:none;padding-left:0}.btn-nav{display:block}.sec-kicker{display:none}.banner{flex-direction:column;gap:14px}.hero{padding-top:96px}h1.title{font-size:clamp(30px,9.2vw,64px)}.hero-sub{margin-top:22px;font-size:16px}.blocks{margin-top:28px}.blocks{grid-template-columns:1fr}.block{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:15px 16px;border-right:none;border-bottom:1px solid var(--line)}.block:last-child{border-bottom:none}.block .bw{font-size:16px}.block .bn{margin-top:0;text-align:right}.elements,.elements.cols3,.elements.cols4{grid-template-columns:1fr}#content-stats.cols4,.elements.cols5{grid-template-columns:repeat(2,1fr)}.el,.el-wide,#all-articles .el:nth-last-child(-n+2){grid-column:auto}.el,.el-wide{min-height:auto;padding:18px 16px}#build-cases .el-wide{grid-row:auto;display:flex;flex-direction:column}.el-list{grid-template-columns:1fr}.btn{padding:14px 20px}.case-visit .btn{width:100%}.case-kicker{white-space:normal;overflow:visible}.entry{grid-template-columns:72px 1fr;gap:14px}.entry .cat{display:none}.hrow{grid-template-columns:96px 1fr;gap:14px}#peer-rows .el:not(.el-wide):not(:has(.el-big)){display:grid;grid-template-columns:92px 1fr;gap:4px 12px;align-items:baseline;padding:14px 16px}#peer-rows .el:not(.el-wide):not(:has(.el-big)) .el-title{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:0;color:var(--acid);margin:0}#peer-rows .el:not(.el-wide):not(:has(.el-big)) .el-body{font-size:13.5px;margin:0}.el-sm{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 16px}.el-sm .el-title.sm{margin:0;font-size:15px}.el-sm .el-body{display:none}.el-sm .el-meta{margin:0;padding:0}.swipe-hint{display:block}#writing-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}#writing-list::-webkit-scrollbar{display:none}#writing-list .el{flex:0 0 82%;scroll-snap-align:start;min-height:230px}}