html{scroll-behavior:smooth;scroll-padding-top:72px}.theme-1{--bg: #edede9;--fg: #252422}.theme-2{--bg: #00492b;--fg: #ebaeed}.theme-3{--bg: #634d1c;--fg: #b28ef7}.theme-4{--bg: #f2b07f;--fg: #0700c2}.theme-5{--bg: #1c3738;--fg: #00ffd8}.wrapper{background-color:var(--bg);color:var(--fg);transition:background-color .3s ease,color .3s ease}.footer{background-color:var(--fg);color:var(--bg);transition:background-color .3s ease,color .3s ease}@font-face{font-family:TT Commons Pro;src:url(/fonts/TT_Commons_Pro_Medium.woff2) format("woff2"),url(/fonts/TT_Commons_Pro_Medium.woff) format("woff");font-style:normal;font-display:swap}a,a:visited,a:active{color:inherit;text-decoration:none}header{padding-top:0}body{margin:0;font-family:TT Commons Pro,sans-serif;font-weight:400;letter-spacing:.05ch;padding:0}.main{height:100%}.wrapper{background-color:var(--bg);color:var(--fg);transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}.container{flex:1;width:100%;box-sizing:border-box}.stack-row{position:sticky;top:0;height:100vh;display:grid;align-content:start}.stack-row{will-change:transform}.divider{color:inherit;position:relative;border:none;margin:0;border-top:2px solid currentColor}.row{display:flex;height:8vh;justify-content:space-between;align-items:center;padding:1.5rem 0;text-align:center}h1{font-size:2rem;font-weight:400;letter-spacing:.1ch}h2{letter-spacing:.1ch;font-weight:400}h4{margin-block-start:0}p{margin-block-start:0;margin-block-end:0;font-weight:400}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#252422;color:#fff;padding:2rem;letter-spacing:.05ch;font-weight:300}.icon{height:50px;width:50px;padding:2rem}.contrast-icon path{fill:currentColor}.contrast-icon{height:50px;width:50px;padding-top:2rem;padding-bottom:2rem;padding-right:1.5rem;transition:color .3s ease;color:var(--fg);cursor:pointer}.contrast-icon:hover{animation-name:contrastThemeCycle;animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in;animation-direction:alternate}@keyframes contrastThemeCycle{0%{color:#252422}25%{color:#ffd6ff}50%{color:#e5383b}75%{color:#4a3fdb}to{color:#00ffd8}}.footer-icons{display:flex;flex-direction:row;padding:0;gap:1rem}.footer-icon{width:30px;height:30px;will-change:filter;transition:filter .3s}.footer-icon-hover:hover{filter:drop-shadow(0 0 2em #646cffaa)}.under-row{box-sizing:border-box;width:100%;overflow-x:hidden}.about-content{box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;padding:2rem;column-count:2;column-gap:2rem;margin:0;font-size:20px}.experience-content{font-size:20px;padding:2rem}.under-row .about-content p:first-child{margin-top:0}.under-row.slide-down{max-height:none;opacity:1}.under-row.slide-up{max-height:0;opacity:0}.plus-icon-wrapper{width:50px;height:50px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:content-box}.plus-icon{transition:transform .3s ease;cursor:pointer}.project-summary-row{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;z-index:0;scroll-margin-top:72px}.project-summary-left,.project-summary-right{display:flex;align-items:center;gap:.75rem;z-index:1}.project-title{position:absolute;left:50%;transform:translate(-50%);font-weight:500;pointer-events:none}.badge-circle{width:50px;height:50px;padding:2rem;border-radius:50%;object-fit:cover}.badge-circle img{width:100%;height:100%;object-fit:cover;display:block}.project-year{font-size:.9rem;opacity:.8;display:inline-block;padding:.3rem .75rem;font-size:.8rem;border-radius:1.25rem;font-weight:400;background-color:transparent;border:1.5px solid currentColor;color:inherit;white-space:nowrap;box-shadow:0 2px 6px #0000001f}.section{scroll-margin-top:72px}.section-filter-pill--year{background:transparent;color:inherit;padding:.3rem .75rem;font-size:.8rem;border-radius:1.25rem;border:1.5px solid currentColor;white-space:nowrap;box-shadow:0 2px 6px #0000001f}.project-year,.filter-clear{cursor:pointer}.project-year:focus-visible,.filter-clear:focus-visible,.project-tag:focus-visible,.section-filter-pill:focus-visible{outline:2px solid currentColor;outline-offset:2px}.project-tag{display:inline-block;padding:.3rem .75rem;font-size:.8rem;border-radius:1.25rem;font-weight:500;text-transform:capitalize;white-space:nowrap;color:#fff;background-color:#999;border:none!important;cursor:pointer}.project-content.with-carousel{display:grid;grid-template-columns:1.2fr 1.2fr .3fr;gap:2rem;align-items:start}.project-carousel{width:100%}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:center}.carousel-slide img{display:block;width:100%;height:500px;object-fit:cover;border-radius:14px}.carousel-dots{display:flex;gap:6px;margin-top:10px;justify-content:center}.dot{width:22px;height:2px;border:0;background:var(--dot-idle, rgba(0, 0, 0, .25));border-radius:2px;padding:0;cursor:pointer}.dot.active{background:var(--dot-active, currentColor)}.fade-carousel-wrapper{display:flex;flex-direction:column;align-items:center}.fade-carousel{position:relative;width:100%;height:500px;border-radius:14px;overflow:hidden;cursor:pointer}.fade-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}.fade-slide.active{opacity:1;z-index:1}.fade-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.fade-dots .dot{width:22px;height:2px;border:0;background:rgba(0,0,0,.3);cursor:pointer}.fade-dots .dot.active{background:currentColor}.pill,.filter-chip{border:1.5px solid var(--fg);padding:.25rem .6rem;border-radius:999px;background:transparent;color:var(--fg);line-height:1}.plus-icon-wrapper{width:2rem;display:flex;justify-content:flex-end}.plus-icon{transition:transform .25s;transform-origin:50% 50%}.plus-icon.rotated{transform:rotate(45deg)}.filter-bar{position:sticky;top:0;display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;border-bottom:2px solid var(--fg);background:var(--bg);z-index:5}.filter-label{opacity:.7;font-size:.9rem}.section-filter-pill{margin-left:2rem;pointer-events:none;cursor:default!important}.project-tag.section-filter-pill{margin-left:2rem;pointer-events:none;cursor:default!important;border:none!important}.filter-clear{margin-left:auto;background:transparent;color:inherit;padding:.3rem .75rem;font-size:.8rem;border-radius:1.25rem;border:1.5px solid currentColor;white-space:nowrap;box-shadow:0 2px 6px #0000001f}.project-tag.tag-artist,.section-filter-pill.tag-artist{background-color:#5f34f5!important;color:#fff!important}.project-tag.tag-shopify,.section-filter-pill.tag-shopify{background-color:#ffc700!important;color:#000!important}.project-tag.tag-data-viz,.section-filter-pill.tag-data-viz{background-color:#a8f8b1!important;color:#000!important}.project-tag.tag-react,.section-filter-pill.tag-react{background-color:#61dafb!important;color:#000!important}.project-tag.tag-three-js,.section-filter-pill.tag-three-js{background-color:#000!important;color:#fff!important}.project-tag.tag-d3,.section-filter-pill.tag-d3{background-color:#f67400!important;color:#fff!important}@media (max-width: 900px){.project-content.with-carousel{grid-template-columns:1fr}.project-meta{margin-top:.5rem}}.tag-artist{background-color:#5f34f5;color:#fff;box-shadow:0 2px 6px #0000001f}.tag-shopify{background-color:#ffc700;color:#000;box-shadow:0 2px 6px #0000001f}.tag-data-viz{background-color:#a8f8b1;color:#000;box-shadow:0 2px 6px #0000001f}.project-card{padding:2rem}.project-content{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.project-description{flex:2;font-size:1.1rem;line-height:1.6}.project-meta{flex:1;display:flex;flex-direction:column;gap:2rem;max-width:200px}.stack-section h4,.link-section h4{font-size:1rem;font-weight:500;margin-bottom:.5rem;letter-spacing:.05ch;border-bottom:2px dotted currentColor;padding-bottom:.75rem}.stack-tags{display:flex;flex-direction:row;gap:.5rem}.link-section{display:flex;flex-direction:column;gap:.5rem}.tech-pill{padding:.35rem .85rem;border-radius:1.25rem;font-size:.8rem;font-weight:500;display:inline-block;background-color:#333;color:#fff;width:fit-content;box-shadow:0 2px 6px #0000001f}.visit-pill{padding:.4rem 1rem;border-radius:1.25rem;background-color:#c3b547;color:#fff!important;font-size:.8rem;font-weight:500;text-align:center;width:fit-content;box-shadow:0 2px 6px #0000001f}.under-divider{color:inherit;position:relative;border:none;margin:0;border-top:2.5px dotted currentColor}.inner-plus{background:none;border:none;font-size:1.25rem}.icon-wrapper{position:relative;z-index:1}.icon{width:40px;cursor:pointer}.fullscreen-svg{width:100vw;height:100vh;display:block}.tooltip-blob{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999999;pointer-events:none;transform:translateZ(0)}@media (max-width: 768px){h1{font-size:1.1rem;letter-spacing:.05ch}h2{font-size:.9rem;letter-spacing:.05ch}.project-title{text-align:center;padding-left:1rem}.row{height:2.1rem}.plus-icon{width:22.73px;height:22.73px}.icon{width:22.73px;height:22.73px;padding:0}.footer{flex-direction:column;text-align:center;gap:1.5rem}.project-content{flex-direction:column;gap:1rem}.project-description{font-size:1rem}.filter-bar{border-bottom:1.8px solid var(--fg)}.fade-carousel{height:300px}.project-meta{width:100%;flex:unset}.project-card{padding:1rem}.about-content{column-count:1;font-size:1rem;padding:1rem}.experience-content{font-size:1rem;padding:1rem}.project-summary-row{position:relative;display:flex;justify-content:none;align-items:center;padding:0;z-index:0}.project-summary-left,.project-summary-right{display:flex;align-items:center;gap:0rem;z-index:1}.badge-circle{width:11%;height:11%}.icon-wrapper{padding-left:.8rem;padding-right:.5rem}.plus-icon-wrapper{padding-left:0;padding-right:.8rem}.project-tag{padding:.3rem .6rem;font-size:.5rem}.project-year{padding:.3rem .6rem;font-size:.5rem;border:1px solid currentColor}.divider{border-top:1.8px solid currentColor}.contrast-icon{width:22.73px;height:22.73px;padding-right:.8rem}.project-meta{max-width:100%;gap:1rem}.tech-pill{padding:.3rem .6rem;font-size:.6rem}.pill,.filter-chip{padding:.3rem .6rem;font-size:.5rem;border:1px solid}.filter-label{opacity:.7;font-size:.6rem}.visit-pill{padding:.3rem .6rem;font-size:.6rem}.stack-tags{gap:.5rem}.link-section{gap:0rem}}