*,: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;font-family:var(--font);color:var(--ink);background:#fff}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{text-align:center;letter-spacing:.01em;margin-bottom:32px;font-size:2rem;font-weight:400}.bio{max-width:420px;margin:0 auto 0 calc(50% - 160px);font-size:1rem;line-height:1.6}.portfolio{aspect-ratio:800/900;width:100%;min-width:480px;max-width:800px;margin:0 auto;position:relative}.portfolio-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.content-layer{z-index:1;position:absolute;inset:0}.arm-label{color:var(--muted);width:13%;font-size:.78rem;line-height:1.15;position:absolute}.lbl-left{text-align:right;right:64.5%}.lbl-right{text-align:left;left:64.5%}.project{flex-direction:column;gap:2px;width:21%;display:flex;position:absolute;transform:translateY(-50%)}.proj-left{text-align:right;align-items:flex-end;right:78%}.proj-right{text-align:left;align-items:flex-start;left:78%}.project h2{font-size:1.05rem;font-weight:400;line-height:1.4}.project h2 a{margin:-6px;padding:6px;display:inline-block}.project>a{width:100%;display:block}.project img{object-fit:cover;cursor:pointer;border-radius:2px;width:100%;height:auto;max-height:clamp(30px,21.25vw - 70px,117px);display:block}.project-media-button{cursor:pointer;width:100%;text-align:inherit;background:0 0;border:0;padding:0;display:block}.project-row{display:contents}.mobile-arm{display:none}.project-btn{font:inherit;color:inherit;cursor:pointer;text-align:inherit;line-height:inherit;background:0 0;border:none;padding:0}.project-btn:hover{text-decoration:underline}.modal-backdrop{z-index:100;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;transition:opacity .2s,visibility 0s linear .2s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;visibility:visible;pointer-events:all;transition-delay:0s}.modal{background:#fff;border:4px dashed #11111159;width:calc(100% - 48px);max-width:560px;position:relative;overflow:visible}.modal-inner{max-height:85vh;padding:40px 36px 36px;overflow:hidden auto}.modal-close{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;line-height:1;display:flex;position:absolute;top:-18px;right:-18px}.modal-close:hover{background:#444}.modal-title{margin-bottom:24px;font-size:1.6rem;font-weight:400}.modal-images{flex-direction:column;gap:16px;display:flex}.modal-images img{width:100%;height:auto;display:block}.modal-desc{color:#333;margin-bottom:8px;font-size:.95rem;line-height:1.6}.modal-meta{color:#888;margin-bottom:24px;font-size:.78rem}.modal-images{margin-top:24px}.project-year{color:#aaa;font-size:.72rem}.project-desc{color:#666;margin-top:2px;font-size:.72rem;line-height:1.5}.modal-link{font:inherit;color:#555;cursor:pointer;background:0 0;border:none;margin-top:16px;padding:0;font-size:.95rem;text-decoration:underline;display:inline-block}.modal-link:hover{color:#111}.modal-toggle-img{width:100%;height:auto;margin-top:12px;display:block}.modal-toggle-img[hidden]{display:none}.modal-video{aspect-ratio:16/9;width:100%;position:relative}.modal-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.modal-backdrop{transition:none}}@media (width<=768px){main{padding:32px 24px 60px 0;overflow-x:hidden}header{margin-bottom:56px}h1{text-align:left;margin-left:24px}.bio{max-width:none;margin:0 0 0 24px}.portfolio{min-width:unset;aspect-ratio:unset;height:auto;overflow:visible}.portfolio-svg{display:none}.content-layer{flex-direction:column;padding:0;display:flex;position:static;overflow:visible}.project-row{flex-direction:column;justify-content:center;gap:4px;height:160px;padding:20px 16px 20px clamp(205px,29vw,220px);display:flex;position:relative;overflow:visible}.project-row:before{content:"";z-index:1;background:#6dd5c8;border-radius:50%;width:160px;height:180px;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}.project-row:after{content:"";background:var(--ink);z-index:0;width:249px;height:2.5px;position:absolute;top:50%;left:-60px;transform:translateY(-50%)}.mobile-arm{background:var(--ink);z-index:3;border-radius:50%;width:14px;height:14px;display:block;position:absolute;top:50%;left:183px;transform:translateY(-50%)}.arm-label{color:#666;text-align:left;width:80px;font-size:.58rem;line-height:1.2;position:absolute;inset:auto auto calc(50% + 5px) 103px}.arm-label[style]{bottom:calc(50% + 5px)!important}.lbl-left,.lbl-right{left:103px;right:auto}.project[style]{top:auto!important}.project{text-align:left;z-index:2;align-items:flex-start;gap:4px;width:auto;position:static;transform:none}.project h2{font-size:1rem;font-weight:400;line-height:1.3}.project img{object-fit:cover;max-width:min(160px,100vw - 236px);max-height:70px}.proj-left,.proj-right{text-align:left;align-items:flex-start}}