:root{--paper: #ebe7dd;--bench: #dfdace;--bench-edge: #cfc9ba;--ink: #141414;--ink-2: #4b4841;--ink-3: #6e6a60;--line: rgba(20, 20, 20, .16);--line-strong: rgba(20, 20, 20, .5);--orange: #ff5b14;--blue: #2143f2;--display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--measure: 64ch;--pad: clamp(16px, 3.2vw, 44px);--max: 1280px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;font-family:var(--display);font-size:17px;line-height:1.55;font-weight:400;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.05;letter-spacing:-.02em}p{margin:0}::-moz-selection{background:var(--ink);color:var(--paper)}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;font:500 13px/1 var(--mono);text-decoration:none;border-radius:4px}.skip:focus{top:12px}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.01em}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}.site-name{font-weight:700;font-size:18px;letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.site-name .mark{width:18px;height:12px;background:var(--orange);border-radius:2px;transform:rotate(-8deg);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.site-name:hover .mark{transform:rotate(8deg) translateY(-2px)}.site-nav{display:flex;gap:clamp(12px,2.4vw,30px);font-family:var(--mono);font-size:12px}.site-nav a{text-decoration:none;padding:6px 0;border-bottom:1.5px solid transparent}.site-nav a:hover,.site-nav a.router-link-exact-active{border-bottom-color:var(--ink)}.hero{min-height:calc(100svh - 64px);display:flex;flex-direction:column}.hero>.wrap{width:100%}.hero-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px 56px;align-items:end;padding-top:clamp(8px,2vh,28px);padding-bottom:clamp(16px,2.6vh,28px)}.hero h1{font-size:clamp(34px,4.1vw,60px);font-weight:500;line-height:1.02;letter-spacing:-.035em;max-width:17ch}.hero h1 .hl{white-space:nowrap}.hero-side{display:grid;gap:14px;color:var(--ink-2);font-size:16px;max-width:44ch}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--mono);font-size:11px;color:var(--ink);list-style:none;padding:0;margin:0}.legend li{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:9px;border-radius:2px;display:inline-block}.hero-bench{flex:1;display:flex;flex-direction:column;padding-bottom:20px}.wb{display:flex;flex-direction:column;flex:1}.wb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:48px;padding:0 2px 10px}.wb-readout{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden}.wb-readout strong{font-weight:700}.wb-tag{overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}.wb-muted{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.wb-swatch{flex:none;display:inline-block;width:14px;height:9px;border-radius:2px;margin-right:2px;align-self:center}.wb-controls{display:flex;align-items:center;gap:6px;flex:none}.wb-label{font-family:var(--mono);font-size:11px;color:var(--ink-2);margin-right:4px}.wb-btn,.wb-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:500 12px/1 var(--mono);color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:4px;padding:9px 12px;cursor:pointer;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .15s}.wb-btn:hover:not(:disabled),.wb-primary:hover{transform:translateY(-2px)}.wb-btn:active:not(:disabled){transform:translateY(1px)}.wb-btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.wb-btn:disabled{opacity:.35;cursor:default}.wb-shuffle{margin-left:8px;background:var(--orange);border-color:var(--orange)}.wb-primary{display:none}.wb-bench{position:relative;height:clamp(420px,calc(100svh - 364px),720px);background:var(--bench);border-radius:6px;box-shadow:inset 0 0 0 1px var(--bench-edge);overflow:hidden;touch-action:pan-y;transition:height .5s cubic-bezier(.3,1.2,.5,1)}.wb-bench:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(20,20,20,.45) 0 1px,transparent 1px 100px),repeating-linear-gradient(90deg,rgba(20,20,20,.28) 0 1px,transparent 1px 10px);background-size:100% 12px,100% 6px;background-position:0 100%,0 100%;background-repeat:no-repeat}.wb-tiles,.wb-shelves{position:absolute;top:0;right:0;bottom:0;left:0}.wb-shelves{opacity:0;transition:opacity .4s .3s}.is-sorted .wb-shelves{opacity:1}.wb-shelf{position:absolute;left:0;top:0;height:2px;background:#14141424}.wb-shelf-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;font:500 11px/18px var(--mono);white-space:nowrap;color:var(--ink)}.wb-shelf-label em{font-style:normal;color:var(--ink-3);margin-left:4px}.tile{position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:124px;height:78px;padding:13px 16px 12px;background:var(--c);color:var(--i);border-radius:3px;text-decoration:none;white-space:nowrap;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;transform:translate3d(-400px,-400px,0);will-change:transform;visibility:hidden}.is-ready .tile{visibility:visible}.tile-name{font-weight:700;font-size:24px;line-height:1;letter-spacing:-.025em}.tile-meta{display:flex;justify-content:space-between;gap:16px;font:500 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.78}.tile-wip .tile-meta span:last-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;border:1.2px solid currentColor;margin-right:5px;vertical-align:-.5px}.tile-extra{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);outline:1.5px dashed transparent}.tile{scale:1;transition:scale .25s cubic-bezier(.3,1.6,.5,1)}.tile.is-held{z-index:5;cursor:grabbing;scale:1.06}html.is-grabbing,html.is-grabbing *{cursor:grabbing!important}.is-reduced .tile{cursor:pointer}.section{padding-top:clamp(64px,10vw,128px)}.section-head{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px 32px;align-items:baseline;margin-bottom:36px}.section-head .mono{color:var(--ink-2)}.section-head h2{font-size:clamp(30px,3.6vw,48px);font-weight:500;letter-spacing:-.03em}.section-head p{grid-column:2;color:var(--ink-2);max-width:var(--measure)}.indent{margin-left:232px}.plist-group+.plist-group{margin-top:36px}.plist-group h2,.plist-group h3{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.02em;margin-bottom:10px}.plist-group h2 em,.plist-group h3 em{font-style:normal;color:var(--ink-3)}.plist{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.prow a{display:grid;grid-template-columns:14px minmax(160px,220px) minmax(0,1fr) 132px;gap:18px;align-items:baseline;padding:14px 4px 14px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s cubic-bezier(.3,1.4,.5,1),background .15s}.prow a:hover,.prow a:focus-visible{padding-left:10px;background:#1414140a}.prow .sw{width:14px;height:9px;border-radius:2px;align-self:center}.prow .nm{font-weight:700;font-size:18px;letter-spacing:-.02em}.prow .tg{color:var(--ink-2);font-size:15.5px}.prow .dt{font-family:var(--mono);font-size:11px;color:var(--ink-2);text-align:right;white-space:nowrap}.prow .dt b{font-weight:500;color:var(--ink)}.sort-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:28px}.rows{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}.row a,.row>div{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.2fr);gap:8px 32px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline}.row a:hover .rt{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.row .when{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}.row .rt{font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.2}.row .rt span{display:block;font-weight:400;font-size:15px;color:var(--ink-2);letter-spacing:0;margin-top:2px}.row .rd{color:var(--ink-2);font-size:15.5px}.subhead{font:500 12px/1 var(--mono);margin:40px 0 10px}.two-sides{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;margin-bottom:40px}.two-sides p{font-size:clamp(20px,2vw,26px);line-height:1.35;letter-spacing:-.015em;max-width:36ch}.two-sides p+p{margin-top:14px}.inline-tile{display:inline-block;padding:1px 8px 3px;border-radius:3px;font-weight:700;text-decoration:none;line-height:1.1;transform:rotate(-2deg);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.inline-tile:hover{transform:rotate(2deg) translateY(-2px)}.contact{padding-bottom:40px}.contact-mail{display:inline-block;font-size:clamp(34px,6.4vw,92px);font-weight:500;letter-spacing:-.045em;line-height:1;text-decoration:none;border-bottom:4px solid var(--orange);padding-bottom:6px}.contact-mail:hover{border-bottom-color:var(--ink)}.contact-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font-family:var(--mono);font-size:13px;list-style:none;padding:0}.contact-links a{text-underline-offset:4px}.site-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:64px;padding-bottom:28px;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.page{padding-top:clamp(28px,6vw,72px)}.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-2);display:flex;gap:8px;flex-wrap:wrap}.crumbs a{text-underline-offset:3px}.page-title{font-size:clamp(44px,7vw,104px);font-weight:600;letter-spacing:-.05em;line-height:.92;margin-top:22px}.page-lede{margin-top:22px;font-size:clamp(20px,2.2vw,28px);line-height:1.3;letter-spacing:-.015em;max-width:32ch}.pd{position:relative}.pd-top{position:relative;padding-right:300px;min-height:300px}.pin{position:absolute;right:12px;top:6px;width:292px;padding:18px 18px 16px;background:var(--c);color:var(--i);border-radius:3px;transform:rotate(3.5deg);transform-origin:50% 8px;transition:transform .9s cubic-bezier(.25,1.9,.45,1);box-shadow:0 10px 0 -4px #14141424}.pin:hover{transform:rotate(-2.5deg)}.pin:before{content:"";position:absolute;left:50%;top:-6px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--ink);box-shadow:inset -3px -3px #ffffff2e}.pin-name{font-weight:700;font-size:34px;letter-spacing:-.03em;line-height:1}.pin-metric{font-weight:500;font-size:18px;margin-top:26px;letter-spacing:-.01em}.pin dl{margin:14px 0 0;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font:500 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.04em}.pin dt{opacity:.7}.pin dd{margin:0;text-align:right}.pd-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1 var(--mono);padding:12px 16px;border:1.5px solid var(--ink);border-radius:4px;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.btn:hover{transform:translateY(-2px)}.btn-solid{background:var(--ink);color:var(--paper)}.pd-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;margin-top:72px;padding-top:20px;border-top:1.5px solid var(--ink)}.pd-body+.pd-body{margin-top:48px}.pd-body .mono{color:var(--ink-2);padding-top:6px}.prose{max-width:var(--measure);font-size:18px;line-height:1.62}.prose p+p{margin-top:1em}.stack{font-family:var(--mono);font-size:12.5px;line-height:2}.stack span:not(:last-child):after{content:" / ";color:var(--ink-3)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}.facts h3{font:500 12px/1 var(--mono);margin-bottom:14px}.facts ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.facts li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45}.impact{font-size:clamp(22px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em;max-width:34ch}.next-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:88px}.next-tile{display:flex;flex-direction:column;gap:18px;padding:18px 18px 16px;background:var(--c);color:var(--i);border-radius:3px;text-decoration:none;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.next-tile:nth-child(1){transform:rotate(-1.2deg)}.next-tile:nth-child(2){transform:rotate(1deg);text-align:right}.next-tile:hover{transform:rotate(0) translateY(-4px)}.next-tile .mono{opacity:.8;font-size:11px}.next-tile strong{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em;line-height:1}.article{max-width:70ch}.article h2{font-size:30px;margin:1.8em 0 .5em;letter-spacing:-.025em}.article h3{font-size:22px;margin:1.5em 0 .4em}.article p,.article li{font-size:18px;line-height:1.68}.article p{margin:0 0 1em}.article ul,.article ol{padding-left:1.2em;margin:0 0 1em}.article code{font-family:var(--mono);font-size:.8em;background:var(--bench);padding:2px 5px;border-radius:3px}.article pre{background:var(--ink);color:var(--paper);padding:18px 20px;border-radius:4px;overflow-x:auto;margin:0 0 1.2em}.article pre code{background:none;padding:0;font-size:13px;line-height:1.6}.article hr{border:0;border-top:1.5px solid var(--ink);margin:2em 0}.article-tags{font-family:var(--mono);font-size:12px;color:var(--ink-2);display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 960px){.hero-intro{grid-template-columns:1fr;align-items:start}.section-head,.two-sides,.pd-body{grid-template-columns:1fr;gap:10px}.section-head p{grid-column:1}.indent{margin-left:0}.row a,.row>div{grid-template-columns:1fr;gap:6px}.facts{grid-template-columns:1fr}}@media (max-width: 719px){body{font-size:16px}.site-nav{gap:14px;font-size:11px}.site-nav .hide-sm{display:none}.hero{min-height:0}.hero h1{font-size:30px}.hero-intro{gap:12px;padding-bottom:14px}.legend{font-size:10px;gap:4px 10px}.wb-label{display:none}.wb-controls{flex-wrap:nowrap;gap:5px}.wb-btn{padding:9px;font-size:11px}.hero-side{font-size:15px}.hero-side .hide-sm{display:none}.wb-bar{flex-direction:column-reverse;align-items:stretch;gap:10px}.wb-readout{min-height:22px;font-size:14px}.wb-controls{flex-wrap:wrap}.wb-primary{display:inline-block;background:var(--orange);border-color:var(--orange);padding:11px 14px;font-size:12px;margin-right:auto}.wb-shuffle{display:none}.wb-bench{height:480px}.tile{height:60px;min-width:112px;padding:11px 12px 10px}.tile-name{font-size:20px}.prow a{grid-template-columns:14px minmax(0,1fr);gap:4px 12px}.prow .tg,.prow .dt{grid-column:2;text-align:left}.pd-top{padding-right:0;padding-top:170px;min-height:0}.pin{width:200px;right:4px;top:18px;padding:12px 13px 11px}.pin-name{font-size:22px}.pin-metric{margin-top:14px;font-size:15px}.pin dl{display:none}.next-row{grid-template-columns:1fr}}