@font-face{font-family:Commit Mono;src:url(/fonts/CommitMonoV143/CommitMono-400-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMonoV143/CommitMono-400-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMonoV143/CommitMono-700-Regular.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Commit Mono;src:url(/fonts/CommitMonoV143/CommitMono-700-Italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;cursor:inherit}:root{--bg: #FFF8F0;--fg: #032620;--fg-muted: #4a6b64;--border: #d4d3d0;--surface: #f0e8e0;--mono: "Commit Mono", "SF Mono", "Fira Code", monospace}[data-theme=dark]{--bg: #032620;--fg: #FFF8F0;--fg-muted: #a0b8b2;--border: #1a4a40;--surface: #0a3a30}::selection{background:var(--fg);color:var(--bg)}body{-webkit-user-select:none;user-select:none}#scribble-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:200;pointer-events:none}html{font-size:15px;cursor:url(/icons/mouse.svg),auto;overflow:hidden;height:100%}body{font-family:var(--mono);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url(/icons/mouse.svg),auto}.nav-btn:active,.contact-item:active,a:active,button:active{cursor:url(/icons/mouse-click.svg),pointer!important}a{color:var(--fg);text-decoration:none}a:hover{text-decoration:underline}a.contact-item,a.contact-item:hover{text-decoration:none}.loading-icon,.caret-icon{width:.6em;height:.6em;vertical-align:baseline}main{padding:3rem}.name{font-family:var(--mono);font-size:1rem;font-weight:700;margin-bottom:2rem}.nav{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.nav-btn{display:inline;background:none;border:none;font-family:var(--mono);font-size:.85rem;font-weight:400;color:var(--fg);cursor:url(/icons/mouse-hover.svg),pointer;text-align:left;padding:.1rem 0;margin-left:0;position:relative;outline:none;transition:background 80ms,color 80ms,padding-left .12s 60ms}.nav-btn.disabled{color:var(--border);cursor:default;pointer-events:none}.nav-btn.active{background:var(--fg);color:var(--bg);padding-left:1rem;padding-right:.3rem}.nav-btn:hover{color:var(--fg)}.nav-btn.active:hover{color:var(--bg)}.nav-btn.active:hover:after{display:none}.nav-btn:hover:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='%23032620'/%3E%3C/svg%3E");background-size:3px 3px;pointer-events:none}@media(hover:none){.nav-btn:hover:after{display:none}.nav-btn:hover{color:var(--fg)}}.content-area{margin-top:2.5rem;margin-left:1rem;font-size:.85rem;line-height:1.5}.bio-quote{margin:0;padding:0;max-width:480px}.bio-quotemark{display:block;font-size:2rem;line-height:1;margin-bottom:.15rem}.bio-text{font-style:italic;font-weight:700}.bio-attribution{margin-top:.85rem;font-style:normal}.content-panel{display:none}.content-panel.active{display:block}.content-area p,.content-area h3,.content-area a{font-size:inherit;line-height:inherit}.content-area h3{font-weight:400;margin-bottom:.25rem}.content-area a{color:var(--fg);text-decoration:none}.content-area a:hover{text-decoration:underline}.content-area a.contact-item:hover{text-decoration:none}.work-slides{position:relative;min-height:100px}.work-slide{opacity:0;position:absolute;top:0;left:0;transition:opacity .25s ease,transform .25s ease;transform:translate(20px);pointer-events:none}.work-slide.active{opacity:1;position:relative;top:auto;left:auto;transform:translate(0);pointer-events:all}.work-slide.exit-left{transform:translate(-20px);opacity:0}.work-slide.exit-right{transform:translate(20px);opacity:0}.work-placeholder{width:500px;height:500px;background:var(--border);margin-bottom:1rem}.work-slide p{color:var(--fg-muted);margin-top:.25rem}.work-nav{margin-top:1rem;display:flex;gap:1rem;font-size:.85rem;color:var(--fg-muted)}.work-hint{opacity:.5}.contact-list{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.contact-item{font-family:var(--mono);font-size:inherit;line-height:1.5;color:var(--fg);text-decoration:none;background:none;border:none;cursor:url(/icons/mouse-hover.svg),pointer;padding:0;text-align:left;outline:none}.project-item:hover{text-decoration:underline;text-underline-offset:3px}.project-item.highlighted{font-weight:700;text-decoration:none}.project-item .project-title{transition:margin-left .12s ease}.project-item.highlighted .project-title{margin-left:.5rem}.contact-arrow{width:.65em;height:.65em;vertical-align:baseline;opacity:0;transition:opacity 80ms}.contact-item:hover .contact-arrow,.contact-item.highlighted .contact-arrow{opacity:1;color:var(--fg)}.contact-item:hover .contact-text,.contact-item.highlighted .contact-text{text-decoration:underline;text-underline-offset:3px}.cv-modal{display:none;position:fixed;top:3rem;left:300px;bottom:3rem;z-index:150;max-width:500px;font-family:var(--mono);font-size:1rem;line-height:1.5;color:var(--fg);border:2px solid var(--fg)}.cv-modal-inner{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:3rem;scrollbar-width:none;scrollbar-color:var(--fg) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}.cv-modal-inner::-webkit-scrollbar{width:2px}.cv-modal-inner::-webkit-scrollbar-track{background:transparent;margin-top:24px}.cv-modal-inner::-webkit-scrollbar-thumb{background:var(--fg)}.cv-modal.active{display:block}.cv-close{position:absolute;top:4px;right:4px;background:none;border:none;cursor:url(/icons/mouse-hover.svg),pointer;padding:0;line-height:0;color:var(--fg)}.cv-name{font-size:1rem;font-weight:700}.cv-subtitle{color:var(--fg-muted);margin-bottom:.5rem}.cv-download{display:inline-block;font-family:var(--mono);font-size:.85rem;color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px;margin-bottom:1rem;cursor:url(/icons/mouse-hover.svg),pointer}.cv-summary{margin-bottom:2rem;font-size:.85rem}.cv-role{margin-bottom:1.5rem}.cv-role-header{font-weight:700;margin-bottom:.5rem}.cv-role ul{list-style:none;padding:0}.cv-role li{padding-left:1rem;text-indent:-1rem;margin-bottom:.35rem;color:var(--fg-muted);font-size:.85rem}.cv-role li:before{content:"+ "}.cv-education{font-weight:700}.work-layout{display:flex;gap:4rem}.work-layout .contact-list{flex-shrink:0}.project-display{display:none;position:fixed;inset:0 0 0 350px;padding:3rem;background:var(--bg);z-index:150;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--fg) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}.project-display::-webkit-scrollbar{width:2px}.project-display::-webkit-scrollbar-track{background:transparent}.project-display::-webkit-scrollbar-thumb{background:var(--fg)}.project-display.active{display:block}.project-content{display:none}.project-content.active{display:block}.project-header{margin-bottom:1.5rem}.project-header h2{font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:-.03em}.project-subtitle{color:var(--fg-muted)}.project-subtitle:empty{display:none}.project-body p,.project-body h3{max-width:500px}.project-body p{font-size:.75rem;margin-bottom:1.5rem}.project-body h3{margin-top:2.5rem;margin-bottom:.75rem;font-weight:700}.project-body a{text-decoration:underline;text-underline-offset:3px}.project-body video,.project-body img,.video-placeholder,.video-crop{margin-top:1rem;margin-bottom:1.5rem}.media-row{display:flex;gap:4rem;align-items:flex-start;max-width:800px;margin-top:1rem;margin-bottom:1.5rem}.media-row img{flex:1;min-width:0;height:auto;border-radius:18px}.media-row img.media-fixed{flex:none;width:80px;height:80px;object-fit:contain;border-radius:0;mix-blend-mode:multiply}.icon-row{display:flex;gap:2rem;padding:1rem 0}.icon-row img{width:16px!important;height:16px!important;max-width:16px;max-height:16px;margin-bottom:0;filter:brightness(0) saturate(100%) invert(11%) sepia(32%) saturate(2048%) hue-rotate(133deg) brightness(97%) contrast(98%)}.hover-preview{text-decoration:underline;text-underline-offset:3px;cursor:url(/icons/mouse-hover.svg),pointer;position:relative}.hover-preview .preview-img{display:none;position:fixed;max-width:900px;width:700px;z-index:200;pointer-events:none;border:2px solid var(--fg)}.video-placeholder{max-width:800px;width:100%;aspect-ratio:16 / 9;background:var(--border);margin-bottom:1rem}.project-body video,.project-body img{max-width:800px;width:100%;height:auto;display:block;border-radius:18px}.video-crop{max-width:800px;width:100%;overflow:hidden;border-radius:18px}.video-crop video{display:block;width:100%;margin-top:-8%;margin-bottom:-1px;border-radius:0}.video-nocrop{max-width:800px;width:100%;margin-top:1rem;margin-bottom:1.5rem;border-radius:18px;overflow:hidden}.video-nocrop video{display:block;width:100%;border-radius:18px}.video-crop-sides{max-width:800px;width:100%;overflow:hidden;border-radius:18px;margin-top:1rem;margin-bottom:1.5rem}.video-crop-sides video{display:block;width:130%;margin-left:-15%;margin-top:-8%;margin-bottom:-1px;border-radius:0}.project-body img[src$=".svg"]{border-radius:0}@media(max-width:800px){html{overflow:auto!important;height:auto}main{padding:1.5rem}.nav{position:sticky;top:0;z-index:10;background:var(--bg);padding-top:1.5rem;margin-top:-1.5rem;box-shadow:0 2.5rem 0 var(--bg)}.nav-btn,.contact-item{font-size:.75rem}.work-layout .contact-list{position:sticky;top:var(--nav-height, 0px);z-index:9;background:var(--bg);padding-top:2.5rem;margin-top:-2.5rem;align-items:flex-start}.work-layout .contact-list.collapsed{padding-bottom:.75rem}.work-layout{flex-direction:column;gap:0}.project-display{position:relative;inset:auto;max-height:none;padding:1.5rem 0 0;background:none;overflow-y:visible;z-index:1}.project-body video,.project-body img{max-width:100%}.project-body p{max-width:100%;letter-spacing:-.03em;font-size:1rem}.project-body h3{max-width:100%;letter-spacing:-.03em}.media-row{flex-wrap:wrap;gap:1rem}.media-row{background:var(--bg);border-radius:8px;padding:.5rem}.media-row img.media-fixed{width:60px;height:60px;mix-blend-mode:multiply}.project-menu-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-family:var(--mono);font-size:inherit;color:var(--fg);padding:.4rem 0;cursor:url(/icons/mouse-hover.svg),pointer;font-weight:700;outline:none;text-align:left;max-width:100%}.project-menu-toggle .chevron{width:.75em;height:.75em;transition:transform .2s ease}.project-menu-toggle.open .chevron{transform:rotate(180deg)}.work-layout .contact-list.collapsed .dropdown-list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);z-index:20;padding:.25rem 0 .75rem;flex-direction:column;gap:.25rem}.work-layout .contact-list.collapsed.open .dropdown-list{display:flex}.work-layout .contact-list .project-item.mobile-hidden{display:none!important}}@media(max-width:1100px){.cv-modal{position:static;max-width:none;margin-top:2.5rem;max-height:60vh;overflow:hidden}.cv-close{position:sticky;top:4px;float:right;z-index:1}.cv-modal-inner{max-height:60vh;padding:1rem}}@media(max-width:800px){.cv-modal{position:fixed;inset:1rem;margin-top:0;max-width:none;max-height:none;overflow:hidden;z-index:150;background:var(--bg)}.cv-close{position:absolute;float:none}.cv-modal-inner{max-height:100%;height:100%}}@media(max-width:1100px)and (hover:none){.cv-modal{position:fixed;inset:1rem;margin-top:0;max-height:none;overflow:hidden;z-index:150;background:var(--bg)}.cv-close{position:absolute;float:none}.cv-modal-inner{max-height:100%;height:100%}.content-area{font-size:1.5rem;margin-left:2rem}.nav{gap:1.25rem}.nav-btn{font-size:1.5rem;padding:.25rem 0}.nav-btn.active{padding-left:2rem}.contact-list{gap:.5rem}.content-area .contact-item{font-size:1.5rem;padding:.15rem 0}}@media(min-width:801px){.project-menu-toggle{display:none}}body.drawing .nav-btn:hover:after{display:none}body.drawing .contact-item:hover .contact-arrow{opacity:0}body.drawing .contact-item:hover .contact-text,body.drawing a:hover{text-decoration:none}.sticker{position:fixed;max-width:50px;max-height:50px;width:auto;height:auto;z-index:100;-webkit-user-select:none;user-select:none;cursor:url(/icons/mouse-hover.svg),grab;visibility:hidden;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.sticker.sticker-out{transform:scale(0)!important;opacity:0;pointer-events:none}