@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,300&display=swap";.hero{flex-direction:column;align-items:flex-start}@media(max-width:760px){.story-column,.hero h1,.hero-copy,.actions,.social-inline{max-width:calc(100vw - 34px);width:100%}.hero h1,.hero-copy{overflow-wrap:anywhere}}:root{--bg:#090b0d;--surface:#101417;--text:#f0eee8;--muted:#aab4b7;--dim:#707b80;--cyan:#8fc7cf;--cyan2:#c3e3e6;--line:rgba(194,222,225,.16);--max:1460px;--nav:68px;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 20px)}body{margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);font-family:Manrope,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:8px 13px;color:#061013;background:var(--cyan2);transform:translateY(-140%)}.skip-link:focus{transform:none}.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:var(--nav);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.topbar.scrolled{border-color:var(--line);background:#090b0de0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{font:500 14px Newsreader,Georgia,serif;text-decoration:none}.wordmark:hover{color:var(--cyan2)}.topbar nav{display:flex;gap:5px}.topbar nav a{padding:7px 10px;color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.topbar nav a:hover,.topbar nav a.active{color:var(--cyan2)}.topbar nav a.active{position:relative}.topbar nav a.active:after{content:"";position:absolute;right:10px;bottom:2px;left:10px;border-bottom:1px solid var(--cyan)}.resume-link{justify-self:end;padding:8px 13px;border:1px solid var(--line);font-size:11px;text-decoration:none}.resume-link:hover{border-color:var(--cyan);color:var(--cyan2)}.nav-toggle{display:none}.page-grid{width:min(calc(100% - 56px),var(--max));display:grid;grid-template-columns:minmax(0,3fr) minmax(380px,2fr);gap:clamp(40px,5vw,86px);margin:auto}.story-column{min-width:0}.panel{min-height:0;padding:88px 0;border-bottom:1px solid var(--line)}.hero{min-height:calc(100svh - var(--nav));display:flex;justify-content:center;padding-top:calc(var(--nav) + 82px);padding-bottom:74px}.hero h1{max-width:850px;margin:0 0 24px;font:300 clamp(3rem,5.1vw,4.8rem)/.96 Newsreader,Georgia,serif;letter-spacing:-.045em;text-wrap:balance}.hero-copy{max-width:650px;margin:0 0 25px;color:#c0c9cb;font-size:clamp(1rem,1.35vw,1.15rem)}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:174px;padding:11px 14px;border:1px solid var(--line);color:var(--text);background:transparent;font:600 12px Manrope,sans-serif;text-decoration:none;cursor:pointer}.button.primary{color:#071014;background:var(--cyan2);border-color:var(--cyan2)}.button:hover{border-color:var(--cyan);color:var(--cyan2)}.button.primary:hover{color:#071014;background:#daf0f1}.social-inline{display:flex;gap:22px;margin-top:20px}.social-inline a,.contact-links a{color:var(--muted);font-size:11px;text-decoration:none}.social-inline a:hover,.contact-links a:hover{color:var(--cyan2)}.section-head{margin-bottom:25px}.section-head>p{margin:0 0 7px;color:var(--cyan);font:500 10px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.section-head h2{margin:0;font:300 clamp(2.2rem,3.3vw,3.6rem)/1 Newsreader,Georgia,serif;letter-spacing:-.04em}.prose{max-width:710px;display:grid;gap:18px}.prose p{margin:0;color:#c0c9cb;font-size:16px;line-height:1.7}.skill-list{border-top:1px solid var(--line)}.skill-list article{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.skill-list h3{margin:0;color:var(--text);font-size:14px;font-weight:600}.skill-list p{margin:0;color:var(--muted);font-size:13px}.anatomy-stage{min-width:0}.stage-frame{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));overflow:hidden}.stage-frame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(194,222,225,.08);pointer-events:none}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(143,199,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,199,207,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 23%,black 77%,transparent);mask-image:linear-gradient(to bottom,transparent,black 23%,black 77%,transparent)}#anatomy-canvas,.skeleton-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.skeleton-fallback{opacity:.55;filter:saturate(.3) contrast(.95)}.skeleton-fallback.is-hidden{opacity:0}#anatomy-canvas{opacity:0;pointer-events:none;transition:opacity .6s}#anatomy-canvas.is-ready{opacity:1}.region-annotation{position:absolute;z-index:3;top:32px;right:27px;display:flex;align-items:center;gap:8px;color:var(--cyan);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.region-annotation i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #8fc7cf1a}.load-status{position:absolute;z-index:3;bottom:48px;left:27px;color:var(--cyan);font:9px DM Mono,monospace;text-transform:uppercase;transition:opacity .3s}.load-status.is-hidden{opacity:0}.motion-toggle{position:absolute;z-index:4;right:27px;bottom:43px;display:flex;gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--line);color:var(--muted);background:#090b0d8c;font:9px DM Mono,monospace;cursor:pointer}.motion-toggle:hover{color:var(--cyan2);border-color:var(--cyan)}.motion-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.motion-toggle[aria-pressed=true] .motion-dot{background:var(--dim)}.model-credit{position:absolute;right:27px;bottom:16px;color:var(--dim);font:8px DM Mono,monospace;text-decoration:none}.model-credit:hover{color:var(--cyan2)}.project-stack{display:grid;gap:16px}.project{display:grid;grid-template-columns:1fr 180px;gap:16px;padding:21px;border:1px solid var(--line);background:#ffffff05}.project-copy{min-width:0}.project-type{margin:0 0 11px;color:var(--cyan);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.project h3{margin:0 0 8px;font:300 1.7rem/1.02 Newsreader,Georgia,serif}.project-copy>p:not(.project-type){margin:0;color:#bcc5c7;font-size:13px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.chip-row span{padding:4px 7px;border:1px solid var(--line);color:var(--muted);font-size:9px}.project-visual{position:relative;min-height:124px;overflow:hidden;border:1px solid rgba(143,199,207,.15);background:#11181b}.concept-label{position:absolute;z-index:2;right:7px;bottom:6px;color:#c3e3e694;font:7px DM Mono,monospace;text-transform:uppercase}.visual-art{position:absolute;inset:17px}.visual-01 .visual-art{border:1px solid rgba(143,199,207,.58);border-radius:50%;box-shadow:36px 0 0 -1px transparent}.visual-01 .visual-art:before,.visual-01 .visual-art:after{content:"";position:absolute;inset:20% 4%;border:1px solid rgba(143,199,207,.42);transform:rotate(60deg);border-radius:50%}.visual-01 .visual-art:after{transform:rotate(-60deg)}.visual-02 .visual-art{border-left:1px solid var(--cyan);border-bottom:1px solid var(--cyan);background:repeating-linear-gradient(to top,transparent 0 21px,rgba(143,199,207,.13) 22px),linear-gradient(135deg,transparent 48%,rgba(143,199,207,.7) 49% 50%,transparent 51%)}.visual-02 .visual-art:before{content:"Rx  01    $";position:absolute;top:13px;left:12px;color:#c3e3e6b3;font:8px DM Mono,monospace}.visual-03 .visual-art{background:radial-gradient(circle at 22% 70%,var(--cyan) 0 3px,transparent 4px),radial-gradient(circle at 53% 28%,var(--cyan) 0 3px,transparent 4px),radial-gradient(circle at 82% 62%,var(--cyan) 0 3px,transparent 4px)}.visual-03 .visual-art:before,.visual-03 .visual-art:after{content:"";position:absolute;top:50%;left:22%;width:62%;border-top:1px solid rgba(143,199,207,.55);transform:rotate(-24deg);transform-origin:left}.visual-03 .visual-art:after{transform:rotate(30deg);top:62%}details{grid-column:1/-1;border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;padding:12px 0 0;cursor:pointer;color:var(--text);font-size:12px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--cyan);font-size:18px;font-weight:400}.case-study{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 5px}.case-study h4{margin:0 0 5px;color:var(--cyan);font:9px DM Mono,monospace;text-transform:uppercase}.case-study p{margin:0;color:var(--muted);font-size:12px}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:140px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--dim);font:10px DM Mono,monospace;text-transform:uppercase}.timeline p{margin:0 0 3px;color:var(--cyan);font-size:11px}.timeline h3{margin:0 0 8px;font:300 1.45rem/1 Newsreader,Georgia,serif}.timeline article div div{color:var(--muted);font-size:13px}.research-list{display:grid;gap:13px}.research-list article{padding:20px 0;border-top:1px solid var(--line)}.research-list h3{margin:0 0 18px;font:300 1.55rem Newsreader,Georgia,serif}.research-list dl{margin:0}.research-list dl div{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:8px 0}.research-list dt{color:var(--dim);font:9px DM Mono,monospace;text-transform:uppercase}.research-list dd{margin:0;color:var(--muted);font-size:12px}.contact-panel{padding-bottom:100px}.contact-line{margin:0 0 20px;color:#c6d7d9;font:300 clamp(1.55rem,2.3vw,2.15rem) Newsreader,Georgia,serif}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.copy-status{color:var(--cyan);font:10px DM Mono,monospace}.contact-links{display:flex;gap:24px;margin-top:20px}.contact-links a{font-size:12px}footer{width:min(calc(100% - 56px),var(--max));display:flex;justify-content:space-between;gap:20px;margin:auto;padding:21px 0;border-top:1px solid var(--line);color:var(--dim);font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}footer a{text-decoration:none}@media(max-width:980px){.topbar{grid-template-columns:1fr auto auto;gap:14px}.nav-toggle{display:grid;width:36px;height:34px;place-content:center;gap:5px;border:1px solid var(--line);color:var(--text);background:transparent}.nav-toggle i{width:16px;border-top:1px solid}.topbar nav{position:absolute;top:calc(100% + 6px);right:20px;display:none;width:220px;flex-direction:column;padding:9px;border:1px solid var(--line);background:#101417}.topbar nav.open{display:flex}.topbar nav a{padding:10px}.page-grid{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.project{grid-template-columns:1fr 145px}}@media(max-width:760px){:root{--nav:62px}.topbar{padding:0 17px}.page-grid{display:block;width:calc(100% - 34px)}.story-column{width:100%}.anatomy-stage{width:100%;height:330px;margin:0 0 20px}.stage-frame{position:relative;top:auto;height:100%}.hero{min-height:0;padding:115px 0 38px}.hero h1{font-size:clamp(2.85rem,11vw,4.2rem);text-wrap:balance}.hero-copy{font-size:16px}.panel{padding:60px 0}.section-head h2{font-size:clamp(2.5rem,10vw,3.4rem)}.skill-list article{display:block;padding:16px 0}.skill-list h3{margin-bottom:5px}.project{grid-template-columns:1fr;padding:18px}.project-visual{min-height:145px}.case-study{grid-template-columns:1fr;gap:13px}.timeline article{grid-template-columns:1fr;gap:7px}.contact-links{margin-bottom:10px}footer{width:calc(100% - 34px);display:block}footer span:nth-child(2){display:none}footer a{display:block;margin-top:8px}.model-credit,.motion-toggle{display:none}}@media(max-width:480px){.hero h1{font-size:clamp(2.65rem,12.5vw,3.6rem)}.actions{flex-direction:column}.button{width:100%}.anatomy-stage{height:290px}.stage-frame:before{inset:7px}.region-annotation{top:16px;right:15px;font-size:8px}.contact-actions{align-items:stretch;flex-direction:column}.copy-email{justify-content:center}.research-list dl div{grid-template-columns:1fr;gap:3px}}.about-layout{align-items:center;min-height:0}.about-layout .portrait-exit{width:min(100%,290px);max-height:none;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;align-self:center;margin-top:clamp(-52px,-4vh,-28px);transform-origin:center center;will-change:transform}.about-layout .portrait-reveal{width:100%;height:auto;aspect-ratio:3/4;flex:0 0 auto}.about-layout .portrait-signature{width:92%;height:62px;margin:14px auto 0;flex:0 0 62px}.portrait-signature .signature-pulse,.portrait-signature .signature-addy{stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.portrait-reveal.is-drawing+.portrait-signature{opacity:1}@media(max-width:760px){.about-layout .portrait-exit{width:min(100%,300px);margin-inline:auto}.about-layout .portrait-signature{margin-top:18px}}.about-layout.is-portrait-entrance .prose,#about.is-portrait-entrance .prose{opacity:1}.about-layout.is-copy-hidden .prose,#about.is-copy-hidden .prose{opacity:0;transform:translateY(14px);pointer-events:none}.about-layout .prose{transition:opacity .38s ease,transform .38s ease}body.about-entrance .anatomy-stage{opacity:.28;transition:opacity .45s ease}body.about-entrance .particle-layer{opacity:.2}.about-foreground{position:relative;width:100%;transform-origin:50% 50%;will-change:transform}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.skeleton-fallback{opacity:.55!important}#anatomy-canvas{display:none!important}}.no-webgl #anatomy-canvas,.reduced-motion #anatomy-canvas{display:none}.no-webgl .skeleton-fallback,.reduced-motion .skeleton-fallback{opacity:.55}@media(min-width:981px){html{scroll-snap-type:y proximity}.page-grid{grid-template-columns:minmax(0,1.52fr) minmax(360px,1fr);gap:clamp(38px,5vw,78px)}.panel{min-height:calc(100svh - var(--nav));padding:calc(var(--nav) + 56px) 0 48px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}.hero{padding-top:calc(var(--nav) + 36px);padding-bottom:48px}.hero-name{margin:0 0 18px;color:var(--cyan);font:500 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:760px;font-size:clamp(3rem,4.2vw,4rem);margin-bottom:22px}.hero-copy{max-width:520px;margin:0;font-size:17px}.section-head{margin-bottom:20px}.section-head h2{font-size:clamp(2.2rem,3vw,3.1rem)}.prose{gap:13px;max-width:680px}.prose p{font-size:15px;line-height:1.56}.entry-list{border-top:1px solid var(--line)}.entry-row{width:100%;display:grid;grid-template-columns:88px 1fr 20px;gap:16px;align-items:start;padding:14px 0;border:0;border-bottom:1px solid var(--line);color:inherit;background:none;text-align:left;cursor:pointer}.entry-row:hover .entry-main strong,.entry-row:focus-visible .entry-main strong{color:var(--cyan2)}.entry-date{color:var(--dim);font:10px DM Mono,monospace;line-height:1.45}.entry-main{display:grid;gap:2px;min-width:0}.entry-main strong{font-size:15px;font-weight:600;transition:color .2s}.entry-main em{color:var(--cyan);font-size:11px;font-style:normal}.entry-main>span{color:var(--muted);font-size:12px;line-height:1.45}.entry-row>b{color:var(--dim);font-size:14px;font-weight:400}.chip-row{margin-top:5px;gap:4px}.chip-row span{padding:2px 5px;font-size:8px}.skill-list article{grid-template-columns:170px 1fr;padding:12px 0}.skill-list p{font-size:12px}.contact-panel{padding-bottom:48px}.contact-line{max-width:720px;margin:0 0 19px;font-size:clamp(1.25rem,1.8vw,1.7rem)}.contact-actions{gap:8px}.contact-actions .button{min-width:0;justify-content:center;padding:9px 15px;border-radius:999px}.contact-actions .button.primary{min-width:112px}.model-credit{right:13px;bottom:12px;font-size:7px;opacity:.48}.motion-toggle{right:13px;bottom:37px;padding:6px 8px;font-size:8px;background:#090b0d4d}.stage-frame:before,.stage-grid,.region-annotation{display:none}.skeleton-fallback{opacity:.32}.load-status{left:13px;bottom:12px;font-size:8px;opacity:.3}}.detail-dialog{width:min(680px,calc(100% - 32px));max-height:min(720px,calc(100vh - 48px));padding:34px 38px 38px;border:1px solid var(--line);color:var(--text);background:#111619;box-shadow:0 24px 80px #0009}.detail-dialog::backdrop{background:#020405c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:13px;right:16px;border:0;color:var(--muted);background:none;font-size:24px;line-height:1;cursor:pointer}.dialog-close:hover{color:var(--cyan2)}.dialog-kicker{margin:0 0 10px;color:var(--cyan);font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.detail-dialog h2{margin:0 0 8px;font:300 clamp(1.9rem,4vw,2.8rem)/1 Newsreader,Georgia,serif}.dialog-meta{margin:0 0 24px;color:var(--muted);font-size:13px}.detail-dialog ul{margin:22px 0 0;padding-left:20px;color:var(--muted);font-size:14px}.detail-dialog li+li{margin-top:10px}.dialog-section{padding-top:17px;border-top:1px solid var(--line);margin-top:17px}.dialog-section h3{margin:0 0 6px;color:var(--cyan);font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.dialog-section p{margin:0;color:#c0c9cb;font-size:14px;line-height:1.65}.dialog-open{overflow:hidden}@media(max-height:760px)and (min-width:981px),(min-resolution:1.5dppx)and (min-width:981px){.panel{min-height:0;scroll-snap-align:none;padding-top:90px;padding-bottom:44px}.hero{min-height:calc(100svh - var(--nav));padding-top:100px}.section-head h2{font-size:2.35rem}.entry-row{padding:10px 0}.prose p{font-size:14px}}@media(max-width:760px){.hero-name{margin:0 0 14px;color:var(--cyan);font:10px DM Mono,monospace;text-transform:uppercase}.hero{min-width:0;overflow:hidden}.hero h1{min-width:0;max-width:330px;width:100%;text-wrap:wrap;overflow-wrap:anywhere;font-size:clamp(2.1rem,9vw,2.45rem)}.hero-copy{min-width:0;max-width:330px;width:100%;text-wrap:wrap;overflow-wrap:anywhere;font-size:15px}.panel{padding:54px 0}.section-head h2{font-size:clamp(2.35rem,10vw,3.2rem)}.entry-row{grid-template-columns:42px 1fr 18px;gap:10px;padding:14px 0}.entry-main strong{font-size:14px}.entry-main>span{font-size:12px}.entry-date{font-size:9px}.chip-row span{font-size:8px}.contact-actions{flex-direction:row;align-items:stretch}.contact-actions .button{width:auto;flex:1;justify-content:center;min-width:0}.detail-dialog{padding:30px 23px 27px}.stage-frame:before,.stage-grid,.region-annotation{display:none}.model-credit,.motion-toggle{display:flex}.motion-toggle{right:10px;bottom:13px}.model-credit{right:10px;bottom:0}.skeleton-fallback{opacity:.32}}html,body,#app{height:100%;overflow:hidden}body{background:var(--bg)}.topbar{grid-template-columns:1fr auto 1fr;padding-inline:clamp(22px,4vw,64px)}.topbar nav{grid-column:2;justify-content:center}.wordmark,.resume-link{display:none}.resume-download{grid-column:3;justify-self:end;padding:8px 13px;border:1px solid var(--line);color:var(--text);font-size:11px;text-decoration:none}.resume-download:hover{border-color:var(--cyan);color:var(--cyan2)}#main{position:relative;height:calc(100dvh - var(--nav));margin-top:var(--nav);isolation:isolate}#main:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#090b0d26,#090b0db8 68%,#090b0df5)}.anatomy-stage{position:fixed;inset:0;z-index:2;pointer-events:none;min-width:0}.stage-frame{position:absolute;inset:0;height:100%;overflow:hidden}#anatomy-canvas,.skeleton-fallback{inset:0;width:100%;height:100%;object-fit:contain}.skeleton-fallback{opacity:.14;filter:saturate(.2) contrast(.8)}.motion-toggle,.model-credit{pointer-events:auto}.motion-toggle{right:clamp(18px,3vw,50px);bottom:22px;opacity:.8}.model-credit{right:clamp(18px,3vw,50px);bottom:4px;opacity:.35}.load-status{left:clamp(18px,3vw,50px);bottom:10px;opacity:.22}.scroll-area{position:relative;z-index:1;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(143,199,207,.35) transparent}.story-column{width:min(calc(100% - (2*clamp(28px,7vw,120px))),1400px);height:100%;margin:0 auto;min-width:0}.panel{height:100%;min-height:100%;flex:0 0 100%;padding:clamp(48px,7vh,86px) 0;box-sizing:border-box;border-bottom:1px solid rgba(194,222,225,.13);scroll-snap-align:start;scroll-snap-stop:normal;display:flex;flex-direction:column;justify-content:center}.hero{padding-top:clamp(28px,6vh,70px);padding-bottom:clamp(28px,6vh,70px)}.hero h1{max-width:900px;font-size:clamp(3rem,5vw,4.6rem)}.hero-copy{font-size:clamp(1.05rem,1.4vw,1.25rem)}.section-head{margin-bottom:clamp(22px,3vh,34px)}.section-head h2{font-size:clamp(2.5rem,4vw,3.4rem)}.prose{max-width:790px;gap:20px}.prose p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.58}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:clamp(30px,7vw,110px);align-items:center}.about-portrait{width:100%;max-height:52vh;object-fit:cover;object-position:50% 24%;aspect-ratio:3/4;border-radius:18px;filter:saturate(.92) contrast(.98)}.portrait-exit{width:100%;max-height:52vh;aspect-ratio:3/4;opacity:1;transform:translateY(0);will-change:opacity,transform}.portrait-reveal{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;isolation:isolate}.portrait-reveal .about-portrait{position:absolute;inset:0;width:100%;height:100%;max-height:none}.portrait-base{filter:grayscale(1) blur(4px) saturate(.35);opacity:.42;transform:scale(1.015)}.portrait-color{z-index:2;clip-path:inset(0 0 100% 0);filter:none;transition:none}.portrait-scan{position:absolute;z-index:4;top:0;left:0;width:100%;height:2px;background:#8fc7cfe6;box-shadow:0 0 8px #8fc7cf8c;opacity:0;pointer-events:none}.portrait-corners{position:absolute;inset:12px;z-index:5;opacity:0;pointer-events:none}.portrait-corners i{position:absolute;width:20px;height:20px;border-color:#8fc7cfbf;border-style:solid}.portrait-corners i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.portrait-corners i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.portrait-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.portrait-corners i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.portrait-reveal.is-scanning .portrait-scan{opacity:1;animation:portrait-scan 1.2s cubic-bezier(.2,.7,.2,1) forwards}.portrait-reveal.is-scanning .portrait-corners{opacity:1;animation:portrait-corners 1.2s ease forwards}.portrait-reveal.is-scanning .portrait-color{animation:portrait-reveal 1.2s cubic-bezier(.2,.7,.2,1) forwards}.portrait-reveal.is-complete .portrait-color{clip-path:inset(0)}.portrait-reveal.is-complete .portrait-base{opacity:0;filter:none}.portrait-reveal.is-complete .portrait-scan,.portrait-reveal.is-complete .portrait-corners{opacity:0}.portrait-reveal.is-faded{animation:portrait-fade-in .35s ease both}@keyframes portrait-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes portrait-scan{0%{top:0}to{top:100%;opacity:0}}@keyframes portrait-corners{0%,75%{opacity:1}to{opacity:0}}@keyframes portrait-fade-in{0%{opacity:0}to{opacity:1}}.entry-row{padding:17px 0}.entry-main strong{font-size:clamp(1rem,1.5vw,1.25rem)}.entry-main>span{font-size:clamp(.82rem,1.1vw,1rem)}.entry-main em{font-size:clamp(.72rem,1vw,.86rem)}#experience .entry-row{grid-template-columns:180px 1fr 24px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.project-card{min-width:0;padding:clamp(18px,2vw,28px);border:1px solid var(--line);background:#0a0e1094;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-card .project-trigger{display:flex;grid-template-columns:1fr 20px;width:100%;padding:18px 0 0;border-bottom:0}.project-graphic{height:100px;display:grid;place-items:center;border-bottom:1px solid var(--line);opacity:.78}.project-graphic svg{width:100%;height:100%;fill:none;stroke:var(--cyan);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.graphic-0 circle,.graphic-2 circle{fill:var(--bg);stroke-width:1.5}.graphic-1 svg{stroke-width:1.4}.project-card .entry-main{gap:8px}.project-card .entry-main strong{font-size:clamp(1.15rem,1.8vw,1.45rem)}.project-card .chip-row{margin-top:2px}.research-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);border-top:0}.research-entries .entry-row{display:flex;min-width:0;border-top:1px solid var(--line)}.skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;border-top:1px solid var(--line)}.skill-list article{grid-template-columns:1fr;padding:22px 0;min-height:120px}.skill-list h3{font-size:1.1rem}.skill-list p{font-size:1rem;line-height:1.6}.contact-panel{align-items:center;text-align:center}.contact-panel .section-head{width:100%}.contact-line{max-width:820px;font-size:clamp(1.4rem,2.3vw,2rem)}.contact-actions{justify-content:center}.contact-actions .button{min-width:130px}.detail-dialog{z-index:40}.dialog-open .scroll-area{overflow:hidden}@media(max-width:760px){html,body,#app{height:auto;overflow-x:hidden;overflow-y:auto}.topbar{position:fixed}.topbar nav{justify-content:flex-start}.anatomy-stage{position:fixed;inset:0;height:auto;margin:0}.stage-frame{position:absolute;inset:0;height:100dvh}.scroll-area{height:auto;min-height:100dvh;overflow:visible;scroll-snap-type:none}.story-column{width:calc(100% - 34px);height:auto}.panel{height:auto;min-height:100svh;flex:none;padding:84px 0 55px;scroll-snap-align:none}.hero{min-height:100svh;padding-top:90px}.project-grid,.research-entries,.skill-list{grid-template-columns:1fr}.project-card{padding:18px}.research-entries{gap:16px}.skill-list article{min-height:0;padding:18px 0}.motion-toggle{right:12px;bottom:30px}.model-credit{right:12px;bottom:10px}.skeleton-fallback{opacity:.1}.hero h1{font-size:clamp(2.3rem,10vw,3.2rem)}}@media(max-width:760px){.topbar{grid-template-columns:auto 1fr auto}.resume-download{font-size:10px;padding:7px 9px}.about-layout{grid-template-columns:1fr;gap:24px}.about-portrait{max-height:340px;max-width:280px}.anatomy-stage{opacity:.55}}.portrait-base{display:none}.portrait-color{clip-path:inset(0);opacity:0}.portrait-reveal.is-scanning .portrait-base{filter:grayscale(1) blur(4px) saturate(.35);opacity:.42}.portrait-reveal.is-scanning .portrait-color{clip-path:inset(0 0 100% 0);animation:portrait-reveal 1.2s cubic-bezier(.2,.7,.2,1) forwards}.portrait-reveal.is-scanning .portrait-color,.portrait-reveal.is-scanning .portrait-scan,.portrait-reveal.is-scanning .portrait-corners{animation-duration:2.5s}.portrait-scan,.portrait-corners{display:none}.portrait-exit{aspect-ratio:auto;padding-bottom:0;position:relative}.portrait-reveal{aspect-ratio:3/4;height:auto}.portrait-reveal.is-drawing .portrait-color{opacity:0}.portrait-reveal.is-drawing .portrait-drawing,.portrait-reveal.is-complete .portrait-color{opacity:1}.portrait-drawing{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;pointer-events:none;overflow:visible}.portrait-drawing image{width:100%;height:100%}.portrait-mask-path{fill:none;stroke:#fff;stroke-width:112;stroke-linecap:round;stroke-linejoin:round}.portrait-signature{position:relative;z-index:3;display:block;left:auto;top:auto;width:92%;height:62px;margin:20px auto 0;overflow:visible;opacity:0;pointer-events:none}.portrait-signature path{fill:none;stroke:#f4f7f7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.portrait-exit.has-signature .portrait-signature{opacity:1}.portrait-stylus{position:absolute;z-index:6;left:4%;top:6%;width:30px;height:8px;border-radius:5px;background:linear-gradient(90deg,#768084,#e8eeee 48%,#7b8588);box-shadow:0 0 5px #c3e3e647;opacity:0;transform-origin:5px 50%;pointer-events:none}.portrait-stylus:before{content:"";position:absolute;left:-6px;top:2px;border-top:2px solid #687276;border-right:7px solid transparent}.portrait-stylus i{position:absolute;left:-8px;top:1px;width:4px;height:4px;border-radius:50%;background:#9bdbe2;box-shadow:0 0 7px #8fc7cfd9}.portrait-exit:not(.has-signature) .portrait-signature{opacity:0}.portrait-exit:has(.portrait-reveal.is-drawing) .portrait-stylus{opacity:1}#about.about-playing{overflow:visible}#about .about-foreground{z-index:3}#about.is-copy-hidden .section-head,#about.is-copy-hidden .prose{opacity:0;pointer-events:none}#about .section-head{transition:opacity .35s ease}#about .portrait-reveal{background:transparent}#about .portrait-reveal .portrait-color{opacity:1;animation:none;filter:saturate(.92) contrast(.98)}#about .portrait-reveal.scan-prepared .portrait-color{clip-path:inset(0 0 100% 0);opacity:0}#about .portrait-reveal.scan-active .portrait-color{clip-path:inset(0 0 calc(100% - var(--scan, 0%)) 0);opacity:1}#about .portrait-reveal.scan-done .portrait-color{clip-path:inset(0);opacity:1}#about .portrait-reveal .face-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;stroke:#9dcbd0;fill:none;stroke-width:.45;stroke-linecap:round;filter:drop-shadow(0 0 2px #8fc7cf)}#about .portrait-reveal.scan-active .face-mesh{opacity:.8;clip-path:inset(var(--scan, 0%) 0 0 0)}#about .portrait-reveal .portrait-scan{display:none;animation:none}#about .portrait-reveal.scan-active .portrait-scan{display:block;opacity:1;top:var(--scan, 0%);height:3px;z-index:5;background:#acdbe0;box-shadow:0 0 18px 4px #8fc7cf80}#about .portrait-reveal .portrait-corners{display:none}#about .portrait-signature{display:block;opacity:0;margin:14px auto 0;overflow:visible}#about .portrait-signature path{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#about .portrait-stylus{pointer-events:none;z-index:7}#about .portrait-exit{opacity:1;transform:none;visibility:visible}@media(prefers-reduced-motion:reduce){#about .portrait-reveal.scan-done .portrait-color{opacity:1}}body:has(#about.about-playing) .scroll-area{z-index:3}.about-foreground{position:relative;width:100%;transform:none!important}#about .portrait-reveal{position:relative;overflow:hidden;isolation:isolate;background:var(--bg)}#about .portrait-reveal .portrait-mono{position:absolute;inset:0;width:100%;height:100%;z-index:1;object-fit:cover;object-position:50% 24%;filter:grayscale(1) contrast(1.08) brightness(.62) saturate(.2);opacity:0;transition:none}#about .portrait-reveal .portrait-color{z-index:2;object-fit:cover;object-position:50% 24%}#about .portrait-reveal.scan-prepared .portrait-mono{opacity:1}#about .portrait-reveal.scan-active .portrait-mono{opacity:1;clip-path:inset(var(--scan,0%) 0 0 0)}#about .portrait-reveal.scan-done .portrait-mono{opacity:0}#about .portrait-reveal.scan-active .face-mesh{clip-path:inset(var(--scan,0%) 0 0 0);opacity:.82}#about .portrait-reveal.scan-active .face-mesh path{filter:drop-shadow(0 0 2px rgba(143,199,207,.42))}#about .portrait-reveal.scan-active:after{content:"";position:absolute;z-index:6;left:0;right:0;top:var(--scan,0%);height:12px;transform:translateY(-50%);pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(143,199,207,.08) 42%,rgba(143,199,207,.14) 50%,transparent);border-top:1px solid rgba(172,219,224,.95);box-shadow:0 0 8px #8fc7cf59}#about .portrait-reveal.scan-done .face-mesh{opacity:0}#about .face-mesh circle{fill:#b7e2e4;stroke:none;opacity:.72}.glb-face-mesh{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen}#about .portrait-reveal.scan-prepared .glb-face-mesh,#about .portrait-reveal.scan-active .glb-face-mesh{opacity:.88}#about .portrait-reveal.scan-done .glb-face-mesh{opacity:0}#about .portrait-signature{margin-top:14px}#about .portrait-reveal .portrait-wireframe{position:absolute;z-index:1;left:28%;top:clamp(96px,35%,140px);width:44%;height:auto;max-width:none;object-fit:contain;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:saturate(.9) brightness(.82);clip-path:inset(0 0 0 0);transition:none}#about .portrait-reveal.scan-prepared .portrait-wireframe,#about .portrait-reveal.scan-active .portrait-wireframe{opacity:.9}#about .portrait-reveal.scan-active .portrait-wireframe{clip-path:inset(var(--scan,0%) 0 0 0)}#about .portrait-reveal.scan-done .portrait-wireframe{opacity:0;clip-path:inset(100% 0 0 0)}#about .about-layout .portrait-exit{width:min(100%,350px);margin-top:0}#about .about-layout .portrait-reveal{aspect-ratio:395 / 320;border-radius:16px;overflow:hidden;background:transparent;box-sizing:border-box;border:1px solid transparent}#about .about-layout .portrait-reveal:before{content:"";position:absolute;inset:0;z-index:8;border:1px solid rgba(143,199,207,.3);border-radius:inherit;pointer-events:none}#about .portrait-reveal .portrait-color{object-fit:contain;object-position:center;width:100%;height:100%;filter:none}#about .portrait-reveal .portrait-wireframe{left:16.5%;top:0;width:67%;height:auto;object-fit:contain}@media(max-width:760px){#about .about-layout .portrait-exit{width:min(100%,350px)}#about .about-layout .portrait-reveal{width:100%}}