*{box-sizing:border-box}body{font-family:Georgia,serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}a,a:visited{text-decoration:none;color:#00f}a:hover{text-decoration:underline;text-decoration-style:dashed}.work-content a{text-decoration:none;color:#00f}.work-content a:visited{color:#00f}.page{min-height:100vh;position:relative}.page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 40px 20px}.social-icons{display:flex;align-items:center;gap:16px}.social-icons a{color:#333}.social-icons a:hover{color:#00f;text-decoration:none}.social-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.social-disabled{color:#bbb}.coming-soon{font-size:.75rem;font-style:italic;color:#888;opacity:0;transition:opacity .2s}.social-icons:has(.social-disabled:hover)~.coming-soon{opacity:1}.bio{max-width:850px;margin:0 auto;padding:20px 40px 80px;font-size:1.5rem;line-height:1.6}.projects{padding:0 40px 80px}.project-row{display:block;max-width:60%;margin-bottom:60px;color:inherit;text-decoration:none;overflow:visible}.project-row:hover{text-decoration:none}.project-row-right{margin-left:auto;max-width:none;width:60%}.project-row-right .project-info{text-align:left}.project-preview{margin-bottom:16px;pointer-events:none;overflow:visible}.project-headline{font-size:1rem;line-height:1.5;margin-bottom:4px;color:#333}.project-title{font-style:italic;color:#000;margin-right:.4em}.wip-badge{font-family:Arial,sans-serif;font-size:.65rem;font-style:normal;letter-spacing:.05em;padding:2px 6px;border:1px solid #ccc;border-radius:999px;color:#999;margin-right:.4em;vertical-align:middle}.project-caption{font-size:.85rem;color:#000}.project-arrow{margin-left:.5em;color:#00f}.work-page{padding-bottom:80px}.back-link{font-size:1rem;color:#00f}.back-link:visited{color:#00f}.back-link:hover{text-decoration:none}.work-full{padding:0 40px}.work-hero{display:flex;align-items:flex-start;gap:40px;margin-bottom:60px}.work-hero .work-visualization{flex:1;max-width:60%;margin-bottom:0}.work-hero-text{flex-shrink:0;padding-top:20px}.work-hero-text h1{font-size:2.5rem;font-weight:400;font-style:italic;margin:0 0 12px}.work-hero-right{flex-direction:row-reverse}.work-meta{color:#000;font-size:1rem}.work-visualization{margin-bottom:40px}.work-hero-text .work-content{margin-top:40px}.work-content p:last-child a{display:inline-block;margin-top:40px}.work-content{max-width:600px}.work-content p{font-size:1rem;line-height:1.6;margin-bottom:1em}.retail-odds{display:block;background:#f7f7f7;padding:24px;border-radius:4px;max-height:80vh;width:fit-content}.retail-odds svg{max-height:calc(80vh - 48px);width:auto}.chaos-viz-container{width:100%;height:100%;position:relative}.chaos-viz{width:100%}.chaos-viz svg{width:100%;height:auto}.sharpie-overlay{position:absolute;inset:0;pointer-events:none}.sharpie-overlay:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:#fffffa0a;pointer-events:none}.sharpie-layer{position:absolute;inset:0;pointer-events:none;overflow:visible}.sharpie-layer svg{width:100%;height:auto;overflow:visible}.reciprocity-viz-container{width:100%;height:100%;position:relative}.reciprocity-viz{width:100%}.reciprocity-viz svg{width:100%;height:auto}@media(max-width:900px){.bio{font-size:1.35rem;padding:20px 40px 60px}.project-row{max-width:80%}.project-row-right{width:80%!important}.work-hero{flex-direction:column;gap:32px}.work-hero .work-visualization{max-width:100%;width:100%;margin-left:0!important;margin-right:0!important}.work-hero-right{flex-direction:column}.work-hero-right .work-visualization{order:-1}.work-hero-text{padding-top:0}.work-hero-text h1{font-size:2.25rem}}@media(max-width:768px){.page-header{padding:32px 32px 16px}.bio{padding:40px 32px 60px}.projects{padding:0 32px 60px}.project-row,.project-row-right{max-width:90%!important;width:90%!important}.work-full{padding-left:32px;padding-right:32px}}@media(max-width:600px){.page-header{padding:24px 24px 12px}.social-icons{gap:12px}.bio{padding:60px 24px;font-size:1.25rem}.projects{padding:0 24px 60px}.project-row,.project-row-right{max-width:100%!important;width:100%!important;margin-left:0}.work-full{padding-left:24px;padding-right:24px}.work-hero{gap:24px}.work-hero-text h1{font-size:2rem}.work-hero-text .work-content{margin-top:40px}}
