@charset "UTF-8";
:root{--paper:#f5f3ee;--graphite:#252525;--muted:#626262;--stone:#dcdad4;--yellow:#f2ca50;--sans:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9a6800;outline-offset:6px}.dark a:focus-visible{outline-color:var(--yellow)}::selection{background:var(--yellow);color:var(--graphite)}.page-shell{max-width:1460px;margin:auto;padding:0 60px}.header{display:flex;align-items:center;gap:36px;padding:30px 0 26px;border-bottom:1px solid #aaa8a3}.brand{display:flex;gap:21px;align-items:center;flex-shrink:0}.brand strong{font-family:var(--display);font-size:34px;line-height:1.05;letter-spacing:-.7px}.handle{display:block;font:12px var(--mono);color:var(--muted);margin-top:5px}.signature{display:grid;grid-template-columns:repeat(3,6px);gap:5px}.signature i{height:6px;background:var(--graphite)}.signature i:nth-child(2),.signature i:last-child{background:var(--yellow)}.signature i:nth-child(3),.signature i:nth-child(4){opacity:.5}.header-rule{flex:1;height:1px;background:var(--stone)}nav{display:flex;gap:27px;align-items:center;font-size:14px}nav a{padding:8px 0}nav a:hover,.text-link:hover,.inline-links a:hover{box-shadow:0 2px 0 var(--yellow)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:42px;padding:49px 0 46px;align-items:stretch}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:1px}.hero-copy>.eyebrow{color:var(--muted);margin:8px 0 25px}h1{font:700 clamp(46px,5.6vw,80px)/.99 var(--display);letter-spacing:-1.9px}h1 em{display:inline-block;font:italic clamp(49px,6.35vw,91px)/1.18 var(--serif);letter-spacing:-4px;margin-top:3px;white-space:nowrap}.highlight{position:relative;z-index:0}.highlight:after{position:absolute;content:'';height:18%;background:var(--yellow);left:-5%;right:-8%;bottom:6%;z-index:-1;transform:rotate(-3deg);border-radius:2px}.intro{font-size:18px;line-height:1.7;max-width:640px;margin:26px 0}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.button{min-height:50px;padding:12px 23px;display:inline-flex;gap:28px;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;border:1px solid var(--graphite);transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--graphite);color:var(--paper)}.button-dark span{color:var(--yellow);font-size:22px}.button-outline:hover{background:#ebe8e0}.button-yellow{background:var(--yellow);color:var(--graphite);border-color:var(--yellow)}.button-yellow:hover{background:#ffe17b}.current-role{font-size:12px;color:var(--muted);margin-top:31px;display:flex;align-items:center;gap:18px}.current-role>span{width:34px;height:1px;background:var(--graphite)}.dark{background:var(--graphite);color:var(--paper)}.workshop-preview{padding:28px 28px 20px;position:relative;overflow:hidden}.label{display:inline-block;background:var(--yellow);color:var(--graphite);padding:8px 13px;font:500 12px/1.4 var(--mono);letter-spacing:1.5px}.preview-heading{font:500 27px/1.12 var(--display);margin:23px 0 17px}.workshop-item{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #4b4b49;font-size:14px}.workshop-item>span:last-child{margin-left:auto;color:var(--yellow)}.workshop-item small{display:block;font-size:12px;color:#c3c0b8;margin-top:3px}.square{width:12px;height:12px;border:1px solid var(--paper);margin-top:6px;flex-shrink:0}.process{background-image:radial-gradient(#666 1px,transparent 1px);background-size:15px 15px;display:flex;flex-direction:column;align-items:center;margin:22px 0 8px;padding:7px 0;gap:2px;font:12px var(--mono)}.process>span{border:1px solid #9b9b95;padding:8px 20px;background:var(--graphite)}.process>span.process-accent{background:var(--yellow);color:var(--graphite);border-color:var(--yellow)}.process>b{font-weight:400;color:#b3b3ac;line-height:1.3}.hand-note{font:italic 17px var(--serif);text-align:right;transform:rotate(-4deg);margin-top:13px;color:#d9d6ce}.section{margin-bottom:70px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;margin-bottom:21px}.section-heading:before{content:'';position:absolute;height:1px;background:#aaa8a3;top:50%;width:100%;z-index:-1}.section-heading .eyebrow{background:var(--paper);padding-left:20px}.section-heading .eyebrow span{margin:0 10px}.featured-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}.project{border:1px solid var(--stone);padding:27px 29px}.project-topline{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.tag{font-size:12px;border:1px solid var(--stone);padding:2px 8px;white-space:nowrap}.project h3{font:600 34px/1.1 var(--display);letter-spacing:-.4px;margin-bottom:13px}.project>p{max-width:530px;color:var(--muted)}.diagram{margin:26px 0 29px;padding:32px 18px;background-image:radial-gradient(#c5c1b8 1px,transparent 1px);background-size:12px 12px;display:flex;align-items:center;justify-content:center;gap:10px;font:12px var(--mono);min-height:128px}.diagram span{padding:14px 10px;border:1px solid #aaa8a3;background:var(--paper);text-align:center}.diagram .diagram-focus{background:var(--yellow);border-color:var(--yellow)}.diagram b{font:18px var(--mono)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:15px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary>span:last-child:not(:first-child){font-size:22px;font-weight:400}details{border-top:1px solid var(--stone)}details[open]>summary>span:last-child:not(:first-child){transform:rotate(45deg)}.details-body{padding:2px 0 19px;color:var(--muted);font-size:14px;line-height:1.8}.details-body p+p{margin-top:12px}.details-body strong{color:var(--graphite)}.project-cloud .metric{font:700 100px/.95 var(--display);color:var(--graphite);letter-spacing:-3px;margin:19px 0 16px}.metric>span:first-child{display:block;font:500 25px var(--display);letter-spacing:0;margin-bottom:4px}.metric .percent{font-size:65px;letter-spacing:-2px}.project-cloud>p:not(.metric){max-width:290px;margin-bottom:25px}.rubio-project{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:34px 29px}.rubio-intro h3{font-size:46px;margin-top:20px}.rubio-intro>p{max-width:450px;color:var(--muted)}.rubio-work>div{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid var(--stone)}.rubio-work>div:first-child{padding-top:0}.index{font:12px var(--mono);color:var(--muted);padding-top:4px}.rubio-work strong{display:block;font-size:16px;margin-bottom:4px}.rubio-work p>span{display:block;font-size:14px;color:var(--muted)}.rubio-work details{border-top:0}.inline-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:15px;color:var(--graphite)}.project-archive{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:34px}.archive-label{padding-top:17px;color:var(--muted)}.archive-list{border-bottom:1px solid var(--stone)}.archive-list summary{padding:17px 0}.archive-list summary strong{font:500 25px var(--display);display:inline-block;min-width:150px}.archive-list summary small{font-size:13px;color:var(--muted)}.lab-section{padding:45px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px}.lab-heading h2{font:600 48px/1.06 var(--display);margin:29px 0 24px}.lab-heading h2 em{font:italic 43px/1.15 var(--serif);letter-spacing:-1px}.lab-heading>p{font-size:16px;color:#d0cdc6;max-width:390px}.lab-content article{padding:17px 0 24px;border-bottom:1px solid #55544f}.lab-content article:first-child{padding-top:4px}.lab-content .eyebrow{color:var(--yellow)}.lab-content h3{font:500 29px var(--display);margin:10px 0}.lab-content p{font-size:14px;color:#d0cdc6}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;padding:5px 0;border-bottom:1px solid #aaa8a3}.lab-content .text-link{margin-top:15px}.github-link{display:flex;justify-content:space-between;padding-top:21px;font-size:14px}.github-link:hover{color:var(--yellow)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:15px 0}.about-grid h3{font:600 43px/1.16 var(--display)}.about-grid h3 em{font:italic 40px/1.22 var(--serif);display:block;letter-spacing:-1px;margin-top:10px}.about-copy p{color:var(--muted);margin-bottom:18px}.about-copy .text-link{margin-top:4px}.community-main{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:13px 0 33px}.community-number{display:flex;align-items:baseline;gap:13px;font:600 94px/1 var(--display)}.community-number span{font:italic 30px var(--serif)}.community-main h3{font:500 30px var(--display);margin-top:8px}.community-main>div:last-child{padding-top:10px;color:var(--muted)}.community-main p+p{margin-top:14px}.community-others{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--stone);padding-top:26px}.community-others h3{font:500 27px var(--display);margin:8px 0}.community-others p{font-size:14px;color:var(--muted);max-width:440px}.contact-section{padding:38px 45px 48px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:25px}.contact-grid h2{font:600 57px/1.03 var(--display)}.contact-grid h2 em{font:italic 75px/1.1 var(--serif);letter-spacing:-2px}.contact-grid p{color:#d0cdc6;margin-bottom:13px}.contact-grid .button{margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0 30px;font:12px/1.6 var(--mono)}footer p>span{margin:0 14px;color:var(--muted)}footer>div{display:flex;gap:25px}.footer-domain{color:var(--muted)}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;padding:12px 20px;background:var(--yellow)}.skip-link:focus{top:10px}
@media(min-width:1450px){.hero{gap:52px}h1{font-size:80px}h1 em{font-size:91px}}
@media(max-width:1100px){.page-shell{padding:0 32px}.header{gap:22px}nav{gap:18px}.hero{gap:25px;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)}h1{font-size:60px}h1 em{font-size:64px;letter-spacing:-3px}.intro{font-size:16px}.hero-copy>.eyebrow{font-size:12px;letter-spacing:.5px}.hero-actions{gap:10px}.button{padding:11px 16px;gap:15px}.workshop-preview{padding:23px}.rubio-project,.about-grid,.community-main,.community-others,.contact-grid{gap:35px}.lab-section{gap:35px;padding:35px}.archive-list summary strong{display:block}.archive-list summary small{display:block;margin-top:3px}.diagram{gap:6px;padding:30px 7px}.diagram span{font-size:11px;padding:12px 7px}.footer-domain{display:none}}
@media(max-width:800px){.header-rule{display:none}.header{justify-content:space-between;flex-wrap:wrap;padding:23px 0}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--graphite);padding:10px 0 10px 10px;font-size:14px}.menu-toggle span{font-size:22px}nav{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--stone);padding-top:13px}body.js nav:not(.is-open){display:none}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 38px}h1{font-size:clamp(47px,8.4vw,70px)}h1 em{font-size:clamp(51px,9vw,77px);letter-spacing:-2.8px}.hero-copy>.eyebrow{margin:0 0 24px}.intro{font-size:18px;max-width:620px}.workshop-preview{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.workshop-preview>.label{justify-self:start}.preview-heading{grid-column:1;margin-bottom:12px}.workshop-item{grid-column:1}.process{grid-column:2;grid-row:2/5;margin:0}.hand-note{grid-column:2;grid-row:5;margin-top:10px}.featured-grid{grid-template-columns:1fr 1fr}.project{padding:22px}.project-topline{flex-wrap:wrap;gap:8px}.project h3{font-size:30px}.diagram{flex-direction:column;margin:20px 0}.diagram span{min-width:120px;font-size:12px}.diagram b{transform:rotate(90deg)}.project-cloud .metric{font-size:92px;margin:32px 0}.project-cloud .metric .percent{font-size:55px}.section-heading>.eyebrow{display:none}.rubio-project{grid-template-columns:1fr;gap:28px}.rubio-intro>p{max-width:none}.rubio-intro h3 br{display:none}.rubio-intro h3{font-size:37px}.project-archive{grid-template-columns:1fr;gap:12px}.archive-label br{display:none}.lab-section{grid-template-columns:1fr;gap:30px}.lab-heading>p{max-width:none}.lab-heading h2 br{display:none}.lab-heading h2 em{display:block}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid h3 em br{display:none}.community-main{gap:25px}.community-number{font-size:78px}.community-number span{font-size:25px}.contact-section{padding:32px}.contact-grid{gap:25px}.contact-grid h2{font-size:44px}.contact-grid h2 em{font-size:59px}footer{flex-wrap:wrap}.section{margin-bottom:50px}}
@media(max-width:540px){.page-shell{padding:0 20px}.brand strong{font-size:30px}.brand{gap:16px}.header{padding:22px 0 19px}.hero{padding-top:28px}.hero-copy>.eyebrow{font-size:11px;letter-spacing:.5px}h1{font-size:clamp(39px,9.8vw,53px);letter-spacing:-1px}h1 em{font-size:clamp(43px,10.8vw,59px);letter-spacing:-2.5px;line-height:1.2;margin-top:8px}.intro{font-size:16px;line-height:1.75;margin:22px 0}.hero-actions{flex-direction:column;gap:10px}.button{justify-content:space-between;padding:12px 18px;font-size:14px}.current-role{font-size:12px;line-height:1.5;margin-top:23px;gap:12px}.current-role>span{width:23px;flex-shrink:0}.workshop-preview{grid-template-columns:1fr;padding:23px}.preview-heading{font-size:27px}.process{display:none}.hand-note{grid-column:1;grid-row:auto;margin:22px 0 0}.workshop-item{padding:13px 0}.section-heading{margin-bottom:16px}.label{font-size:11px;letter-spacing:1px;padding:8px 10px}.featured-grid{grid-template-columns:1fr;gap:15px}.project{padding:22px}.project-topline{flex-wrap:nowrap}.project-topline .eyebrow{font-size:11px;letter-spacing:.5px}.project h3{font-size:32px}.project>p{font-size:15px}.diagram{flex-direction:row;gap:5px;padding:24px 0;min-height:100px}.diagram span{font-size:10px;min-width:0;padding:11px 5px}.diagram b{transform:none;font-size:15px}.project-cloud .metric{font-size:98px;margin:16px 0}.project-cloud>p:not(.metric){max-width:none}.rubio-project{margin-top:15px}.rubio-intro h3{font-size:36px}.rubio-intro p{font-size:15px}.rubio-work>div{gap:18px}.rubio-work strong{font-size:15px}.archive-list summary strong{font-size:25px}.archive-list summary small{font-size:13px}.lab-section{padding:27px 23px}.lab-heading h2{font-size:40px;margin-top:23px}.lab-heading h2 em{font-size:36px;line-height:1.16}.lab-content h3{font-size:28px}.about-grid h3{font-size:35px}.about-grid h3 em{font-size:32px}.about-copy p{font-size:15px}.community-main{grid-template-columns:1fr;gap:17px}.community-main>div:last-child{font-size:15px;padding-top:0}.community-number{font-size:83px}.community-others{grid-template-columns:1fr;gap:26px}.community-others article+article{border-top:1px solid var(--stone);padding-top:22px}.contact-section{padding:28px 23px 32px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact-grid h2{font-size:47px}.contact-grid h2 em{font-size:65px}.contact-grid p{font-size:15px}.contact-grid .button{width:100%}footer{padding:24px 0;gap:16px;font-size:11px}footer>div{width:100%;justify-content:space-between}nav a{font-size:13px}.section{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}