*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Helvetica", "Arial", sans-serif;--green: #6dd5c8;--ink: #111;--muted: #555;--focus: #006f62}html,body{min-height:100vh;background:#fff;font-family:var(--font);color:var(--ink)}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}main{max-width:960px;margin:0 auto;padding:60px 40px 100px}header{margin-bottom:80px}h1{font-size:2rem;font-weight:400;text-align:center;margin-bottom:32px;letter-spacing:.01em}.bio{max-width:420px;margin:0 auto 0 calc(50% - 160px);font-size:1rem;line-height:1.6}.portfolio-frame{--tree-scale: 1;width:100%;max-width:800px;margin:0 auto}.portfolio{position:relative;width:100%;aspect-ratio:800 / 1240;margin:0 auto;min-width:480px}.portfolio-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.portfolio-svg-mobile{display:none}.content-layer{position:absolute;inset:0;z-index:1}.arm-label{position:absolute;font-size:.78rem;color:var(--muted);line-height:1.15;width:13%;bottom:var(--desktop-label-bottom)}.lbl-left{right:64.5%;text-align:right}.lbl-right{left:64.5%;text-align:left}.project{position:absolute;top:var(--desktop-top);display:flex;flex-direction:column;gap:2px;width:21%;transform:translateY(-50%);z-index:3}.proj-left{right:78%;text-align:right;align-items:flex-end}.proj-right{left:78%;text-align:left;align-items:flex-start}.project h2{font-size:1.05rem;font-weight:400;line-height:1.12}.project-mobile-label{display:none}.project h2 a{display:inline-block}.project>a{display:block;width:100%}.project img{width:100%;height:auto;display:block;border-radius:2px;max-height:clamp(30px,calc(21.25vw - 70px),117px);object-fit:cover;cursor:pointer}.project-media-button{display:block;width:100%;padding:0;background:none;border:0;cursor:pointer;text-align:inherit}.project-row{display:contents}.mobile-arm{display:none}.project-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit;line-height:inherit}.project-btn:hover{text-decoration:underline}.modal-backdrop{position:fixed;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.modal-backdrop.open{opacity:1;visibility:visible;pointer-events:all;transition-delay:0s}.modal{position:relative;background:#fff;border:4px dashed rgba(17,17,17,.35);max-width:560px;width:calc(100% - 48px);overflow:visible}.modal-inner{max-height:85vh;overflow-y:auto;overflow-x:hidden;padding:40px 36px 36px}.modal-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;border-radius:50%;background:#111;color:#fff;border:none;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#444}.modal-title{font-size:1.6rem;font-weight:400;margin-bottom:24px}.modal-images{display:flex;flex-direction:column;gap:16px}.modal-images img,.modal-images video{width:100%;height:auto;display:block}.modal-desc{font-size:.95rem;line-height:1.6;color:#333;margin-bottom:8px}.modal-desc a{color:#0645ad;text-decoration:underline}.modal-link-after{margin-top:16px}.modal-link-after a:after{content:" ->"}.modal-meta{font-size:.78rem;color:#888;margin-bottom:24px}.modal-images{margin-top:24px}.modal-description-images{margin:16px 0 24px}.project-year{font-size:.72rem;color:#aaa}.project-desc{font-size:.72rem;color:#666;line-height:1.5;margin-top:2px}.modal-link{display:inline-block;background:none;border:none;padding:0;font:inherit;font-size:.95rem;color:#555;margin-top:16px;text-decoration:underline;cursor:pointer}.modal-link:hover{color:#111}.modal-toggle-img{display:block;width:100%;height:auto;margin-top:12px}.modal-toggle-img[hidden]{display:none}.modal-video{position:relative;aspect-ratio:16 / 9;width:100%}.modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(prefers-reduced-motion:reduce){.modal-backdrop{transition:none}}@media(max-width:768px){main{padding:32px max(16px,env(safe-area-inset-right)) 60px max(16px,env(safe-area-inset-left));overflow-x:hidden}header{margin-bottom:56px}h1{text-align:left}.bio{margin:0;max-width:none}.portfolio-frame{width:min(100%,560px);max-width:none}.portfolio{width:100%;min-width:0;aspect-ratio:560 / 1710}.portfolio-svg{display:none}.portfolio-svg-mobile{display:block}.arm-label{display:none}.project{top:var(--mobile-top);width:22%;gap:3px;overflow-wrap:break-word}.proj-left{right:78%}.proj-right{left:78%}.project h2{font-size:clamp(.92rem,3.7vw,1.08rem);line-height:1}.project-mobile-label{display:block;font-size:clamp(.68rem,2.65vw,.8rem);line-height:1.02;color:var(--muted)}.project img{max-height:clamp(56px,17vw,94px)}}