:root{--paper:#f4f3ed;--ink:#20251f;--muted:#6f746a;--line:#d9dcd1;--lime:#d0f875;--orange:#e67847;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7e983c;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}img{max-width:100%;display:block}.wrap{max-width:1392px;width:calc(100% - 112px);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;padding:15px;background:var(--lime);z-index:100}.skip-link:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{border-bottom:1px solid var(--line);background:rgba(244,243,237,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.navigation{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;gap:10px;align-items:center;font-family:var(--display);font-weight:700;font-size:29px;letter-spacing:-1.4px}.brand-symbol{font-size:39px;line-height:1;display:inline-block;font-weight:400}.wordmark-dot{margin-left:-10px}.nav-links{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:550}.nav-links a{padding-block:12px}.nav-links a:hover,.text-link:hover{color:#647d27}.nav-count{font:10px var(--mono);vertical-align:super;margin-left:3px;color:var(--muted)}.nav-resume{border:1px solid var(--ink);padding:12px 18px;font-size:12px;display:flex;gap:26px;transition:background .2s}.nav-resume:hover{background:var(--lime)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:12px;min-height:660px;align-items:center;padding-block:62px 48px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.5px;font-weight:500;margin:0 0 30px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#738c44;border-radius:50%;box-shadow:0 0 0 4px #e6ebdc}.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(55px,5.65vw,89px);letter-spacing:-5px;line-height:1.025;margin:0 0 28px;position:relative;z-index:1}.highlight-word{position:relative;white-space:nowrap}.highlight-word:before{content:'';background:var(--lime);position:absolute;inset:12% -2% 0;transform:rotate(-2deg);z-index:-1}.highlight-word svg{position:absolute;left:0;bottom:-13px;width:100%;height:17px;fill:none;stroke:var(--ink);stroke-width:1.8}.title-dot{color:#5f7937}.hero-description{font-size:15px;line-height:1.8;color:#656b61;margin:33px 0 27px}.hero-description code{color:var(--ink);font:13px var(--mono)}.hero-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;font-weight:500;padding:17px 22px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{color:var(--paper);background:var(--ink)}.button-dark:hover{background:#3f4e30}.button span{font-size:20px}.hero-note{font:10px/1.7 var(--mono);color:var(--muted)}.hero-signature{display:flex;align-items:center;gap:12px;margin-top:37px;font:8px/1.6 var(--mono);letter-spacing:1px;color:var(--muted)}.signature-line{width:30px;height:1px;background:#9ba190}
.experiment{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:4px}.experiment-top,.experiment-bottom{display:flex;align-items:center;justify-content:space-between;z-index:2}.experiment-top{font:8px var(--mono);letter-spacing:1.2px;color:var(--muted);padding:0 10px}.tiny-cross{font-size:17px;margin-right:8px;color:var(--ink)}.live-label{display:flex;align-items:center;gap:5px}.live-label i{width:5px;height:5px;border-radius:50%;background:#88a958}.scene{height:430px;position:relative;background-image:radial-gradient(#b8bfaa 0.6px,transparent .8px);background-size:24px 24px;cursor:grab;touch-action:pan-y;isolation:isolate}.scene:active{cursor:grabbing}.scene:before{content:'';position:absolute;inset:14% 10%;border-radius:50%;background:radial-gradient(ellipse,#dce7c459,transparent 66%);z-index:-1}.scene canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.scene-annotation{position:absolute;z-index:2;font:italic 13px Georgia,serif;color:#677550;pointer-events:none;display:flex;align-items:center;gap:8px}.annotation-one{top:24%;right:1%;transform:rotate(6deg)}.annotation-two{bottom:23%;left:0;transform:rotate(-6deg)}.scene-annotation span{width:36px;height:1px;background:#929b7d}.scene-coordinate{position:absolute;right:6px;bottom:20px;font:8px var(--mono);color:#838b78}.scene-axis{position:absolute;bottom:25px;left:15px;font:9px var(--mono);color:#838b78;width:26px;height:26px;border-left:1px solid #9da591;border-bottom:1px solid #9da591}.scene-axis span:first-child{position:absolute;top:-13px;left:-3px}.scene-axis span:last-child{position:absolute;right:-12px;bottom:-4px}.experiment-bottom{padding:10px;border-top:1px solid var(--line)}.scene-modes{display:flex;gap:5px}.mode{background:none;border:1px solid transparent;padding:9px 13px;font:10px var(--mono);color:var(--muted);transition:all .2s}.mode:hover{border-color:#bcc5ab}.mode.active{background:var(--ink);color:var(--paper)}.pause-scene{border:1px solid var(--line);background:transparent;width:32px;height:32px;color:var(--ink);font-size:12px}.scene-hint{font:8px var(--mono);letter-spacing:1.1px;text-align:center;color:#818774;margin:12px 0 0}.scene-hint span{margin-left:7px}.scene-fallback{position:absolute;inset:15%;display:grid;place-items:center}.scene-fallback i{position:absolute;width:75%;height:75%;border:1px solid #768e49;border-radius:50%;transform:rotateX(50deg) rotateY(30deg)}.scene-fallback i:nth-child(2){transform:rotateX(-40deg) rotateY(50deg)}.scene-fallback i:nth-child(3){transform:rotateX(20deg) rotateY(-40deg)}.scene-fallback b{font-size:150px;color:#86994e}.scene-ready .scene-fallback{display:none}
.topic-strip{border-block:1px solid var(--line);margin-top:8px}.topic-strip-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px}.topic-strip-inner>span{color:var(--muted)}.topic-strip-inner em{color:var(--ink);font-style:normal}.topic-strip-inner>div{display:flex;align-items:center;gap:23px;font:10px var(--mono)}.topic-strip b{font-size:19px;font-weight:400;color:#829051}
.journal{padding-top:83px;padding-bottom:25px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-family:var(--display);font-size:clamp(26px,2.65vw,39px);letter-spacing:-1.5px;font-weight:500;line-height:1.2;margin:0}.section-heading h2 span{color:#7a8170}.section-aside{font:8px var(--mono);letter-spacing:.7px;color:var(--muted);white-space:nowrap;display:flex;gap:18px;align-items:center;margin-bottom:5px}.section-aside>span{font-size:28px;color:var(--ink)}
.featured{display:grid;grid-template-columns:1.1fr 1fr;background:#e9eddf;border:1px solid #dce1d1;min-height:352px;position:relative;overflow:hidden}.feature-media{min-height:352px;position:relative;background:#dce6d0;overflow:hidden}.feature-media img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .7s}.featured:hover .feature-media img{transform:scale(1.04)}.feature-label{position:absolute;left:20px;top:20px;background:var(--paper);padding:9px 12px;font:9px var(--mono);letter-spacing:.8px}.feature-copy{padding:37px 39px;display:flex;flex-direction:column;align-items:flex-start}.post-kicker{font:9px/1.7 var(--mono);letter-spacing:.6px;color:#6d765f;display:flex;gap:10px;align-items:center}.post-kicker .post-tag{border:1px solid #b8c3a5;padding:2px 7px;color:#485b32}.feature-copy h3{font:500 clamp(28px,3vw,42px)/1.09 var(--display);letter-spacing:-1.5px;margin:23px 0 15px;max-width:390px}.feature-copy>p{font-size:14px;line-height:1.75;color:#66715c;margin:0 0 25px;max-width:360px}.feature-link{margin-top:auto;display:flex;align-items:center;gap:22px;font-size:12px;font-weight:600}.feature-link>span{border:1px solid #b9c2aa;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;transition:background .2s}.featured:hover .feature-link>span{background:var(--lime)}
.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:54px 0 22px}.archive-heading h3{font:500 21px var(--display);letter-spacing:-.5px;margin:0}.archive-heading h3>span{font:10px var(--mono);vertical-align:super;margin-left:8px;color:var(--muted)}.search-box{display:flex;gap:10px;align-items:center;border-bottom:1px solid #bfc4b6;padding:9px 0;color:var(--muted)}.search-box input{border:0;background:none;width:180px;font-size:12px;color:var(--ink);border-radius:0}.search-box input:focus{outline-offset:9px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-button{font:10px var(--mono);padding:9px 14px;border:1px solid var(--line);background:transparent;color:#616953;border-radius:3px;transition:all .2s}.filter-button:hover{border-color:#7a8b57}.filter-button.active{background:var(--lime);border-color:var(--lime);color:var(--ink)}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:27px;row-gap:38px}.post-card{min-width:0}.post-card-link{display:block;height:100%;border-bottom:1px solid var(--line);padding-bottom:23px;position:relative}.post-media{aspect-ratio:1.8;overflow:hidden;position:relative;background:#e2e6d9}.post-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .4s;filter:saturate(.8)}.post-card-link:hover img{transform:scale(1.05);filter:saturate(1)}.post-index{position:absolute;top:10px;left:10px;font:9px var(--mono);padding:5px 7px;background:var(--paper);color:#59634e}.post-card .post-kicker{margin-top:19px;font-size:8px}.post-card h4{font:500 22px/1.2 var(--display);letter-spacing:-.7px;margin:12px 0 10px;padding-right:17px}.post-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 20px}.card-bottom{font:9px var(--mono);color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px}.card-bottom>span:last-child{font-size:20px;color:var(--ink);transition:transform .2s}.post-card-link:hover .card-bottom>span:last-child{transform:translate(3px,-3px)}.media-failed:before{content:'{ ideas → código }';position:absolute;inset:0;display:grid;place-items:center;background:#dfe6d1;color:#4d6035;font:18px var(--mono)}.media-failed img{visibility:hidden}.empty-results,.loading-note{grid-column:1/-1;padding:50px 20px;text-align:center;font-size:14px;color:var(--muted)}.empty-results button,.loading-note button{border:0;background:var(--lime);padding:10px 15px;display:block;margin:15px auto;color:var(--ink)}.archive-end{display:flex;justify-content:space-between;align-items:center;margin-top:41px;padding-block:15px 23px;font:8px var(--mono);letter-spacing:1.4px;color:var(--muted)}.end-symbol{font-size:30px;color:var(--ink)}
.about-section{background:#242c22;color:#efefe5;padding-block:70px;position:relative;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:95px}.about-section .eyebrow{color:#a9b89b;margin-bottom:34px;font-size:9px}.about-person{display:flex;align-items:center;gap:17px}.about-person img{border-radius:50%;object-fit:cover;filter:grayscale(1);border:1px solid #617453}.about-person span{font:500 23px var(--display);letter-spacing:-.6px}.about-person p{font:10px/1.7 var(--mono);color:#a9b39e;max-width:180px}.text-link{font-size:12px;display:inline-flex;gap:30px;margin-top:28px;border-bottom:1px solid #7c8b6d;padding-bottom:10px;color:#d3e6b3}.about-copy h2{font:500 35px/1.18 var(--display);letter-spacing:-1.2px;margin:0 0 24px}.about-copy h2 span{color:var(--lime)}.about-copy>p{font-size:13px;line-height:1.9;color:#b2bca9;max-width:590px}.about-topics{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.about-topics span{border:1px solid #4a5841;padding:7px 11px;font:9px var(--mono);color:#d0dcc4}
.footer{padding-top:42px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:38px}.footer .wordmark{font-size:24px}.footer .brand-symbol{font-size:32px}.footer-top>p{font-size:13px;color:var(--muted)}.footer-top>div{display:flex;gap:25px;font-size:11px}.footer a:hover{color:#748a40}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:15px;font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}
@media(min-width:1500px){.hero{min-height:740px}.scene{height:490px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{padding-block:55px 40px;min-height:600px}.hero h1{font-size:66px;letter-spacing:-3.8px}.scene{height:380px}.hero-description{font-size:14px}.hero-signature{font-size:7px}.scene-annotation{font-size:11px}.topic-strip-inner>div{gap:14px;font-size:9px}.topic-strip-inner>span{font-size:11px}.section-aside{display:none}.feature-copy{padding:28px}.feature-media{min-height:320px}.about-grid{gap:45px}.about-copy h2{font-size:30px}.nav-links{gap:22px}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.navigation{height:74px}.nav-links{gap:20px;font-size:12px}.nav-resume{display:none}.hero{grid-template-columns:1fr;padding-top:44px;gap:38px}.hero h1{font-size:clamp(56px,10vw,80px);letter-spacing:-3.7px}.hero-copy{max-width:600px}.hero-description{font-size:15px}.hero-signature{margin-top:27px;font-size:8px}.experiment{max-width:570px;width:100%;justify-self:center}.scene{height:390px}.experiment-top{font-size:9px}.scene-annotation{font-size:13px}.topic-strip-inner{flex-direction:column;gap:15px;align-items:flex-start;padding-block:19px}.topic-strip-inner>div{flex-wrap:wrap;font-size:10px;gap:18px}.topic-strip-inner>span{font-size:12px}.journal{padding-top:55px}.section-heading h2{font-size:32px}.featured{grid-template-columns:1fr 1fr;min-height:300px}.feature-copy{padding:23px}.feature-copy h3{font-size:28px}.feature-copy>p{font-size:12px}.feature-media{min-height:300px}.feature-label{font-size:8px;left:12px;top:12px}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.about-grid{grid-template-columns:1fr;gap:44px}.about-section{padding-block:50px}.about-person p{max-width:none}.about-copy h2{font-size:34px}.footer-top{flex-wrap:wrap}.footer-top>p{display:none}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:480px){.navigation{gap:10px}.wordmark{font-size:25px}.brand-symbol{font-size:32px}.nav-links{gap:16px;font-size:11px}.nav-links a:nth-child(3){display:none}.hero{padding-top:36px;gap:30px}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:24px}.hero h1{font-size:57px;letter-spacing:-3.7px}.hero-description{font-size:13px}.hero-actions{gap:19px}.button{padding:16px 17px;font-size:12px;gap:20px}.hero-note{font-size:8px}.hero-signature{font-size:6px;letter-spacing:.7px}.scene{height:310px}.experiment-top{font-size:7px}.mode{font-size:9px;padding:8px 11px}.scene-annotation{font-size:11px}.annotation-one{right:0}.annotation-two{left:0}.topic-strip-inner>div{font-size:8px;gap:12px}.topic-strip b{font-size:14px}.section-heading h2{font-size:29px;max-width:330px}.section-heading h2 span{display:block}.section-heading .eyebrow{font-size:8px}.featured{grid-template-columns:1fr}.feature-media{min-height:210px;aspect-ratio:1.6}.feature-copy{padding:26px}.feature-copy h3{font-size:32px;max-width:250px;margin-top:18px}.feature-copy>p{font-size:13px}.feature-link{margin-top:5px}.archive-heading{align-items:flex-start;flex-direction:column;gap:19px;margin-top:39px}.archive-heading h3{font-size:21px}.search-box{width:100%}.search-box input{width:100%}.filter-bar{gap:6px}.filter-button{font-size:9px;padding:8px 11px}.posts-grid{grid-template-columns:1fr;gap:29px}.post-card h4{font-size:25px}.post-card p{font-size:13px}.post-card .post-kicker{font-size:9px}.post-media{aspect-ratio:1.8}.post-card-link{padding-bottom:19px}.about-copy h2{font-size:29px}.about-person span{font-size:23px}.about-person p{font-size:9px}.footer-top>div{gap:16px}.footer-bottom{font-size:7px}.archive-end{font-size:7px;letter-spacing:.6px}}
@media(max-width:480px){.hero h1{font-size:clamp(43px,14.6vw,57px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.wordmark-avatar{width:40px;height:40px;border-radius:6px;box-shadow:0 0 0 1px var(--ink);image-rendering:pixelated;flex:none}
@media(max-width:480px){.wordmark-avatar{width:32px;height:32px}}