.portfolio{width:100%;height:100dvh;min-height:360px;position:relative}.cafe-canvas{position:absolute;inset:0}.cafe-canvas canvas{touch-action:none;display:block}.site-header{pointer-events:none;z-index:8;justify-content:space-between;align-items:center;display:flex;position:absolute;top:25px;left:30px;right:30px}.site-header button,.site-header a{pointer-events:auto}.brand{color:#e4e8ce;text-shadow:0 1px 8px #101e15;letter-spacing:-.6px;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:Georgia,serif;font-size:23px;font-weight:700;display:flex}.brand svg{color:#b7c28b}.brand em{color:#b1bd9e;margin-left:4px;font-size:14px;font-weight:400}.header-tools{align-items:center;gap:25px;display:flex}.tiny-note{text-transform:uppercase;letter-spacing:.18em;color:#acb798;font-size:10px}.language-switch{color:#809376;background:#13201990;border:1px solid #72846033;border-radius:30px;align-items:center;gap:4px;padding:5px;font-size:11px;display:flex}.language-switch button{letter-spacing:.05em;color:#95a78c;background:0 0;border:0;border-radius:20px;padding:5px 7px;font-size:11px}.language-switch button[aria-pressed=true]{color:#30492e;background:#e1e5c7}.language-switch span{color:#687c62}.eyebrow{letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:600}.welcome{text-align:center;z-index:5;width:min(650px,100% - 32px);animation:.8s .12s both welcome-in;position:absolute;bottom:87px;left:50%;transform:translate(-50%)}.welcome.is-closing{pointer-events:none;animation:.28s both welcome-out}.welcome-copy{text-shadow:0 2px 12px #09100a;margin-bottom:31px}.welcome-copy .eyebrow{color:#c2cca5}.welcome h1{letter-spacing:-.4px;color:#eef0d5;outline:none;margin:10px 0 0;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.3}.tea-tags{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.tea-tags:before{content:"";background:linear-gradient(#957750,#594633);border-radius:3px;height:3px;position:absolute;top:-18px;left:8%;right:8%;box-shadow:0 1px 3px #0006}.tea-tag{color:#30442c;transform-origin:50% -18px;background:linear-gradient(105deg,#d9d7b7,#ede8c9 55%,#ded9b9);border:1px solid #e4dabb44;border-bottom:4px solid #a5976e;border-radius:7px 7px 22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:141px;padding:23px 8px 15px;transition:transform .22s,box-shadow .22s,filter .22s;display:flex;position:relative;box-shadow:0 7px 13px #07130c40}.tea-tag:before{content:"";z-index:1;background:#af966e;width:1px;height:30px;position:absolute;top:-20px;left:calc(50% - .5px);box-shadow:1px 0 #312b1c55}.tag-hole{background:#776a4c;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;box-shadow:inset 1px 1px 2px #233326}.tag-number{opacity:.5;letter-spacing:.1em;font-size:9px;position:absolute;top:12px;left:10px}.tea-tag svg{color:#65824a}.tea-tag strong{font-family:Georgia,serif;font-size:16px;font-weight:600;line-height:1.14}.tea-tag small{color:#748165;max-width:100px;font-size:10px;line-height:1.25}.tag-0{transform:rotate(-2deg)}.tag-1{transform:rotate(1deg)}.tag-2{transform:rotate(-1deg)}.tag-3{transform:rotate(2deg)}.tea-tag:hover,.tea-tag:focus-visible{filter:brightness(1.06);transform:translateY(-7px)rotate(0);box-shadow:0 13px 22px #07130c66}.just-looking{color:#d1d9b4;background:#14201980;border:0;border-radius:30px;margin-top:18px;padding:7px 13px;font-size:11px}.just-looking span{margin-left:5px}.just-looking:hover{color:#f0f0d4;background:#293c2ad9}.cafe-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18291ff0;border:1px solid #7287663b;border-radius:50px;align-items:center;gap:3px;padding:5px 7px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #08130b44}.cafe-toolbar.toolbar-hidden{opacity:0;visibility:hidden;pointer-events:none}.cafe-toolbar button{color:#bdcbaa;white-space:nowrap;background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.cafe-toolbar button:hover{color:#eef0d4;background:#344c32}.cafe-toolbar .selected{color:#dbe7b5}.cafe-toolbar .icon-button{padding:9px}.cafe-toolbar .icon-button[aria-pressed=true]{color:#d8e69e;background:#354b3060}.toolbar-separator{background:#6b7c5655;width:1px;height:17px;margin:0 4px}.explore-hint{text-align:center;color:#d9dfbd;pointer-events:none;text-shadow:0 1px 8px #15241a;opacity:0;width:100%;margin:0;padding:0 20px;font-family:Georgia,serif;font-size:16px;transition:opacity .5s,translate .5s;position:absolute;bottom:85px;translate:0 12px}.explore-hint.is-visible{opacity:1;translate:0}.explore-hint span{letter-spacing:.05em;color:#a8b898;margin-top:9px;font-family:Trebuchet MS,sans-serif;font-size:10px;display:block}.object-label{color:#344a2d;white-space:nowrap;background:#e8e5cb;border:1px solid #faf4d9;border-radius:6px;padding:9px 12px;font-size:12px;display:block;box-shadow:0 3px 12px #10201650}.bubble-connector{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.bubble-connector path{fill:none;stroke:#d9d9bd;stroke-width:4px;stroke-linecap:round}.bubble-connector circle{fill:#e9e7cf}.story-panel{z-index:5;flex-direction:column;width:43%;max-width:560px;max-height:calc(100dvh - 162px);padding:26px 27px 0;animation:.7s both paper-in;display:flex;position:absolute;top:50%;right:4.5%;overflow:hidden;transform:translateY(-50%);box-shadow:0 20px 60px #03100b4d}.story-panel.is-closing{pointer-events:none;animation:.28s both paper-out}.story-top{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.close-story{color:inherit;background:#536a3e14;border:0;border-radius:50%;place-items:center;margin:-8px -8px -8px 8px;padding:6px;display:grid}.close-story:hover{background:#78954c33}.story-panel h2{letter-spacing:-.75px;outline:none;flex-shrink:0;margin:12px 0 20px;font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.13}.story-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f9b6d55 transparent;min-height:0;margin-right:-9px;padding-bottom:15px;padding-right:9px;overflow-y:auto}.about-panel{color:var(--ink);background:linear-gradient(110deg,#f0eddc,#e6e5cc);border:2px solid #f1eedb;border-radius:34px 34px 34px 7px}.about-panel .eyebrow{color:#859071}.about-intro{align-items:center;gap:13px;margin-bottom:19px;display:flex}.profile-leaf{color:#738f45;border:1px solid #a7b98077;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.about-intro p{margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.3}.about-paragraph{color:#657057;margin:0 0 16px;font-size:14px;line-height:1.85}.social-links{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.social-links a{color:#405735;border:1px solid #a9b58988;border-radius:30px;align-items:center;gap:6px;padding:9px 10px;font-size:11px;text-decoration:none;display:flex}.social-links a:hover{background:#ccd7b1}.story-footer{color:#87936d;letter-spacing:.08em;border-top:1px solid #8d9b6a26;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:14px 0;font-size:10px;display:flex}.projects-panel{color:var(--ink);background:linear-gradient(105deg,#ebe6d6,#f0edde);border:7px solid #dbd6bf;border-radius:3px;transform:translateY(-50%)rotate(.4deg);box-shadow:8px 8px #bcb99b,-4px 3px #858d67,0 20px 60px #03100b5c}.projects-panel:before{content:"";background:#cebb8d80;width:22%;height:12px;position:absolute;top:0;left:40%;transform:rotate(-1deg)}.projects-panel .eyebrow{color:#8e9375}.projects-panel h2{margin-bottom:14px}.postcard-selector{flex-shrink:0;align-items:center;gap:12px;margin-bottom:16px;display:flex}.postcard-selector select{color:#5d704b;background:0 0;border:0;border-bottom:1px solid #a9ae8b66;border-radius:0;flex:1;min-width:0;padding:8px 15px 8px 0;font-size:12px}.postcard-selector>span{color:#8d967b;white-space:nowrap;letter-spacing:.08em;font-size:10px}.postcard-image{background:#fffcf2;margin:3px 2px 18px;padding:6px;position:relative;transform:rotate(-.5deg);box-shadow:0 2px 7px #4f56341a}.postcard-image>img{aspect-ratio:1.65;object-fit:contain;background:#dedecb;width:100%;height:auto;display:block}.postmark{color:#607a50;text-align:center;letter-spacing:.1em;background:#eeebd9dd;border:2px solid #7e916c99;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:8px;font-weight:700;line-height:1.35;display:flex;position:absolute;bottom:-10px;right:10px;transform:rotate(-14deg)}.project-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-title h3{letter-spacing:-.4px;margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.project-title>span{color:#959c80;font-size:11px}.project-tags{flex-wrap:wrap;gap:6px;margin:11px 0 13px;display:flex}.project-tags span{letter-spacing:.03em;text-transform:uppercase;color:#7f8c65;font-size:9px}.project-tags span+span:before{content:"·";padding-right:6px}.project-card>p{color:#6f765e;margin:8px 0;font-size:12px;line-height:1.75}.project-card strong{color:#536542;font-weight:700}.tech-stack{flex-wrap:wrap;gap:7px;margin:18px 0;padding:0;list-style:none;display:flex}.tech-stack li{background:#e1e5cf99;border:1px solid #bdc4a488;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;line-height:1;display:flex}.tech-stack img{object-fit:contain}.tech-monogram{background:#71875322;border-radius:3px;place-items:center;width:17px;height:17px;font-size:9px;font-weight:700;display:grid}.project-links{flex-wrap:wrap;gap:14px;padding-top:5px;display:flex}.project-links a{text-underline-offset:4px;color:#49663a;align-items:center;gap:5px;font-size:11px;display:flex}.postcard-footer{border-top:1px solid #9aa77b44;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.postcard-footer button{color:#60764c;background:0 0;border:0;align-items:center;gap:2px;padding:7px 0;font-size:10px;display:flex}.postcard-footer span{color:#9a9c84;text-align:center;font-family:Georgia,serif;font-size:10px;font-style:italic}.experience-panel{color:var(--chalk);background:radial-gradient(at 35% 20%,#31482f,#233929 80%);border:9px solid #98794f;border-radius:5px;padding-top:22px;box-shadow:inset 0 0 0 2px #c4a56d55,0 15px 45px #020e0980}.experience-panel .eyebrow{color:#a9b68b}.experience-panel h2{text-align:center;border-bottom:1px solid #bbca9555;margin-top:18px;padding-bottom:20px;font-size:32px}.experience-panel .story-scroll{scrollbar-color:#a9b58666 transparent}.journey-entry{border-bottom:1px dashed #aebd862e;grid-template-columns:27px 1fr;gap:11px;padding:20px 0;display:grid}.journey-entry:first-child{padding-top:7px}.journey-entry:last-child{border-bottom:0}.entry-number{color:#a8b985;opacity:.5;padding-top:21px;font-family:Georgia,serif;font-size:18px}.entry-date{letter-spacing:.05em;color:#9eb18b;font-size:9px;line-height:1.5}.journey-entry h3{letter-spacing:-.2px;margin:6px 0 7px;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.18}.journey-entry h4{color:#d2dbb7;margin:0 0 9px;font-size:12px;font-weight:400;line-height:1.4}.entry-location{color:#93a782;align-items:center;gap:4px;font-size:10px;display:flex}.journey-entry p{color:#b5c49e;margin:12px 0 0;font-size:12px;line-height:1.75}.journey-entry strong{color:#e1e7bc;font-weight:700}.education-panel{color:#405334;background:repeating-linear-gradient(0deg,#0000,#0000 25px,#b2bb971c 25px 26px),linear-gradient(90deg,#e4dfc9 0,#f0ecdb 4%,#e9e6d1 100%);border-left:13px solid #708351;border-radius:4px 15px 15px 4px;padding-left:34px;box-shadow:5px 5px #c5c8a9,7px 7px #798964,0 18px 60px #06120b5c}.education-panel .eyebrow{color:#8d9973}.education-panel h2{font-size:32px}.education-panel .journey-entry h3{color:#475c39}.education-panel .entry-date,.education-panel .entry-location{color:#899674}.education-panel .journey-entry h4{color:#738260}.education-panel .journey-entry p{color:#77825f}.education-panel .journey-entry strong{color:#526b3a}.education-panel .entry-number{color:#8e9f72}.loading-screen{z-index:30;background:radial-gradient(at 50% 40%,#243b2a,#14261b 65%,#102017);flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s .25s,visibility .7s .25s;display:flex;position:absolute;inset:0}.loading-screen.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-brand{letter-spacing:-.9px;color:#e6e9cd;font-family:Georgia,serif;font-size:29px;position:absolute;top:12%}.loading-brand em{letter-spacing:0;color:#aebd91;font-size:17px}.loading-cup{width:120px;height:140px;margin:10px 0 34px;position:relative}.cup-body{background:#d6d9b514;border:3px solid #b5ba8e;border-radius:8px 8px 36px 36px;width:104px;height:96px;position:absolute;top:24px;left:8px;overflow:hidden;box-shadow:inset 0 -6px 10px #091d1544}.cup-body svg{color:#d3deb0;z-index:2;position:absolute;top:26px;left:29px}.matcha-fill{width:130%;height:var(--fill);background:linear-gradient(#a2b76d,#759342);border-radius:42% 42% 0 0/8px 8px 0 0;transition:height .5s;position:absolute;bottom:0;left:-15%}.matcha-fill:before{content:"";background:#becb8b99;border-radius:45%;width:100%;height:12px;animation:2s linear infinite tea-surface;position:absolute;top:-5px;left:0}.cup-saucer{border-bottom:2px solid #9ea77a;border-radius:50%;width:120px;height:9px;position:absolute;bottom:9px;left:0}.pour-stream{opacity:.8;background:linear-gradient(#0000,#a6bb6b);border-radius:3px;width:6px;height:55px;animation:1.8s ease-in-out infinite pour;position:absolute;top:-23px;left:57px}.loading-screen h2{color:#e4e8c9;margin:0 0 15px;font-family:Georgia,serif;font-size:24px;font-weight:400}.load-progress{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#c0ce99;font-size:12px}.load-progress span{opacity:.6;margin-left:3px}.loading-copy{flex-direction:column;justify-content:flex-start;align-items:center;min-height:130px;display:flex}.loading-screen p{color:#8fa77e;text-align:center;margin-top:18px;padding:0 25px;font-size:11px;line-height:1.6}.loading-screen h2+p{margin-top:0}.loading-screen button{color:#294325;background:#bfd08f;border:1px solid #9db079;border-radius:30px;padding:10px 18px}@keyframes welcome-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes welcome-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 12px}}@keyframes paper-in{0%{opacity:0;translate:22px}to{opacity:1;translate:0}}@keyframes paper-out{0%{opacity:1;translate:0}to{opacity:0;translate:22px}}@keyframes tea-surface{50%{transform:translate(5%)rotate(3deg)}}@keyframes pour{50%{opacity:.3;transform:scaleX(.7)}}@media (min-width:1450px){.story-panel{width:39%;max-width:590px;right:7%}.welcome{bottom:105px}.tea-tag{min-height:155px}.welcome h1{font-size:27px}}@media (max-width:759px){.site-header{top:18px;left:18px;right:18px}.brand{gap:6px;font-size:20px}.brand em{font-size:12px}.brand svg{width:17px}.tiny-note{display:none}.language-switch{padding:3px;font-size:10px}.language-switch button{padding:4px 6px;font-size:10px}.welcome{width:min(570px,100% - 30px);bottom:86px}.welcome-copy{margin-bottom:27px}.welcome h1{margin-top:8px;font-size:20px}.welcome-copy .eyebrow{font-size:8px}.tea-tags{gap:8px}.tea-tag{border-bottom-width:3px;gap:8px;min-height:124px;padding:23px 5px 12px}.tea-tag strong{font-size:13px}.tea-tag small{max-width:88px;font-size:8px}.tea-tag svg{width:22px;height:22px}.tag-number{font-size:8px;top:12px;left:6px}.just-looking{margin-top:13px;font-size:10px}.story-panel{width:auto;max-width:none;max-height:51dvh;padding:19px 20px 0;animation:.7s both welcome-in;inset:auto 16px 87px;transform:none}.story-panel h2{margin:8px 0 15px;font-size:26px}.about-panel{border-radius:28px 28px 28px 8px}.about-panel h2{font-size:31px}.about-intro{gap:11px;margin-bottom:12px}.about-intro p{font-size:16px}.profile-leaf{width:37px;height:37px}.profile-leaf svg{width:20px}.about-paragraph{margin-bottom:12px;font-size:13px;line-height:1.75}.social-links{gap:7px;margin-top:16px}.social-links a{padding:8px 9px;font-size:10px}.social-links svg{width:15px}.story-footer{padding:10px 0;font-size:9px}.projects-panel{border-width:5px;box-shadow:4px 4px #b7b599,0 18px 50px #06130b66}.postcard-selector{margin-bottom:11px}.postcard-selector select{padding-top:3px;padding-bottom:6px;font-size:11px}.postcard-image{margin-bottom:14px}.postcard-image>img{aspect-ratio:1.8}.postmark{width:50px;height:50px;font-size:7px}.project-title h3{font-size:21px}.project-card>p{font-size:12px}.postcard-footer{padding:8px 0}.postcard-footer span{font-size:9px}.experience-panel{border-width:6px}.experience-panel h2{padding-bottom:13px;font-size:28px}.journey-entry{grid-template-columns:20px 1fr;gap:9px;padding:16px 0}.journey-entry h3{font-size:22px}.education-panel{border-left-width:10px;padding-left:24px}.explore-hint{max-width:90%;font-size:14px;line-height:1.4;bottom:83px;left:5%}.explore-hint span{margin-top:5px;font-size:9px}.cafe-toolbar{bottom:20px}.loading-screen h2{font-size:21px}.loading-brand{top:14%}}@media (max-width:440px){.tea-tag{gap:7px;min-height:112px;padding-top:23px}.tea-tag strong{max-width:72px;font-size:12px}.tea-tag small{font-size:8px;line-height:1.2}.tea-tag svg{width:20px;height:20px}.tag-number{display:none}.welcome h1{max-width:300px;margin-left:auto;margin-right:auto;font-size:18px}.welcome-copy{margin-bottom:28px}.brand em{font-size:11px}.header-tools{gap:5px}.story-panel{max-height:50dvh;left:12px;right:12px}.postcard-footer span{display:none}}@media (max-height:650px) and (min-width:760px){.welcome{width:560px;bottom:78px}.welcome-copy{margin-bottom:23px}.welcome h1{font-size:19px}.tea-tag{gap:6px;min-height:107px;padding:22px 7px 10px}.tea-tag strong{font-size:14px}.tea-tag small{font-size:9px}.tea-tag svg{width:20px;height:20px}.just-looking{margin-top:10px}.story-panel{max-height:calc(100dvh - 130px);padding-top:18px}.story-panel h2{margin-bottom:14px;font-size:27px}.site-header{top:19px}}@media (pointer:fine){.portfolio,.cafe-canvas canvas{cursor:url(/cursors/leaf.svg) 3 2,auto}.cafe-canvas canvas[data-interactive=true]{cursor:url(/cursors/choose.svg?v=4) 12 2,pointer}.story-scroll,.story-scroll p{cursor:text}}.portfolio *,.portfolio :before,.portfolio :after{cursor:inherit}.portfolio,.portfolio canvas{cursor:var(--cursor-rest)!important}.portfolio button,.portfolio a,.portfolio select,.portfolio canvas[data-interactive=true]{cursor:var(--cursor-action)!important}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio h4,.brand,.tea-tag strong,.loading-brand,.about-intro p,.explore-hint,.postcard-footer span,.entry-number{font-family:Varela Round,sans-serif;font-weight:400}.welcome h1{font-size:23px}.brand{font-size:21px}.tea-tag strong{font-size:14px}.story-panel h2{font-size:28px}.about-panel h2{font-size:32px}.fan-credit{color:#b6c5a3;z-index:12;max-width:250px;font-size:9px;position:absolute;bottom:21px;left:22px}.fan-credit summary{cursor:var(--cursor-action);opacity:.8;list-style:none}.fan-credit[open]{background:#203527f5;border:1px solid #6b805766;border-radius:12px;padding:12px;box-shadow:0 8px 30px #06120c66}.fan-credit p{margin:9px 0 0;font-size:10px;line-height:1.6}@media (max-width:759px){.fan-credit{max-width:230px;font-size:8px;bottom:7px;left:12px}.fan-credit[open]{bottom:72px}.welcome h1{font-size:18px}.tea-tag strong{font-size:11px}.brand{font-size:18px}.story-panel h2{font-size:25px}}.language-switch button{justify-content:center;align-items:center;min-width:36px;min-height:30px;padding:6px;display:flex}.language-switch img{border-radius:2px;display:block;box-shadow:0 0 0 1px #ffffff25}.destination-marker{pointer-events:auto;color:#e8efb9;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:6px;animation:.35s ease-out both markerFadeIn;display:grid}@keyframes markerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.destination-marker svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;background:#20392ccd;border:1px solid #dce9a666;border-radius:50%;transition:background .15s,color .15s;box-shadow:0 2px 8px #081a1244}.destination-marker:hover svg,.destination-marker:focus-visible svg{color:#213c2b;background:#adc37a;border-color:#edf1c9}@media (prefers-reduced-motion:reduce){.destination-marker{animation:none}}html[lang=zh-Hans] .portfolio *{font-family:Varela Round,PingFang SC,Microsoft YaHei,sans-serif}html[lang=zh-Hans] .eyebrow{letter-spacing:.08em}.header-tools{gap:10px}.music-controls{pointer-events:auto;background:#203527ed;border:1px solid #81936366;border-radius:28px;align-items:center;gap:8px;padding:5px 13px 5px 6px;display:flex;box-shadow:0 4px 18px #0c190c55}.music-toggle{color:#d8e6b4;background:#c5d69a18;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.music-slider{flex-direction:column;gap:4px;display:flex}.music-slider>span{color:#d1dcb7;align-items:center;gap:5px;font-size:9px;display:flex}.music-slider input{accent-color:#b7cd88;width:100px;height:12px;margin:0;cursor:var(--cursor-action)!important}.music-label{color:#d1dcb7;align-items:center;gap:6px;padding-right:3px;font-size:11px;display:flex}.loading-screen.is-brewed .pour-stream{opacity:0;animation:none}.loading-screen h2.is-fading,.loading-screen .load-progress.is-fading,.loading-screen p.is-fading{opacity:0;transition:opacity .3s}.ready-copy{text-align:center;animation:.5s both enter-fade}.loading-screen .enter-world{justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:15px 24px;font-size:14px;transition:background .2s,transform .2s;animation:.9s .25s both enter-fade;display:flex;box-shadow:0 7px 25px #0b1c1444}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}.enter-world:hover{background:#d4e2a7;transform:translateY(-2px)}.enter-world:focus-visible{outline-offset:6px;outline:2px solid #e5edc1}@media (max-width:759px){.header-tools{gap:6px}.music-controls{gap:4px;padding:4px 9px 4px 4px}.music-slider input{width:68px}.music-toggle{width:30px;height:30px}.music-slider>span{font-size:8px}}@media (max-width:540px){.site-header{align-items:flex-start}.header-tools{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:145px}.header-tools .language-switch{order:-1}.music-controls{padding:4px 8px 4px 4px}.music-slider input{width:84px}}.lighting-toggle{pointer-events:auto;color:#e2e6bb;background:#203527ed;border:1px solid #81936366;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 18px #0c190c55}.lighting-toggle:hover,.lighting-toggle[aria-pressed=true]{background:#354b3a;border-color:#b7c890}.lighting-toggle:focus-visible{outline-offset:3px;outline:2px solid #dce6b9}@media (max-width:540px){.header-tools{max-width:186px}.header-tools .lighting-toggle{order:-2}.header-tools .music-controls{margin-left:auto}.lighting-toggle{width:36px;height:36px}}.character-keyboard{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.character-keyboard:focus-visible{clip-path:none;color:#e4eac7;background:#203527;border:1px solid #dce6b9;border-radius:18px;width:auto;height:auto;padding:8px 12px;font-size:12px;position:relative;overflow:visible}.project-back{color:#4c6238;background:#5b70491a;border:0;border-radius:20px;flex-shrink:0;align-self:flex-start;align-items:center;gap:5px;margin-bottom:14px;padding:6px 12px 6px 9px;font-size:11px;display:inline-flex}.project-back:hover{background:#7d9a5030}.project-groups{flex-direction:column;gap:20px;display:flex}.project-year{letter-spacing:.16em;color:#8a9270;font-variant-numeric:tabular-nums;align-items:center;gap:9px;margin:0 0 11px;font-size:12px;font-weight:500;display:flex}.project-year:after{content:"";background:#9aa77b33;flex:1;height:1px}.project-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 11px 8px;display:grid}.project-thumb{text-align:left;background:#fffcf2;border:0;border-radius:2px;flex-direction:column;padding:5px;transition:transform .18s,box-shadow .18s;display:flex;transform:rotate(-.4deg);box-shadow:0 2px 6px #4f56341a}.project-thumb:nth-child(2n){transform:rotate(.5deg)}.project-thumb:hover,.project-thumb:focus-visible{transform:translateY(-3px)rotate(0);box-shadow:0 8px 16px #10201633}.thumb-image{background:#dedecb;display:block;overflow:hidden}.thumb-image img{aspect-ratio:1.6;object-fit:cover;width:100%;height:auto;display:block}.thumb-meta{justify-content:space-between;align-items:baseline;gap:6px;padding:8px 6px 6px;display:flex}.thumb-name{color:#3f5133;font-size:13px;font-weight:500;line-height:1.2}.thumb-year{color:#959c80;flex-shrink:0;font-size:10px}.entry-logo{justify-content:center;padding-top:2px;display:flex}.entry-logo img{object-fit:contain;border-radius:8px;width:100%;max-width:46px;height:46px}.entry-logo .entry-number{padding-top:0}.experience-panel .journey-entry{grid-template-columns:50px 1fr;gap:13px;padding:13px 0}.experience-panel .journey-entry:first-child{padding-top:4px}.experience-panel .journey-entry h3{margin:3px 0 4px;font-size:19px}.experience-panel .journey-entry h4{margin-bottom:4px}.experience-panel .journey-entry p{margin-top:7px}.experience-panel .entry-number{padding-top:2px}.education-panel .journey-entry{grid-template-columns:50px 1fr;gap:13px;padding:13px 0}.education-panel .journey-entry:first-child{padding-top:4px}.education-panel .journey-entry h3{margin:3px 0 4px;font-size:19px}.education-panel .journey-entry h4{margin-bottom:4px}.education-panel .journey-entry p{margin-top:7px}.education-panel .entry-logo{padding-top:4px}.education-panel .entry-number{padding-top:2px}.blog-link{color:#41562f;background:#7d92500f;border:1px solid #7d925033;border-left:3px solid #708351;border-radius:4px 10px 10px 4px;align-items:center;gap:8px;margin-top:10px;padding:12px 14px;font-size:12px;text-decoration:none;transition:background .15s;display:flex}.blog-link span{flex:1}.blog-link:hover{background:#7d925022}.blog-link>svg:first-child{color:#5c7440;flex-shrink:0}@media (max-width:759px){.project-grid{gap:9px}.experience-panel .journey-entry,.education-panel .journey-entry{grid-template-columns:42px 1fr;gap:10px;padding:11px 0}.experience-panel .journey-entry h3,.education-panel .journey-entry h3{font-size:18px}.entry-logo img{max-width:38px;height:38px}}.just-looking,.object-label,.fan-credit summary{align-items:center;gap:5px;display:inline-flex}.fan-credit summary svg{color:#b9cd92;flex-shrink:0}.two-d-link{z-index:2;letter-spacing:.03em;color:#aebd93;background:0 0;border:0;border-bottom:1px solid #0000;align-items:center;gap:7px;padding-bottom:3px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;top:19%;left:50%;transform:translate(-50%)}.two-d-link svg{opacity:.8}.two-d-link:hover{color:#dce9bd;border-color:#dce9bd80}@media (max-width:759px){.two-d-link{top:22%}}.recognition{margin-top:22px}.recognition>.eyebrow{color:#889471;margin-bottom:11px;display:block}.recognition-row{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8f9b6d55 transparent;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.rec-item{scroll-snap-align:start;color:inherit;flex-direction:column;flex:0 0 148px;text-decoration:none;display:flex}.rec-item img{aspect-ratio:3/2;object-fit:cover;background:#dfe3c6;border-radius:7px;width:100%;transition:filter .15s;display:block;box-shadow:0 2px 9px #4f56341c}a.rec-item:hover img{filter:brightness(1.05)}.rec-item strong{color:#465b39;margin-top:7px;font-family:Varela Round,sans-serif;font-size:12.5px;font-weight:400;line-height:1.2}.rec-item span{color:#7c8767;margin-top:1px;font-size:10.5px}.panel-tabs{flex-shrink:0;gap:5px;margin-bottom:16px;display:flex}.panel-tabs button{color:#5d704b;background:#5b70491a;border:0;border-radius:22px;padding:7px 16px;font-size:12px;transition:background .15s,color .15s}.panel-tabs button:not(.is-active):hover{background:#7a904d2e}.panel-tabs button.is-active{color:#f4f6e4;background:#7e9052}.panel-skills{flex-direction:column;gap:19px;display:flex}.panel-skill-group .skill-cat{letter-spacing:.14em;text-transform:uppercase;color:#8a9670;margin-bottom:9px;font-size:9px;display:block}.panel-skills .tech-stack{margin:0}.panel-tab-content{animation:.4s both tab-fade-in}.panel-tab-content.is-leaving{animation:.18s both tab-fade-out}@keyframes tab-fade-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes tab-fade-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 -8px}}.panel-tab-content .project-thumb,.panel-tab-content .panel-skill-group{animation:.45s both ink-rise}.panel-tab-content .project-thumb:first-child,.panel-tab-content .panel-skill-group:first-child{animation-delay:60ms}.panel-tab-content .project-thumb:nth-child(2),.panel-tab-content .panel-skill-group:nth-child(2){animation-delay:.12s}.panel-tab-content .project-thumb:nth-child(3),.panel-tab-content .panel-skill-group:nth-child(3){animation-delay:.18s}.panel-tab-content .project-thumb:nth-child(4),.panel-tab-content .panel-skill-group:nth-child(4){animation-delay:.24s}.panel-tab-content .project-thumb:nth-child(5){animation-delay:.3s}.panel-tab-content .project-thumb:nth-child(6){animation-delay:.36s}.panel-tab-content .project-thumb:nth-child(n+7),.panel-tab-content .panel-skill-group:nth-child(n+5){animation-delay:.42s}@keyframes card-drop{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}@keyframes ink-rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-14deg)scale(2.3)}55%{opacity:1;transform:rotate(-14deg)scale(.88)}to{opacity:1;transform:rotate(-14deg)scale(1)}}@keyframes leaf-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.about-panel:after,.projects-panel:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.about-panel>*,.projects-panel>*{z-index:1;position:relative}.profile-leaf svg{transform-origin:50% 72%;animation:5.5s ease-in-out infinite leaf-sway}.project-thumb{--tilt:-2.4deg;transform:rotate(var(--tilt));transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 3px 9px #4f563426}.project-thumb:first-child{--tilt:-2.6deg}.project-thumb:nth-child(2){--tilt:1.9deg}.project-thumb:nth-child(3){--tilt:-1.2deg}.project-thumb:nth-child(4){--tilt:2.7deg}.project-thumb:nth-child(5){--tilt:-3deg}.project-thumb:nth-child(6){--tilt:.8deg}.project-thumb:nth-child(7){--tilt:2.1deg}.project-thumb:nth-child(8){--tilt:-1.8deg}.project-thumb:before{content:"";z-index:3;background:radial-gradient(circle at 34% 30%,#fbfaf4,#d1503b 52%,#9a3626);border-radius:50%;width:15px;height:15px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #00000045,inset -1.5px -1.5px 2px #0003,inset 1px 1px 1px #fff5}.project-thumb:hover,.project-thumb:focus-visible{z-index:5;transform:translateY(-5px)rotate(0)scale(1.04);box-shadow:0 12px 22px #10201640}.postcard-image{border:3px solid;border-image:repeating-linear-gradient(45deg,#b0442e 0 10px,#fdf7e6 10px 20px,#3a5a98 20px 30px,#fdf7e6 30px 40px) 3}.postmark{animation:.55s .2s both stamp-in}.experience-panel:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='c'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23c)'/%3E%3C/svg%3E");position:absolute;inset:0}.experience-panel>*{z-index:1;position:relative}.experience-panel h2{border-bottom:0;padding-bottom:28px;position:relative}.experience-panel h2:after{content:"";opacity:.85;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='164'%20height='9'%3E%3Cpath%20d='M3%205%20Q22%201%2043%204%20T84%204%20T125%204%20T161%203'%20fill='none'%20stroke='%23e2ead0'%20stroke-width='2.4'%20stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:164px;height:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.experience-panel h2,.experience-panel .journey-entry h3{text-shadow:0 0 7px #cfe0b026,0 1px #00000024}.experience-panel .eyebrow{text-shadow:0 0 6px #cfe0b01f}.journey-entry{animation:.5s both ink-rise}.story-scroll .journey-entry:first-child{animation-delay:50ms}.story-scroll .journey-entry:nth-child(2){animation-delay:.12s}.story-scroll .journey-entry:nth-child(3){animation-delay:.19s}.story-scroll .journey-entry:nth-child(4){animation-delay:.26s}.story-scroll .journey-entry:nth-child(5){animation-delay:.33s}.story-scroll .journey-entry:nth-child(6){animation-delay:.4s}.education-panel>*{z-index:2;position:relative}.education-panel{padding-left:52px}@media (max-width:759px){.education-panel{padding-left:42px}}.education-panel:before{content:"";z-index:4;pointer-events:none;filter:drop-shadow(0 1px #ffffff30);background-image:radial-gradient(4px 5.5px,#26331d 38%,#5a6d45 56%,#0000 66%);background-repeat:repeat-y;background-size:11px 22px;width:11px;height:calc(100% - 20px);position:absolute;top:10px;left:3px}.education-panel:after{content:"";z-index:1;pointer-events:none;background:#c46a5e7a;width:2px;position:absolute;top:0;bottom:0;left:29px}.education-panel .journey-entry h3{background:linear-gradient(#4a6a3a8c,#4a6a3a8c) 0 100%/100% 2px no-repeat;padding-bottom:2px;display:inline-block}.blog-link{color:#4a5b30;background:#eef0c0;border:0;border-radius:2px;margin-top:24px;padding:14px 16px;transition:transform .18s,background .18s;transform:rotate(-1.2deg);box-shadow:2px 4px 11px #00000021}.blog-link:before{content:"";background:#c9cf9ab8;width:54px;height:16px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000024}.blog-link{position:relative}.blog-link:hover{background:#f3f4c8;transform:rotate(0)translateY(-2px)}.experience-panel:before{content:"";z-index:0;pointer-events:none;border:1.5px solid #cfe0b04d;border-radius:4px;position:absolute;inset:11px;box-shadow:0 0 0 2px #0000,0 0 0 3.5px #cfe0b022}.experience-panel h2:before{content:"";vertical-align:-5px;opacity:.82;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2034'%20fill='none'%20stroke='%23dfe7c9'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%2015h18l-1.4%208a5%205%200%200%201-5%204h-5a5%205%200%200%201-5-4z'/%3E%3Cpath%20d='M25%2016h3a3.5%203.5%200%200%201%200%207h-2'/%3E%3Cpath%20d='M6.5%2031h18'/%3E%3Cpath%20d='M12%2011q2-3%200-5.5'/%3E%3Cpath%20d='M17%2011q2-3%200-5.5'/%3E%3C/svg%3E") 50%/contain no-repeat;width:26px;height:26px;margin-right:9px;display:inline-block;transform:rotate(-4deg)}@media (min-width:760px){.experience-panel{padding:26px 34px 14px}}@media (max-width:759px){.experience-panel{padding:22px 24px 12px}}.experience-panel .story-footer{border-top:0}.experience-panel .journey-entry{gap:15px;padding:16px 0}.experience-panel .journey-entry h3{font-size:22px}.experience-panel .entry-date{color:#9eb18b;font-size:11px}.experience-panel .journey-entry h4{margin-bottom:5px;font-size:13px}.experience-panel .entry-location{font-size:11px}.experience-panel .journey-entry p{margin-top:9px;font-size:13px;line-height:1.8}