@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:ital,opsz,wght@1,6..72,600&display=swap');

:root{--paper:#f6f0e4;--ink:#171713;--muted:#69665e;--line:#cbc4b5;--blue:#1746d1;--orange:#ff5a36;--yellow:#ffcc41;--surface:#fffaf0;--max:1240px;--shadow:6px 6px 0 var(--ink)}
:root[data-theme="dark"]{--paper:#161714;--ink:#f4efdf;--muted:#aaa69d;--line:#494942;--surface:#20211d;--blue:#6e8fff;--orange:#ff7454;--yellow:#f5c94a;--shadow:6px 6px 0 #000}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg{max-width:100%}.skip-link{position:fixed;top:-100px;left:1rem;background:var(--ink);color:var(--paper);padding:.7rem 1rem;z-index:99}.skip-link:focus{top:1rem}.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}
.site-header{max-width:var(--max);height:88px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.06em}.brand b{display:inline-grid;place-items:center;margin-left:.18rem;width:30px;height:30px;background:var(--orange);color:#fff;border-radius:50%;font-size:.85rem;letter-spacing:-.02em}.site-header nav{display:flex;gap:2.2rem;font-size:.88rem;font-weight:700}.site-header nav a,.footer-links a{position:relative}.site-header nav a:after,.footer-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--orange);transition:right .2s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.footer-links a:hover:after{right:0}.theme-toggle{justify-self:end;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:1.2rem}.theme-toggle:hover{background:var(--ink);color:var(--paper)}
main{overflow:hidden}.hero{max-width:var(--max);min-height:660px;margin:auto;padding:72px 28px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center}.eyebrow{margin:0 0 18px;font-family:"DM Mono",monospace;font-size:.73rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.hero h1,.page-intro h1,.article-head h1{margin:0;font-size:clamp(4.2rem,8vw,8.4rem);line-height:.82;letter-spacing:-.075em;font-weight:800}.hero h1 em{font-family:Newsreader,Georgia,serif;font-weight:600;color:var(--orange)}.lead{max-width:610px;margin:34px 0 30px;color:var(--muted);font-size:clamp(1.08rem,1.6vw,1.34rem);line-height:1.55}.button{display:inline-flex;align-items:center;gap:2rem;background:var(--ink);color:var(--paper);padding:15px 20px 15px 22px;font-weight:700;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--orange);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--orange)}.hero-art{position:relative;transform:rotate(2deg)}.hero-art>p{position:absolute;right:-20px;bottom:-42px;margin:0;padding:14px 18px;background:var(--yellow);color:#171713;border:1px solid #171713;font-family:"DM Mono",monospace;font-size:.7rem;line-height:1.5;transform:rotate(-5deg)}
.cover{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--surface);border:1px solid var(--ink);isolation:isolate}.cover:before,.cover:after,.cover i,.cover .cover-grid{content:"";position:absolute;display:block}.cover-grid{inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;opacity:.52;z-index:-3}.cover b{position:absolute;left:8%;bottom:10%;font-size:clamp(2rem,5vw,5.8rem);line-height:.85;letter-spacing:-.08em}.cover em{position:absolute;right:6%;top:5%;font-family:"DM Mono";font-style:normal;font-size:.75rem}.cover--life{background:var(--blue);color:#fff}.cover--life:before{width:47%;aspect-ratio:1;border-radius:50%;background:var(--orange);right:-5%;top:8%;box-shadow:-120px 145px 0 -26px var(--yellow)}.cover--life:after{width:54%;height:18%;background:var(--paper);right:9%;bottom:12%;transform:rotate(-11deg);border:1px solid var(--ink)}.cover--life i{width:19%;height:50%;background:var(--ink);left:16%;top:7%;transform:rotate(10deg)}.cover--code{background:#1e201c;color:#f6f0e4}.cover--code:before{width:68%;height:46%;border:2px solid var(--blue);left:12%;top:14%;box-shadow:10px 10px 0 var(--orange)}.cover--code:after{content:"await  ↵\A{ data }";white-space:pre;font-family:"DM Mono";font-size:clamp(.8rem,2.2vw,1.45rem);left:20%;top:23%;color:#8fddae}.cover--cloud{background:var(--yellow);color:#171713}.cover--cloud:before{width:56%;height:35%;border:2px solid #171713;border-radius:100px;right:8%;top:17%;background:var(--paper);box-shadow:-70px 90px 0 -15px var(--blue)}.cover--cloud:after{width:2px;height:65%;background:#171713;left:28%;top:0;box-shadow:70px 0 #171713,140px 0 #171713}.cover--craft{background:var(--orange);color:#fff}.cover--craft:before{width:62%;height:62%;border:20px solid #171713;border-radius:50%;right:-8%;top:-12%;box-shadow:-120px 120px 0 -12px var(--blue)}.cover--craft:after{width:48%;height:4px;background:#fff;left:9%;top:30%;transform:rotate(-24deg);box-shadow:0 23px #fff,0 46px #fff}
.latest,.more{max-width:var(--max);margin:auto;padding:90px 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:42px}.section-head h2,.manifest h2{margin:0;font-size:clamp(2.4rem,4.5vw,4.7rem);line-height:.95;letter-spacing:-.06em}.search input{width:280px;padding:12px 0;border:0;border-bottom:2px solid var(--ink);outline:0;background:transparent;color:var(--ink)}.search input:focus{border-color:var(--blue)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}.filters button{padding:8px 14px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--ink);cursor:pointer;font-size:.78rem;font-weight:700}.filters button:hover,.filters button.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.post-card{display:grid;border-top:1px solid var(--line);padding-top:22px}.post-card--featured{grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;margin-bottom:78px}.post-card--featured .cover{aspect-ratio:16/10}.card-copy{padding:8px 0}.meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-family:"DM Mono",monospace;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.meta span:first-child{color:var(--blue)}.meta>*+*:before{content:"/";margin-right:12px;color:var(--line)}.post-card h2{margin:15px 0 12px;font-size:clamp(1.55rem,2.8vw,3rem);line-height:1.05;letter-spacing:-.045em}.post-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:4px;text-underline-offset:5px}.post-card p{margin:0 0 22px;color:var(--muted)}.read-more{font-size:.8rem;font-weight:800}.read-more span{margin-left:10px;transition:margin .2s}.read-more:hover span{margin-left:17px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.post-grid .post-card .cover{aspect-ratio:5/3}.post-grid .post-card h2{font-size:1.55rem}.post-grid .post-card p{font-size:.9rem}.post-card[hidden]{display:none}.empty-state{padding:50px;border:1px dashed var(--line);text-align:center;color:var(--muted)}
.manifest{max-width:var(--max);margin:80px auto 0;padding:100px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifest blockquote{max-width:970px;margin:0 0 38px;font-size:clamp(2.3rem,5vw,5.2rem);line-height:1;letter-spacing:-.06em;font-weight:700}.manifest a{font-weight:800;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:6px}
.page-intro{max-width:var(--max);margin:auto;padding:100px 28px 70px}.page-intro h1{font-size:clamp(4rem,9vw,8.5rem)}.page-intro>p:last-child{max-width:700px;margin:30px 0 0;font-size:1.3rem;color:var(--muted)}.page-intro--about h1{font-size:clamp(3.8rem,7.5vw,7.4rem)}.archive-list{max-width:var(--max);margin:0 auto 110px;padding:0 28px;border-top:2px solid var(--ink)}.archive-row{display:grid;grid-template-columns:180px 100px 1fr 30px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.archive-row time,.archive-row span{font-family:"DM Mono";font-size:.68rem;text-transform:uppercase;color:var(--muted)}.archive-row strong{font-size:1.35rem}.archive-row i{font-style:normal;font-size:1.4rem;transition:transform .2s}.archive-row:hover i{transform:translateX(7px)}.archive-row:hover strong{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px}.about-grid{max-width:var(--max);margin:auto;padding:30px 28px 120px;display:grid;grid-template-columns:minmax(0,740px) 320px;gap:100px}.about-note{align-self:start;background:var(--blue);color:#fff;padding:34px;border:1px solid var(--ink);box-shadow:var(--shadow);transform:rotate(2deg)}.about-note span{font:500 .7rem "DM Mono"}.about-note strong{display:block;margin:70px 0 15px;font-size:3rem;letter-spacing:-.06em}.about-note p{margin:0;color:#e6eaff}
.article{max-width:var(--max);margin:auto;padding:75px 28px}.article-head{max-width:980px;margin:auto}.back{display:inline-block;margin-bottom:44px;font:500 .72rem "DM Mono";color:var(--muted)}.article-head h1{margin:28px 0;font-size:clamp(3.4rem,7vw,7rem);line-height:.9}.article-deck{max-width:800px;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--muted)}.article-cover{margin:70px 0}.article-cover .cover{aspect-ratio:16/7}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:90px;justify-content:center}.article-layout aside{padding-top:9px;font-size:.8rem;border-top:2px solid var(--ink)}.article-layout aside p{margin:10px 0;color:var(--muted);font:500 .68rem "DM Mono";text-transform:uppercase}.article-layout aside strong,.article-layout aside span{display:block}.article-layout aside span{color:var(--muted)}.prose{font-size:1.08rem;line-height:1.85}.prose>p:first-child{font-size:1.25rem}.prose h2{margin:2.7em 0 .7em;font-size:2rem;line-height:1.1;letter-spacing:-.04em}.prose h3{margin:2em 0 .5em}.prose a{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px}.prose code{padding:.14em .35em;background:var(--surface);border:1px solid var(--line);font-family:"DM Mono";font-size:.88em}.prose pre{overflow:auto;padding:22px;background:#1d1f1c;color:#d8f4df;border-left:5px solid var(--orange)}.prose pre code{padding:0;background:none;border:0}.prose blockquote{margin:2em 0;padding:0 0 0 24px;border-left:5px solid var(--orange);font-size:1.35rem;font-weight:700;line-height:1.5}.prose li{margin:.5em 0}.more{border-top:1px solid var(--line)}
.site-footer{max-width:var(--max);margin:70px auto 0;padding:58px 28px;display:grid;grid-template-columns:1fr auto;gap:40px;border-top:2px solid var(--ink)}.brand--small{font-size:1.05rem}.site-footer>div>p{margin:.7rem 0;color:var(--muted);font-size:.85rem}.footer-links{display:flex;gap:28px;align-items:start;font-size:.78rem;font-weight:700}.copyright{grid-column:1/-1;margin:20px 0 0;color:var(--muted);font:400 .67rem "DM Mono"}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;gap:18px}.site-header nav{display:flex;gap:1rem;font-size:.75rem}.site-header nav a:first-child{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:60px}.hero-art{max-width:650px}.post-card--featured{grid-template-columns:1fr;gap:25px}.post-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}.about-grid{grid-template-columns:1fr;gap:60px}.about-note{max-width:360px}.archive-row{grid-template-columns:140px 1fr 30px}.archive-row span{display:none}}@media(max-width:600px){.site-header{height:72px;padding:0 18px;gap:12px}.site-header nav{gap:.7rem;font-size:.68rem}.theme-toggle{width:40px;height:40px}.hero,.latest,.more,.page-intro,.article{padding-left:18px;padding-right:18px}.hero{padding-top:54px;padding-bottom:60px}.hero h1{font-size:4rem}.hero-art>p{right:-4px}.section-head{align-items:start;flex-direction:column}.search,.search input{width:100%}.post-grid{grid-template-columns:1fr}.post-card--featured{margin-bottom:55px}.manifest{margin-top:25px;padding:70px 18px}.archive-list{padding:0 18px}.archive-row{grid-template-columns:1fr 25px;gap:8px;padding:22px 0}.archive-row time{grid-column:1}.archive-row strong{grid-column:1}.archive-row i{grid-column:2;grid-row:1/3}.about-grid{padding:0 18px 80px}.article{padding-top:45px}.article-cover{margin:45px -18px}.article-cover .cover{border-left:0;border-right:0;aspect-ratio:4/3}.site-footer{margin-top:30px;padding:45px 18px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}