html:has(.project-modal[open]){overflow:hidden}.project-modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(640px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--text);overscroll-behavior:contain;padding:0}.project-modal::backdrop{background:#0009}.modal-inner{gap:22px;padding:clamp(24px,4vw,40px);display:grid}.modal-head{align-items:center;gap:16px;display:flex}.project-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:52px;height:52px;color:var(--accent-text);border-radius:14px;flex:none;place-items:center;font-size:26px;display:grid}.modal-title{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.05}.modal-close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-left:auto;font-size:20px;transition:background .16s,color .16s;display:grid}.modal-close:hover{background:var(--border);color:var(--text)}.modal-copy{gap:14px;font-size:17px;line-height:1.65;display:grid}.modal-copy a{color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:3px}.modal-copy a:hover{text-decoration-color:currentColor}.project-tags{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.project-tags li{border:1px solid var(--border);border-radius:999px;padding:4px 11px}.project-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:0 24px;padding-top:14px;display:flex}.project-links a,.no-link{align-items:center;gap:9px;padding-block:8px;font-size:15px;text-decoration:none;display:inline-flex}.project-links a{transition:color .16s}.project-links a:hover{color:var(--accent-text)}.project-links .icon{color:var(--accent-text);font-size:17px}.no-link,.no-link .icon{color:var(--text-muted)}@media (prefers-reduced-motion:no-preference){.project-modal[open]{transition:opacity .2s ease, translate .26s var(--ease-out)}@starting-style{.project-modal[open]{opacity:0;translate:0 16px}}}.layout{grid-template-columns:minmax(0,1fr);display:grid}.text{min-width:0;max-width:820px}.stage{display:none}.js .layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(48px,6vw,96px)}.js .text{grid-area:1/1;max-width:none}.js .stage{grid-area:1/2;align-self:start;height:100svh;display:block;position:sticky;top:0}.stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}.hero{min-height:100svh;padding-block:var(--header-h) 72px;flex-direction:column;justify-content:center;display:flex}.hero h1{letter-spacing:-.035em;font-size:clamp(48px,6.4vw,116px);line-height:.95}.headline{max-width:30ch;font-family:var(--font-display);letter-spacing:-.02em;margin-top:clamp(20px,2.2vw,32px);font-size:clamp(21px,2vw,30px);line-height:1.2}.intro{max-width:52ch;color:var(--text-muted);text-wrap:pretty;margin-top:14px;font-size:clamp(16px,1.25vw,18px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px);display:flex}.about,.projects,.contact{padding-block:var(--section)}.about h2,.projects h2,.contact h2{letter-spacing:-.045em;font-size:clamp(36px,3.8vw,64px);line-height:.98}.about{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.about-copy{max-width:60ch;margin-top:32px;font-size:clamp(17px,1.3vw,20px);line-height:1.7}.about-copy p+p{margin-top:1.1em}.interests{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:8px 28px;margin-top:28px;font-size:14px;display:flex}.legend{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;gap:10px 28px;margin-top:36px;padding-top:24px;font-size:14px;display:none}.js .legend{display:flex}.legend li{align-items:center;gap:10px;display:inline-flex}.glyph{background:var(--text);border-radius:50%;width:12px;height:12px;display:inline-block}.glyph--skill{border:1.5px solid var(--text);background:0 0}.project-list{margin-top:clamp(32px,4vw,56px)}.project{border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;margin-inline:-20px;padding:clamp(22px,2.4vw,32px) 20px;transition:background .2s;display:grid;position:relative}.project+.project:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:20px;right:20px}.project h3{letter-spacing:-.03em;overflow-wrap:anywhere;grid-column:1;font-size:clamp(26px,2.5vw,38px)}.project p{color:var(--text-muted);grid-column:1;margin-top:8px}.project-open{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.project-open:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .28s var(--ease-out);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.project-open:after{content:"";position:absolute;inset:-40px -600px}.project{overflow:hidden}.project-open:focus-visible{outline-offset:6px}@media (width>=861px) and (width<=1280px){.project{padding-block:18px}.project h3{font-size:23px}.project p{margin-top:6px;font-size:15px}.project-arrow{width:38px;height:38px;font-size:16px}}.project-arrow{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:color .2s ease, border-color .2s ease, translate .2s var(--ease-out);border-radius:999px;grid-area:1/2/span 2;place-items:center;font-size:18px;display:grid}.project:hover,.project.is-lit{background:var(--surface)}.project:hover .project-open:before,.project.is-lit .project-open:before{transform:scaleX(1)}.project:hover .project-arrow,.project.is-lit .project-arrow{color:var(--accent-text);border-color:var(--accent);translate:2px -2px}.project:hover+.project:before,.project.is-lit+.project:before,.project:hover:before,.project.is-lit:before{opacity:0}.contact{flex-direction:column;justify-content:center;min-height:90svh;display:flex}.contact-links{gap:8px;margin-top:clamp(28px,3vw,44px);display:grid}.contact-link{border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease, background .2s ease, padding .24s var(--ease-out);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;padding:18px 22px;text-decoration:none;display:flex}.contact-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1}.contact-url{font-family:var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:inline-flex}.contact-link:hover,.contact-link.is-lit{border-color:var(--accent);padding-left:30px}.contact-link--primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.contact-link--primary .contact-url{color:inherit}.contact-link--primary:hover,.contact-link--primary.is-lit{background:var(--primary-hover);border-color:var(--primary-hover)}.site-footer{padding-block:24px 32px;padding-right:calc(var(--gutter) + 72px);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;font-size:14px;display:flex}.site-footer .wordmark{padding-block:8px;font-size:18px}.site-footer nav{flex-wrap:wrap;gap:4px 28px;margin-right:auto;display:flex}.site-footer nav a{padding-block:8px;text-decoration:none;transition:color .16s}.site-footer nav a:hover{color:var(--text)}@media (prefers-reduced-motion:no-preference){.hero>*{animation:rise .8s var(--ease-out) both}.hero>:nth-child(2){animation-delay:.11s}.hero>:nth-child(3){animation-delay:.18s}.hero>:nth-child(4){animation-delay:.26s}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width<=860px){.js .layout{grid-template-columns:minmax(0,1fr)}.js .legend{display:none}.js .text{grid-row:2}.js .stage{height:42svh;margin-inline:calc(-1 * var(--gutter));border-bottom:1px solid var(--border);grid-area:1/1;position:relative}.hero{min-height:0;padding-block:28px 56px}.js .hero{padding-top:24px}.headline{margin-top:14px}.intro{font-size:16px}.hero-actions{gap:10px;margin-top:22px}.hero-actions .button{min-height:50px;padding:13px 22px}.about,.contact{min-height:0}.about,.projects,.contact{padding-block:64px}.project{margin-inline:-16px;padding-inline:16px}.project+.project:before{left:16px;right:16px}.contact-link{padding:16px 18px}.site-footer{flex-direction:column;align-items:flex-start;gap:8px}}.research{padding-block:var(--section)}.research h2{letter-spacing:-.04em;font-size:clamp(32px,3.2vw,52px);line-height:1}.research-group{margin-top:clamp(28px,3vw,44px)}.research-group h3{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:500}.research-list{margin-top:12px}.research-item{border-radius:var(--radius);margin-inline:-16px;padding:16px;transition:background .2s}.research-item+.research-item{border-top:1px solid var(--border)}.research-item:hover,.research-item.is-lit{background:var(--surface);border-top-color:#0000}.research-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(18px,1.5vw,22px);line-height:1.3}.research-meta{max-width:70ch;color:var(--text-muted);margin-top:6px;font-size:15px}.research-links{flex-wrap:wrap;gap:0 20px;margin-top:4px;display:flex}.research-links a{color:var(--accent-text);align-items:center;gap:6px;padding-block:8px;font-size:14px;text-decoration:none;display:inline-flex}.research-links a:hover{text-decoration:underline}.recognition-list{color:var(--text-muted);gap:10px;padding-left:18px;font-size:15px;list-style:outside;display:grid}.recognition-list a{color:var(--text);text-decoration-color:var(--border)}.recognition-list a:hover{text-decoration-color:currentColor}.glyph--research{border-radius:1px;transform:scale(.85)}.glyph--interest{background:var(--text);clip-path:polygon(50% 0,100% 90%,0 90%);border-radius:0}@media (width<=860px){.research{padding-block:64px}}