:root{font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:#f9f5e9;background:#8e9b7c;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink: #233932;--paper: #f9f5e9;--line: rgba(250, 247, 232, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff4a7;outline-offset:5px}button,svg{flex-shrink:0}button{border:0}::selection{background:#e9bc70;color:#20372c}.portfolio{position:relative;isolation:isolate}.world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 36% 22%,#b7bea0,#929f80 42%,#465f55)}.world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#20392f;opacity:var(--scene-shade, 0);pointer-events:none}.world-canvas{opacity:var(--avatar-opacity, 1);position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y}.world-canvas:active{cursor:grabbing}.world-canvas canvas{display:block;width:100%;height:100%}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.75' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:28px 38px;pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.identity{font-size:12px;letter-spacing:.07em;text-shadow:0 1px 10px #354538}.identity span{margin-left:8px}.identity small{display:block;font-size:9px;letter-spacing:.22em;margin-top:7px;opacity:.8}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button,.download-link{display:flex;align-items:center;gap:7px;border:1px solid rgba(249,245,233,.25);background:#233932ce;border-radius:30px;padding:9px 14px;font-size:11px}.header-actions button:hover,.download-link:hover{background:#101f1a}.chapter-nav{position:fixed;right:27px;top:50%;transform:translateY(-50%);z-index:10;display:grid;gap:11px}.chapter-nav button{position:relative;width:26px;height:22px;background:none;display:grid;place-items:center}.nav-dot{width:5px;height:5px;background:#fbf8df77;border-radius:50%;transition:.3s}.chapter-nav button[aria-current] .nav-dot{background:#fff0b4;box-shadow:0 0 0 4px #fff0b426}.nav-label{position:absolute;right:35px;white-space:nowrap;font-size:10px;letter-spacing:.09em;opacity:0;transition:.2s;text-shadow:0 1px 8px #263d31}.chapter-nav button:hover .nav-label,.chapter-nav button:focus-visible .nav-label{opacity:1}main{pointer-events:none}.chapter{position:relative;scroll-margin-top:0}.chapter a,.chapter button,.chapter article,.project-list,.capabilities,.contact-copy{pointer-events:auto}.intro{height:100svh;min-height:660px}.intro-copy{position:absolute;top:61%;left:50%;width:min(760px,86%);transform:translate(-50%);text-align:center;text-shadow:0 2px 24px #21372f75}.intro h1{font-family:Chalkboard SE,Comic Sans MS,Kaiti SC,cursive;font-size:clamp(48px,6vw,86px);font-weight:500;line-height:1.12;margin:0 0 24px;letter-spacing:-.03em}.intro h1 em{font-weight:400}.intro p{font-size:13px;line-height:1.85;margin:0;letter-spacing:.04em}.scroll-cue{display:inline-flex;align-items:center;flex-direction:column;gap:16px;font-size:10px;letter-spacing:.3em;margin-top:24px}.scroll-cue span{width:1px;height:45px;background:linear-gradient(#fff8,transparent)}.intro-meta{position:absolute;left:38px;right:38px;bottom:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;opacity:.75}.mobile-break{display:none}.story{min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:100px 11% 100px 50%}.story-copy{width:100%;max-width:470px;text-shadow:0 2px 25px #182e2577}.section-title{display:block;font-family:Georgia,Songti SC,serif;font-size:54px;font-weight:400;letter-spacing:-.04em;margin-bottom:58px}.timeline-entry{position:relative;padding:0 0 42px 30px;border-left:1px solid var(--line)}.timeline-entry:before{position:absolute;top:4px;left:-5px;content:"";width:9px;height:9px;border-radius:50%;background:#f9daa0;box-shadow:0 0 14px #ffe0a5}.year{font-size:11px;letter-spacing:.19em;color:#f1e5c9}.timeline-entry h2{font-size:28px;line-height:1.4;margin:17px 0 14px;letter-spacing:-.03em}.timeline-entry h3{font-size:17px;font-weight:400;margin:0 0 24px}.timeline-entry p{font-size:13px;line-height:1.95;max-width:34ch;color:#f1eee0db}.skills{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:10px;letter-spacing:.05em;margin-top:24px}.skills span{padding-bottom:7px;border-bottom:1px solid var(--line)}.next-chapter{background:none;padding:0;margin-top:40px;font-size:10px;letter-spacing:.12em;display:flex;gap:20px;align-items:center}.next-chapter:hover{color:#ffe6a2}.works{padding:115px 8% 100px;background:transparent;min-height:115svh}.works-heading{max-width:1100px;margin:0 auto 52px}.eyebrow{font-size:10px;letter-spacing:.18em}.works-heading h2{font-family:Songti SC,Georgia,serif;font-size:clamp(36px,5vw,66px);font-weight:400;letter-spacing:-.04em;margin:20px 0}.works-heading h2 em{font-weight:400}.works-heading p{font-size:12px;color:#e3e8d4aa}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1100px;margin:auto}.project-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;text-align:left;background:none;min-width:0}.project-art{flex-shrink:0;height:235px;overflow:hidden;position:relative;transition:transform .5s}.project-card:hover .project-art{transform:translateY(-7px)}.art-ai{background:#b9c7a2;color:#253f35;display:flex;align-items:center;justify-content:center;padding:22px}.art-node{border:1px solid #4e715957;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;font-size:14px;background:#e1e7ce}.art-ai i{width:24px;height:1px;background:#4e715977}.art-graph{background:#cfba99;color:#364a40;display:grid;place-items:center}.art-graph b{font-size:29px;line-height:1.3;font-family:Songti SC,serif;position:relative}.graph-ring{position:absolute;top:20px;right:42px;bottom:20px;left:42px;border:1px solid #52685877;border-radius:50%;transform:rotate(-30deg)}.graph-ring.second{transform:rotate(45deg);top:60px;right:10px;bottom:60px;left:10px}.graph-dot{position:absolute;width:12px;height:12px;background:#3b6854;border:3px solid #e1caa7;border-radius:50%}.dot-a{left:20%;top:22%}.dot-b{right:17%;top:55%}.dot-c{left:48%;bottom:12%}.art-data{background:#608588;display:grid;place-items:center}.map-grid{position:absolute;top:-70px;right:-70px;bottom:-70px;left:-70px;background:linear-gradient(90deg,#d7ecdd30 1px,transparent 1px),linear-gradient(#d7ecdd30 1px,transparent 1px);background-size:30px 30px;transform:perspective(350px) rotateX(45deg) rotate(-25deg)}.art-data strong{font-size:32px;line-height:1.1;position:relative;letter-spacing:-.045em;font-weight:500}.art-data em{font-family:Georgia,serif}.project-card-meta{display:flex;align-items:center;gap:12px;margin-top:23px}.project-card-meta>span{font-size:10px;opacity:.5}.project-card-meta h3{font-size:16px;font-weight:500;flex:1;margin:0}.project-card p{font-size:11px;line-height:1.8;color:#e7e8d9aa;margin-top:14px}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1100px;margin:70px auto 0;padding-top:30px;border-top:1px solid var(--line)}.capabilities>div>span{font-size:9px;opacity:.5}.capabilities h3{font-size:13px;font-weight:500}.capabilities p{font-size:11px;line-height:1.9;color:#e7e8d9aa}.contact{height:100svh;min-height:650px;display:flex;align-items:center;padding:100px 10%;background:transparent}.contact-copy{max-width:650px}.contact h2{font-family:Songti SC,Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1.3;margin:25px 0 35px}.email-link{display:inline-flex;gap:30px;align-items:center;font-size:clamp(17px,2vw,26px);border-bottom:1px solid var(--line);padding-bottom:13px}.contact-links{display:flex;gap:28px;font-size:11px;margin-top:25px}.contact-links a{display:flex;align-items:center;gap:7px}.footer-meta{position:absolute;bottom:85px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:10px;opacity:.7}.scene-controls{position:fixed;z-index:10;left:38px;bottom:22px;display:flex;align-items:center;gap:14px;padding:9px 13px;background:#233932b8;border:1px solid #fff1;border-radius:25px;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-controls button{background:none;padding:0;font-size:10px}.drag-hint{opacity:.55}.intro-meta{bottom:75px}.loading-indicator{position:fixed;top:105px;left:50%;transform:translate(-50%);z-index:5;font-size:12px;white-space:nowrap;background:#21382ccc;padding:10px 18px;border-radius:22px}.loading-indicator span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f8e5a1;margin-right:10px;animation:pulse 1s infinite alternate}.scene-fallback{position:absolute;top:10%;right:20%;bottom:10%;left:20%;display:flex;flex-direction:column;align-items:center;justify-content:center}.scene-fallback img{height:65%;max-width:100%;object-fit:contain}.scene-fallback p{font-size:12px}.scene-fallback button{background:#233932;padding:10px;border-radius:5px}.project-dialog{position:fixed;padding:0;border:0;border-radius:4px;max-width:800px;width:calc(100% - 48px);max-height:85svh;background:#eeeee3;color:#223c31;overscroll-behavior:contain;box-shadow:0 35px 120px #14251f77}.project-dialog::backdrop{background:#14281ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-dialog .project-art{height:220px}.dialog-copy{padding:35px 45px}.dialog-copy h2{font-family:Songti SC,serif;font-size:34px;font-weight:500;margin:15px 0}.dialog-copy p,.dialog-copy li{font-size:14px;line-height:1.9}.dialog-copy h3{font-size:15px;margin-top:30px}.dialog-copy ul{padding-left:20px}.dialog-copy .skills span{border-color:#23393233}.dialog-close{position:absolute;right:14px;top:14px;z-index:2;border-radius:50%;background:#233932;color:#fff;width:36px;height:36px;font-size:26px;line-height:1}.dark-button{display:inline-flex;gap:25px;align-items:center;padding:13px 20px;background:#233932;color:#fff8e8;border-radius:3px;margin-top:26px;font-size:12px}.reading-mode{background:#edf0e6;color:#253e32}.reading-mode .world,.reading-mode .film-grain{display:none}.reading-mode .intro{height:65svh;min-height:480px}.reading-mode .intro-copy{top:35%;text-shadow:none}.reading-mode .intro-meta{color:#233932}.reading-mode .story{min-height:auto;padding:60px 15%;justify-content:flex-start}.reading-mode .story-copy{max-width:700px;text-shadow:none}.reading-mode .timeline-entry{border-color:#344e3333}.reading-mode .timeline-entry p,.reading-mode .year{color:#425747}.reading-mode .section-title{font-size:34px;margin-bottom:30px}.reading-mode .story-copy .skills span{border-color:#344e3333}.reading-mode .next-chapter{display:none}.reading-mode .works{background:#263f34;color:#f9f5e9}.reading-mode .contact{height:auto;min-height:600px;background:none}.reading-mode .site-header{background:#294234f5;color:#f9f5e9}.reading-mode .nav-dot{background:#304c3788}.reading-mode .nav-label{color:#233932;text-shadow:none}.reading-mode .chapter-nav button[aria-current] .nav-dot{background:#af7029}.reading-mode .contact .email-link{border-color:#23393233}@keyframes pulse{to{opacity:.3}}@media (min-width: 1500px){.story{padding-right:15%}.intro-copy{top:62%}}@media (max-width: 800px){.site-header{padding:22px}.chapter-nav{right:12px}.story{padding-left:44%;padding-right:8%}.section-title{font-size:43px}.timeline-entry{padding-left:22px}.timeline-entry h2{font-size:24px}.project-list{gap:16px}.project-art{height:190px}.project-card-meta h3{font-size:13px}.project-card-meta{gap:6px}.capabilities{grid-template-columns:repeat(2,1fr)}.scene-controls{left:22px}.intro-meta{left:22px;right:22px}.art-node{font-size:11px;width:44px;height:44px}.art-ai{padding:12px}.art-ai i{width:12px}}@media (max-width: 600px){.site-header{padding:18px}.identity{font-size:10px}.identity span{display:none}.identity small{font-size:7px;letter-spacing:.12em}.header-actions{gap:6px}.header-actions button,.download-link{padding:8px 11px;font-size:10px}.intro{min-height:650px}.intro-copy{top:65%;width:90%}.intro h1{font-size:45px;margin-bottom:17px}.intro p{font-size:11px;line-height:1.75}.mobile-break{display:block}.intro-meta{font-size:8px;bottom:72px}.scroll-cue{font-size:9px;margin-top:18px}.scroll-cue span{height:25px}.scene-controls{left:18px;bottom:18px;font-size:9px;gap:12px}.scene-controls button{font-size:9px}.chapter-nav{right:6px;gap:8px}.nav-label{background:#233932;padding:5px 8px;border-radius:4px}.story{min-height:100svh;align-items:flex-end;padding:48svh 38px 70px 24px;background:transparent}.story-copy{max-width:100%;text-shadow:0 1px 10px #142a20}.section-title{font-size:36px;margin-bottom:24px}.timeline-entry{padding-left:20px;padding-bottom:12px}.timeline-entry h2{font-size:24px;margin:12px 0}.timeline-entry h3{font-size:15px;margin-bottom:14px}.timeline-entry p{font-size:12px;max-width:34ch}.skills{font-size:9px;margin-top:15px}.next-chapter{margin-top:22px}.works{padding:85px 24px 70px;background:transparent}.works-heading{margin-bottom:35px}.works-heading h2{font-size:38px}.project-list{grid-template-columns:1fr;gap:36px}.project-art{height:235px}.project-card-meta h3{font-size:17px}.project-card-meta{gap:12px;margin-top:18px}.project-card p{font-size:12px}.art-node{width:65px;height:65px;font-size:15px}.art-ai i{width:26px}.capabilities{margin-top:50px;gap:20px}.capabilities p{font-size:11px}.contact{padding:100px 25px 150px;align-items:flex-end;background:transparent}.contact h2{font-size:48px}.email-link{font-size:19px}.contact .eyebrow{font-size:8px}.contact-links{gap:20px}.footer-meta{left:25px;right:25px;bottom:80px}.project-dialog{width:calc(100% - 28px);max-height:88svh}.dialog-copy{padding:25px}.dialog-copy h2{font-size:27px}.dialog-copy p,.dialog-copy li{font-size:12px}.reading-mode .story{background:none;padding:40px 30px}.reading-mode .story-copy{text-shadow:none}.reading-mode .intro-copy{top:30%}.reading-mode .contact{padding-bottom:130px}.reading-mode .intro{min-height:460px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.intro-copy:before{content:"";position:absolute;top:-18px;right:-30px;bottom:-18px;left:-30px;z-index:-1;background:radial-gradient(ellipse,#19392d40,transparent 70%);filter:blur(15px);pointer-events:none}.intro p{font-size:14px;text-shadow:0 1px 5px #183d2f,0 1px 18px #183d2faa}.reading-mode .intro-copy:before{display:none}.reading-mode .intro p{text-shadow:none}@media (max-width: 600px){.intro p{font-size:12px}}@media (max-width: 600px){.world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#20392f38 58%,#20392f9c 100%)}}