@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#f3eee4;--ink:#173c38;--teal:#163e39;--muted:#52655e;--rule:#bcc6b9;--acid:#dcf08b;--mono:'Space Mono',monospace;--sans:'Geist',system-ui,sans-serif;color-scheme:light;scroll-behavior:smooth;scrollbar-color:#6b8076 var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.23em}a:hover{text-decoration-thickness:2px}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:3px solid #b44824;outline-offset:5px}button,input{font:inherit}button{cursor:pointer}.skip{position:fixed;left:12px;top:-80px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:12px}.preview-bar{padding:7px 20px;background:#dcf08b;color:#193d38;text-align:center;font:11px/1.5 var(--mono)}
.masthead{background:var(--teal);color:var(--paper)}.mast-inner{max-width:1440px;margin:auto;padding:23px 48px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font:700 21px var(--mono);text-decoration:none;letter-spacing:-.04em}.wordmark span{color:var(--acid)}.topnav{display:flex;gap:7px;align-items:center;font:12px var(--mono)}.topnav a{text-decoration:none;padding:10px 14px;border-radius:6px}.topnav a:hover,.topnav a[aria-current]{background:#31534b}.topnav .contact-link{background:var(--paper);color:var(--ink);margin-left:12px;box-shadow:0 3px 6px #061b1940}
.workspace{max-width:1440px;margin:auto;display:grid;grid-template-columns:198px minmax(0,1fr);padding:0 48px;gap:44px}.directory{padding-top:43px;border-right:1px solid var(--rule);font:11px/1.6 var(--mono)}.directory-inner{position:sticky;top:30px;padding-right:24px}.directory strong{display:block;font-size:12px;margin-bottom:23px}.directory a{display:block;text-decoration:none;padding:9px 0}.directory a:hover{color:#a23c23}.directory .current{font-weight:700}.directory .current::before{content:'→ ';color:#a23c23}.directory .directory-rule{border-top:1px solid var(--rule);margin-top:28px;padding-top:17px}.directory small{display:block;line-height:1.9;color:var(--muted);margin-top:38px}main{min-width:0;padding-top:36px}.document-line{display:flex;justify-content:space-between;gap:16px;font:10px/1.6 var(--mono);color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.04em}.hero{padding:48px 0 60px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}.hero h1{font:700 clamp(40px,4.9vw,70px)/1.06 var(--mono);letter-spacing:-.04em;margin:0 0 27px}.hero h1 span{display:block;color:#567768}.hero .intro{font-size:22px;line-height:1.5;max-width:510px;margin:0 0 18px}.hero .support{max-width:480px;color:var(--muted);margin:0 0 30px;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.key-link{display:inline-flex;align-items:center;gap:24px;padding:13px 19px;background:var(--teal);color:var(--paper);border-radius:8px;box-shadow:0 4px 7px #0b29262b;text-decoration:none;font:12px var(--mono);transition:transform .2s,box-shadow .2s}.key-link:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0b292633}.text-link{font:12px var(--mono);padding:12px 0}.arrow{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;flex:none}.identity{margin:0;background:var(--teal);color:var(--paper);border-radius:3px;overflow:hidden;box-shadow:0 14px 28px #163e391a}.portrait{height:232px;position:relative;background:#254f46;background-image:linear-gradient(#6c8f791c 1px,transparent 1px),linear-gradient(90deg,#6c8f791c 1px,transparent 1px);background-size:29px 29px;display:flex;align-items:center;justify-content:center}.portrait img{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 9px 9px #031d2540)}.identity-caption{padding:20px 20px 23px}.identity-caption strong{font:700 16px var(--mono)}.identity-caption p{color:#d4dfcc;font:11px/1.7 var(--mono);margin:12px 0 0}.identity-caption .name-rule{display:flex;justify-content:space-between;align-items:center}.pixel-mark{width:8px;height:8px;background:var(--acid);box-shadow:11px 0 #678c6b,0 11px #678c6b,11px 11px var(--acid);margin-right:11px;margin-bottom:11px}
.content-section{border-top:1px solid var(--rule);padding:34px 0 47px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px}.section-heading h2,h2{font:700 25px/1.3 var(--mono);letter-spacing:-.035em;margin:0}.section-heading a{font:11px var(--mono)}.work-row{display:grid;grid-template-columns:34% 1fr;gap:22px;padding:20px 0;border-top:1px solid #d4d9cc}.work-row:first-child{padding-top:0;border:0}.work-row h3{font:600 18px/1.4 var(--sans);margin:0}.work-row p{margin:0;color:var(--muted);font-size:16px}.references{list-style:none;padding:0;margin:0}.references li{border-top:1px solid #d4d9cc}.references li:first-child{border-top:0}.references a{display:grid;grid-template-columns:74px 1fr 18px;gap:17px;padding:20px 0;text-decoration:none;align-items:start}.references time{font:11px/1.9 var(--mono);color:var(--muted)}.references strong{font-size:17px;font-weight:600}.references p{font-size:14px;color:var(--muted);margin:4px 0 0}.references a:hover strong{text-decoration:underline;text-underline-offset:4px}.references .arrow{margin-top:4px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.fact{padding:17px 0;border-top:1px solid #d4d9cc}.fact dt{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.fact dd{margin:6px 0 0;font-size:16px}.code-details{margin-top:24px;border:1px solid var(--rule);border-radius:3px}.code-details summary{cursor:pointer;padding:14px 16px;font:12px/1.6 var(--mono)}pre{overflow:auto;background:#193e38;color:#e1ead8;padding:24px;font:12px/1.8 var(--mono);margin:0;tab-size:2}details[open] summary{border-bottom:1px solid var(--rule)}.code-details p{padding:0 16px;font-size:14px;color:var(--muted)}.copy-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px}.copy-button{background:transparent;border:1px solid var(--rule);color:var(--ink);font:11px var(--mono);padding:8px 12px;border-radius:4px}.copy-button:hover{background:#e3e9d7}.copy-status{font:11px var(--mono)}.questions details{border-top:1px solid #d4d9cc;padding:17px 0}.questions summary{font-size:17px;font-weight:600;cursor:pointer}.questions p{font-size:16px;color:var(--muted);max-width:66ch;margin-bottom:0}.outro{background:var(--teal);color:var(--paper);padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:52px}.outro h2{font-size:24px;margin-bottom:8px}.outro p{margin:0;font-size:15px;color:#d4dfcc}.outro .key-link{background:var(--acid);color:var(--ink);white-space:nowrap}.footer{max-width:1440px;padding:25px 48px;margin:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);font:10px/1.8 var(--mono);color:var(--muted)}.footer a{margin-left:18px}.news-hero{padding:46px 0 40px}.news-hero h1{font:700 clamp(44px,5.7vw,80px)/1.08 var(--mono);letter-spacing:-.04em;margin:0 0 23px}.news-hero p{font-size:21px;max-width:610px;line-height:1.5;margin:0;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 25px;align-items:center}.filters button{background:none;border:1px solid var(--rule);padding:9px 15px;color:var(--ink);font:11px var(--mono);border-radius:4px}.filters button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--paper)}.filters button:hover{border-color:var(--ink)}.filters .count{margin-left:auto;font:10px var(--mono);color:var(--muted)}.feature-story{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;padding:32px;background:var(--teal);color:var(--paper);text-decoration:none;margin-bottom:38px;align-items:center}.story-meta{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.04em;display:flex;gap:12px;color:var(--muted)}.feature-story .story-meta{color:#ceddc9;margin-top:22px}.feature-story h2{font-size:clamp(25px,3.2vw,38px);margin:0 0 20px}.feature-story p{font-size:16px;color:#d4dfcc;margin:0 0 24px}.feature-story .read-link{display:inline-flex;gap:16px;align-items:center;font:11px var(--mono);color:var(--acid)}.feature-story:hover .read-link{text-decoration:underline}.experiment-diagram{border:1px solid #688477;padding:18px;font:10px var(--mono)}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.signal-grid i{aspect-ratio:1;background:#b8d287;display:block}.signal-grid i:nth-child(3n){background:transparent;border:1px solid #a5bc94}.signal-grid i:nth-child(7){background:#dda774}.experiment-diagram small{line-height:1.7;display:block;color:#d4dfcc}.feed-heading{font:11px var(--mono);display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.05em}.story{display:grid;grid-template-columns:95px minmax(0,1fr) 20px;gap:20px;padding:29px 0;border-bottom:1px solid var(--rule);text-decoration:none}.story h2{font:600 23px/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 9px}.story p{font-size:15px;color:var(--muted);margin:0;max-width:66ch}.story time{font:11px/1.8 var(--mono);color:var(--muted)}.story .story-meta{margin-top:13px}.story:hover h2{text-decoration:underline;text-underline-offset:5px}.story .arrow{margin-top:5px}.feed-foot{padding:28px 0 56px;font-size:14px;color:var(--muted)}.article-head{padding:47px 0 34px;border-bottom:1px solid var(--rule)}.article-head h1{font:700 clamp(34px,4.1vw,58px)/1.14 var(--mono);letter-spacing:-.04em;margin:0 0 24px;max-width:850px;text-wrap:balance}.article-head .deck{font-size:21px;max-width:650px;line-height:1.5;color:var(--muted)}.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font:11px var(--mono);margin-top:25px}.article-body{max-width:700px;padding:30px 0 58px;font-size:18px}.article-body h2{font-size:25px;margin:43px 0 18px}.article-body p{margin:0 0 22px}.article-body a{font-weight:500}.article-body table{width:100%;border-collapse:collapse;font-size:14px;margin:26px 0;line-height:1.6}.article-body th,.article-body td{text-align:left;border-bottom:1px solid var(--rule);padding:13px 12px 13px 0;vertical-align:top}.article-body th{font:11px var(--mono);text-transform:uppercase}.article-body td:first-child{width:30%;font-weight:500}.article-body ul{padding-left:22px}.article-body li+li{margin-top:8px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{grid-template-columns:minmax(0,1fr) 290px}.portrait{height:255px}.portrait img{width:250px;height:250px}}
@media(max-width:1100px){.workspace{grid-template-columns:150px minmax(0,1fr);gap:28px;padding:0 28px}.mast-inner{padding:20px 28px}.hero{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.hero h1{font-size:clamp(40px,5vw,60px)}.hero .intro{font-size:19px}.portrait{height:200px}.portrait img{width:200px;height:200px}.feature-story{grid-template-columns:1fr 170px;padding:26px;gap:24px}}
@media(max-width:820px){.workspace{display:block;padding:0 25px}.directory{display:none}.hero{grid-template-columns:1fr 240px;gap:28px}.hero h1{font-size:54px}.portrait{height:220px}.portrait img{width:220px;height:220px}.footer{padding:24px 25px}.topnav a{padding:10px}.topnav .contact-link{margin-left:0}.mast-inner{padding:20px 25px}.hero .intro{font-size:20px}}
@media(max-width:600px){body{font-size:16px}.mast-inner{padding:18px 20px;flex-wrap:wrap;gap:12px}.wordmark{font-size:20px}.topnav{width:100%;justify-content:space-between;gap:2px;font-size:11px}.topnav a{padding:10px 12px;min-height:42px}.topnav .contact-link{padding:10px 12px}.workspace{padding:0 20px}main{padding-top:22px}.document-line{font-size:9px;padding-bottom:18px}.hero{display:flex;flex-direction:column;padding:32px 0 35px;gap:32px}.hero h1{font-size:clamp(38px,11.7vw,60px);margin-bottom:24px}.hero .intro{font-size:21px}.hero .support{font-size:16px}.identity{width:100%;display:grid;grid-template-columns:42% 1fr;align-items:center}.portrait{height:170px}.portrait img{width:170px;max-width:100%;height:170px}.identity-caption{padding:18px}.identity-caption strong{font-size:14px}.identity-caption p{font-size:10px}.pixel-mark{display:none}.section-heading{align-items:start}.section-heading h2,h2{font-size:22px}.work-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.references a{grid-template-columns:48px 1fr 16px;gap:12px}.references strong{font-size:16px}.facts{grid-template-columns:1fr}.outro{padding:27px;display:block}.outro .key-link{margin-top:22px}.footer{padding:22px 20px;flex-wrap:wrap}.footer a{margin:0 18px 0 0}.news-hero{padding:32px 0}.news-hero h1{font-size:clamp(39px,11.5vw,60px)}.news-hero p{font-size:19px}.feature-story{display:block;padding:25px}.feature-story h2{font-size:30px}.experiment-diagram{display:none}.filters{gap:7px}.filters button{padding:10px 12px}.filters .count{width:100%;margin:8px 0 0}.story{grid-template-columns:1fr 18px;gap:12px}.story time{grid-column:1/-1}.story h2{font-size:22px}.story p{font-size:15px}.article-head{padding:32px 0 27px}.article-head h1{font-size:36px}.article-head .deck{font-size:19px}.article-body{font-size:17px}.article-body h2{font-size:23px}.content-section{padding:28px 0 37px}.actions{gap:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}