*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:#fff;color:#222;font:14px/1.65 Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:hover{color:#777}a:focus-visible,button:focus-visible{outline:2px solid #555;outline-offset:5px}.skip{position:fixed;top:-60px;left:15px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}.sidebar{position:fixed;left:30px;top:40px;bottom:28px;width:245px;overflow:auto;padding-right:15px;scrollbar-width:thin}.identity{display:block;line-height:1.35}.identity strong{font-size:14px;font-weight:700}.identity span{display:block;color:#888;font-size:13px;margin-top:4px}.education{margin-top:64px;font-weight:500;font-size:14px;line-height:1.45}.education p{margin:0 0 4px}.education small{display:block;font-size:12px;font-weight:400}.sidebar nav:first-of-type{display:flex;flex-direction:column;gap:17px;margin-top:56px;font:14px/1.4 'DM Sans',Arial,sans-serif}.sidebar nav a[aria-current="page"]{font-weight:600}.sidebar nav a[aria-current="page"]:before{content:'— ';color:#999}.sidebar-email{display:inline-block;font-size:11px;color:#777;margin-top:30px}#content{margin:40px 45px 70px 31.5%;max-width:1000px;min-height:75vh}h1,h2,h3,p{margin-top:0}h1{font-size:24px;font-weight:600;line-height:1.3;margin-bottom:24px}h2{font-size:16px;font-weight:600;line-height:1.4}h3{font-size:16px;font-weight:600;line-height:1.4}p{line-height:1.8}.page-label{font:14px/1.4 'DM Sans',Arial,sans-serif;color:#888;margin:0 0 27px}.intro{max-width:720px;margin-bottom:46px}.intro h1{font-size:28px;line-height:1.5;margin:0 0 20px}.intro p{color:#666;font-size:14px;line-height:1.9}.text-links{display:flex;gap:22px;font:13px 'DM Sans',sans-serif}.text-links a{text-decoration:underline;text-underline-offset:4px}.category-title{font-size:14px;font-weight:500;margin:52px 0 23px;color:#555}.group-title{font-size:11px;font-weight:400;color:#999;margin:26px 0 14px}.work-row{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(180px,1fr);gap:20px;margin-bottom:24px;align-items:stretch}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-self:start}.thumbs.single{grid-template-columns:1fr}.thumbs img{width:100%;height:170px;object-fit:cover;display:block;border-radius:5px;background:#fafafa}.work-copy{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 2px}.work-copy h3{font-size:16px;line-height:1.3;margin:0 0 8px}.work-copy .summary{font-size:12px;line-height:1.7;color:#777;margin:0 0 13px}.work-copy .context{margin-top:auto;font-size:12px;font-weight:500;font-style:italic;color:#999;line-height:1.5}.work-copy .date{font-size:10px;color:#aaa;margin:6px 0 0}.paper-inline{font-size:11px;display:flex;gap:13px;margin:9px 0;color:#666}.paper-inline a{text-decoration:underline;text-underline-offset:3px}.design-section{scroll-margin-top:30px}#project-nav{margin-top:32px;font:11px/1.45 'DM Sans',sans-serif}#project-nav .directory-title{font-size:10px;letter-spacing:.7px;color:#aaa;margin:20px 0 10px}#project-nav a{display:block;color:#888;margin:0 0 9px;padding-left:10px;border-left:1px solid #eee}#project-nav a.current{color:#222;border-color:#222}#project-nav .sub-link{font-size:10px;padding-left:18px}.breadcrumb{font:12px 'DM Sans',sans-serif;color:#999;margin-bottom:25px}.breadcrumb a{color:#777}.project-heading h1{margin-bottom:12px}.project-heading .meta{font-size:12px;color:#888;margin-bottom:28px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:35px}.project-layout.no-paper{display:block}.project-body{min-width:0}.project-description{font-size:13px;color:#555;line-height:1.9;margin:0 0 24px;max-width:800px}.role{font-size:11px;color:#888;margin-bottom:28px}.role strong{color:#444;font-weight:500}.official{font-size:12px;line-height:1.9;color:#777;margin:24px 0 32px}.official a{text-decoration:underline;text-underline-offset:4px}.gallery-section{margin:38px 0}.gallery-section h2{font-size:14px;font-weight:500;margin-bottom:14px}.gallery-section>p{font-size:12px;color:#777;max-width:700px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.gallery-grid.one{grid-template-columns:1fr}figure{margin:0;min-width:0}.gallery-grid button{border:0;background:#fafafa;padding:0;width:100%;display:block;cursor:zoom-in}.gallery-grid img{display:block;width:100%;height:100%;aspect-ratio:1.55;object-fit:contain}.gallery-grid.one img{aspect-ratio:auto;max-height:650px}.gallery-grid figcaption{color:#999;font-size:10px;line-height:1.6;margin-top:6px}.paper-side{align-self:start;position:sticky;top:35px;font-size:11px;line-height:1.6}.paper-side .paper-label{font:11px 'DM Sans';color:#999;margin-bottom:13px}.paper-side img{display:block;width:100%;max-height:240px;object-fit:contain;object-position:left;border:1px solid #eee;margin-bottom:15px}.paper-side h2{font-size:12px;font-weight:500;line-height:1.6;margin-bottom:9px}.paper-side p{font-size:10px;color:#888;line-height:1.6}.paper-side .paper-inline{flex-wrap:wrap;gap:10px}.publication{display:grid;grid-template-columns:110px 1fr;gap:23px;margin:0 0 38px}.publication img{width:100%;border:1px solid #eee}.publication h2{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:10px}.publication p{font-size:12px;color:#777;line-height:1.7;margin-bottom:8px}.publication .venue{font-style:italic;color:#888}.research-intro{font-size:13px;color:#777;margin-bottom:35px}.about-text{max-width:720px;font-size:14px;line-height:1.9}.about-text>p{color:#555}.about-section{margin-top:45px}.about-section h2{font-size:14px;margin-bottom:22px}.experience{display:grid;grid-template-columns:130px 1fr;gap:20px;margin-bottom:24px;font-size:12px}.experience time{color:#999}.experience strong{font-weight:500}.experience p{color:#777;font-size:12px;margin:4px 0 0}.next{display:flex;justify-content:space-between;gap:20px;margin:65px 0 0;font-size:12px;color:#777}.page-footer{font-size:10px;color:#aaa;margin-top:65px}.home-selection{margin-top:35px}dialog{border:0;padding:45px 20px 15px;max-width:95vw;max-height:95vh;background:#fff}dialog::backdrop{background:#000b}dialog button{position:absolute;right:18px;top:12px;border:0;background:none;font-size:12px}dialog img{max-width:90vw;max-height:80vh;display:block;object-fit:contain}dialog p{font-size:11px;color:#777;margin:10px 0 0}.empty{font-size:14px;color:#777}@media(min-width:1600px){#content{margin-left:400px}.sidebar{left:45px}}@media(max-width:1100px){.sidebar{width:220px;left:25px}#content{margin-left:290px;margin-right:30px}.thumbs img{height:135px}.work-row{gap:16px;grid-template-columns:1.15fr 1fr}.project-layout{gap:24px;grid-template-columns:minmax(0,1fr) 145px}}@media(max-width:760px){html{scroll-padding-top:20px}.sidebar{position:relative;top:auto;left:auto;bottom:auto;width:auto;overflow:visible;margin:26px 22px 30px;padding:0}.identity strong{font-size:14px}.identity span{font-size:11px}.education{display:none}.sidebar nav:first-of-type{flex-direction:row;gap:24px;margin-top:25px;font-size:12px}.sidebar nav a[aria-current="page"]:before{content:''}.sidebar-email{position:absolute;right:0;top:0;margin:0}#project-nav{margin-top:23px;display:flex;flex-wrap:wrap;gap:8px 17px}#project-nav .directory-title{display:none}#project-nav a{padding:0;border:0;margin:0;font-size:10px}#project-nav .sub-link{display:none}#content{margin:0 22px 45px;max-width:none}.page-label{margin-bottom:24px;font-size:13px}.intro h1{font-size:24px}.intro p{font-size:13px}.category-title{margin-top:35px}.work-row{grid-template-columns:1fr;gap:13px;margin-bottom:35px}.thumbs img{height:auto;aspect-ratio:1.5}.work-copy h3{font-size:15px}.work-copy .summary{margin-bottom:7px}.work-copy .context{font-size:11px}.work-copy .date{font-size:10px}.project-layout{display:flex;flex-direction:column}.paper-side{position:static;display:grid;grid-template-columns:100px 1fr;gap:0 18px;order:-1;margin:0 0 25px}.paper-side .paper-label{grid-column:1/-1}.paper-side>a{grid-row:2/5}.paper-side img{max-height:145px}.paper-side h2{margin:0 0 7px}.paper-side p{margin:0 0 5px}.paper-side .paper-inline{margin:0}.project-description{font-size:12px}.gallery-grid{gap:14px 8px}.gallery-grid figcaption{font-size:9px}.publication{grid-template-columns:80px 1fr;gap:17px}.publication h2{font-size:13px}.publication p{font-size:11px}.experience{grid-template-columns:105px 1fr;gap:12px}h1{font-size:22px}.about-text{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.identity-name{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 45%}.identity>span{margin-top:9px}.collage{display:grid;grid-template-columns:repeat(12,1fr);gap:35px 24px;align-items:start;padding:15px 0 50px}.collage-item{position:relative;display:block;transition:transform .28s ease;z-index:0}.collage-item:hover,.collage-item:focus-visible{transform:scale(1.045);z-index:2}.collage-item img{display:block;width:100%;max-height:520px;object-fit:cover}.collage-item span{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.76));color:white;opacity:0;transition:opacity .2s}.collage-item:hover span,.collage-item:focus-visible span{opacity:1}.collage-item strong{font-size:13px}.collage-item small{display:block;font-size:10px;line-height:1.6;margin-top:5px}.item-0{grid-column:1/9}.item-1{grid-column:9/13;margin-top:100px}.item-2{grid-column:2/8;margin-top:-5px}.item-3{grid-column:8/13;margin-top:55px}.item-4{grid-column:1/5}.item-5{grid-column:6/13;margin-top:65px}.item-6{grid-column:2/8}.item-7{grid-column:9/13;margin-top:80px}.about-layout{display:grid;grid-template-columns:1fr;gap:35px}.conference{width:100%;max-height:480px;object-fit:cover}.about-text{max-width:650px}.cv-link{display:inline-block;border-bottom:1px solid #555;padding-bottom:4px;font-size:12px}.scholar-link{text-decoration:underline;text-underline-offset:3px}.process-small{max-width:480px}.gallery-section video{width:100%;max-height:560px;background:#fafafa}.video-block{margin:25px 0}.video-block h3{font-size:12px}.load-video{background:white;border:1px solid #ddd;padding:9px 14px;margin-top:10px;font-size:11px}.video-status{font-size:11px;color:#777}.thumbs img{border-radius:0}@media(min-width:1450px){.about-layout{grid-template-columns:1.1fr 1fr;align-items:start}.conference{max-height:none}.about-text{font-size:12px}}@media(max-width:760px){.collage{gap:24px 14px;padding-top:10px}.item-1{margin-top:40px}.item-3,.item-5,.item-7{margin-top:30px}.collage-item span{padding:8px}.collage-item small{display:none}.collage-item strong{font-size:10px}.about-layout{gap:25px}}@media(hover:none){.collage-item span{opacity:1}}@media(prefers-reduced-motion:reduce){.collage-item,.collage-item span{transition:none}.collage-item:hover{transform:none}}
/* Compact portfolio layout */
.identity-name{gap:14px}.avatar-frame{position:relative;display:block;flex:0 0 80px;width:80px;height:80px;overflow:hidden;border-radius:50%;margin:0!important}.avatar-frame .avatar{position:absolute;width:220%;height:220%;max-width:none;left:-60%;top:-44%;border-radius:0;object-fit:cover}.identity-name strong{font-size:14px}.phd-note{font-size:12px;line-height:1.7;color:#777;margin:18px 0 0;max-width:205px}.education{margin-top:30px}.sidebar nav:first-of-type{margin-top:30px;gap:14px}#project-nav{margin-top:25px}#project-nav a{margin-bottom:8px}
.collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;padding:0 0 20px}.collage-item{grid-column:auto!important;margin:0!important;min-width:0;aspect-ratio:4/3;overflow:hidden;background:#fafafa}.collage-item img{width:100%;height:100%;max-height:none;object-fit:contain}.collage-item.item-0 img,.collage-item.item-1 img,.collage-item.item-5 img{object-fit:cover}.collage-item:hover,.collage-item:focus-visible{transform:scale(1.025)}
.about-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}.about-layout .conference{width:100%;height:auto;max-height:none;object-fit:contain}.about-layout .about-text{max-width:720px;font-size:14px}
@media(max-width:760px){.avatar-frame{flex-basis:68px;width:68px;height:68px}.phd-note{font-size:11px;max-width:none;margin-top:12px}.sidebar nav:first-of-type{margin-top:22px}.sidebar-email{top:8px}.collage{gap:12px}.collage-item{aspect-ratio:4/3}.about-layout{gap:24px}.about-layout .about-text{font-size:13px}#project-nav{gap:9px 15px}#project-nav a{margin:0}}
@media(max-width:420px){.collage{gap:10px}.collage-item span{padding:7px}.identity-name{gap:12px}}
/* Home arrangement based on the annotated reference */
.identity-name{flex-direction:column;align-items:flex-start;gap:12px}.avatar-frame{flex:0 0 88px;width:88px;height:88px}.avatar-frame .avatar{width:145%;height:145%;left:-22.5%;top:-25%}.identity>span{margin-top:9px}
.home-composition{--home-gap:16px;display:grid;gap:var(--home-gap)}.home-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--home-gap)}.home-top .collage-item{aspect-ratio:4/3}.home-top img{object-fit:cover}.home-lower{display:grid;grid-template-columns:2.1fr 1fr;gap:var(--home-gap);aspect-ratio:1.15}.home-stack{display:grid;gap:var(--home-gap);min-width:0;min-height:0}.home-stack-left{grid-template-rows:.9fr 1.4fr .9fr}.home-stack-right{grid-template-rows:1.35fr 1.85fr}.home-lower .collage-item{aspect-ratio:auto;min-height:0}.home-lower .home-whisk img,.home-lower .home-heat img{object-fit:cover;object-position:center}.home-lower .home-community img{object-fit:cover}.home-lower .home-duomorph,.home-lower .home-refashion{background:#fff}
@media(max-width:760px){.identity-name{gap:10px}.avatar-frame{flex-basis:80px;width:80px;height:80px}.home-composition{--home-gap:12px}.home-lower{aspect-ratio:1.08}.home-lower .collage-item strong{font-size:10px}}
@media(max-width:420px){.home-composition{--home-gap:9px}.home-lower{grid-template-columns:1.85fr 1fr;aspect-ratio:1}.home-lower .collage-item span{padding:6px}.home-lower .collage-item strong{font-size:9px}}
/* November revision: introduction, grouped index, image-led Titan */
.about-layout{width:100%;max-width:620px;margin:0 0 48px;gap:24px}.about-layout .conference,.about-layout .about-text{width:100%;max-width:100%}.about-layout .about-text{font-size:13px}.about-text h1{font-size:22px;margin-bottom:18px}.about-text p{line-height:1.85}.directory-group{margin:0 0 22px}.directory-group h2{font-size:10px;color:#777;font-weight:500;margin:0 0 10px}.directory-group a{font-size:11px}
.collage-item,.gallery-grid button,.thumbs img,.gallery-section video{background:transparent!important}.home-composition .collage-item img{object-fit:cover}.gallery-grid img{height:auto;aspect-ratio:auto;object-fit:contain}.gallery-grid figure{align-self:start}.gallery-grid.one img{max-height:none}.home-duomorph img{object-position:center}.home-refashion img{object-position:center}
.titan-project .project-heading h1{margin-bottom:10px}.titan-project .project-heading .meta{margin-bottom:26px}.titan-project .project-description{max-width:760px}.titan-project .role{margin-bottom:34px}.titan-project figure{margin:0}.titan-project figure button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.titan-project figure img{display:block;width:100%;height:auto}.titan-project .titan-hero img{aspect-ratio:2.15;object-fit:cover;object-position:50% 62%}.exhibit-caption{margin:13px 0 24px}.exhibit-caption h2{font-size:13px;font-weight:500;margin-bottom:7px}.exhibit-caption p{font-size:12px;color:#777;margin:0}.titan-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.titan-photo-grid img{aspect-ratio:1.5;height:100%!important;object-fit:cover}.titan-renderings{display:grid;gap:22px;margin-top:32px}
@media(max-width:760px){.about-layout{max-width:100%;margin-bottom:36px;gap:20px}.about-layout .about-text{font-size:12px}#project-nav{display:block}.directory-group{margin-bottom:17px}.directory-group h2{margin-bottom:8px}.directory-group a{display:inline-block!important;margin:0 14px 8px 0!important}.titan-project .titan-hero img{aspect-ratio:1.9}.titan-photo-grid{gap:10px}.titan-renderings{gap:14px;margin-top:24px}}
/* Complete portfolio revision */
.role>strong:not(:first-child){font-weight:650}
.about-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:none;gap:34px;align-items:center;margin-bottom:64px}
.about-layout .conference{aspect-ratio:1.12;object-fit:cover;object-position:58% 50%}.about-text h1{font-size:20px;margin-bottom:16px}.about-text p{font-size:12px;line-height:1.9;margin-bottom:16px}
.project-heading{margin-bottom:24px}.project-heading h1{font-size:25px;line-height:1.35}.project-heading .meta{margin-bottom:0}.project-description{line-height:1.85;margin-bottom:20px}.role{margin:0 0 30px;line-height:1.8}.role>strong:first-child{font-size:11px;font-weight:600}.role strong{color:#444}
.gallery-section{margin:32px 0}.gallery-section h2{margin-bottom:14px;font-size:13px;font-weight:500}.gallery-grid{gap:14px}.gallery-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.process-small{max-width:100%}.gallery-grid.stack,.gallery-grid.continuous{grid-template-columns:1fr}.gallery-grid.continuous{gap:0}.gallery-grid.continuous img{width:100%;margin:0}.gallery-grid.equal img{aspect-ratio:1.5;object-fit:cover}.gallery-grid.three img{aspect-ratio:1.65;object-fit:cover}.official{margin:18px 0 28px;font-size:11px}.official p{margin-bottom:8px}
.titan-final-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.participant-video{display:block;width:100%;height:auto;margin:18px 0 0;background:white}.next{flex-wrap:wrap;font-size:11px;line-height:1.7}.paper-side{top:30px}.gallery-grid figcaption,dialog p{display:none}
@media(min-width:1101px){#content{margin-left:29%;margin-right:48px}}@media(min-width:1600px){#content{margin-left:400px}}@media(max-width:1100px){.about-layout{gap:24px;grid-template-columns:1fr}.about-layout .conference{max-width:440px;aspect-ratio:1.5}.about-layout .about-text{max-width:620px}}@media(max-width:760px){.about-layout{gap:22px;margin-bottom:40px}.about-layout .conference{max-width:none;aspect-ratio:1.5}.project-heading h1{font-size:22px}.gallery-section{margin:26px 0}.gallery-grid,.titan-final-pair{gap:10px}.gallery-grid.three{gap:7px}.paper-side{order:0;margin-top:12px}.next{margin-top:42px}.about-text p{font-size:12px}.titan-final-pair{grid-template-columns:1fr 1fr}}
/* Screenshot refinements */
.about-layout{display:block;max-width:760px;margin-bottom:48px}.about-layout .about-text{max-width:760px}.about-text p{font-size:13px}
.home-duomorph img{transform:scale(1.16);transform-origin:45% 55%;object-fit:cover!important}.home-duomorph{overflow:hidden}
.gallery-grid.whisk-compact figure:first-child{width:78%;margin:0 auto 14px}
.gallery-grid.meeta-pair{grid-template-columns:1fr 1.65fr;align-items:center;gap:20px}.gallery-grid.meeta-pair figure{align-self:center}.gallery-grid.meeta-pair img{width:100%;height:auto}
@media(max-width:760px){.about-layout{margin-bottom:34px}.gallery-grid.meeta-pair{grid-template-columns:1fr}.gallery-grid.meeta-pair figure:first-child{width:70%;margin:auto}.gallery-grid.whisk-compact figure:first-child{width:85%}}
.home-duomorph img{transform:scale(1.28);transform-origin:left center}
/* Screenshot refinements: consistent image framing */
.gallery-grid.heat-crop img{aspect-ratio:2.17;object-fit:cover;object-position:50% 50%}
.gallery-grid.whisk-compact figure:first-child{width:65%;max-width:560px}
.gallery-grid.meeta-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}
.gallery-grid.meeta-pair figure,.gallery-grid.meeta-projection figure{width:100%;margin:0}
.gallery-grid.meeta-pair img{aspect-ratio:1.2;object-fit:cover;object-position:center}
.gallery-grid.meeta-projection img{aspect-ratio:1.6;object-fit:cover;object-position:center}
@media(max-width:760px){.gallery-grid.whisk-compact figure:first-child{width:72%}.gallery-grid.meeta-pair{grid-template-columns:1fr}.gallery-grid.meeta-pair figure:first-child{width:100%}}