:root{--forest:#243b2c;--ink:#30432f;--paper:#ebe8d5;--sage:#acbd7e;--muted:#8d9c82;--chalk:#e6ebcb;--dark:#111d17}*{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;overflow:hidden;background:var(--dark);color:var(--paper);font-family:Trebuchet MS,Arial,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid #a7be6c;outline-offset:4px}button,a{color:inherit}.portfolio{position:relative;width:100%;height:100dvh;min-height:360px}.cafe-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.cafe-canvas canvas{touch-action:none;display:block}.site-header{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:8}.site-header button,.site-header a{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;color:#e4e8ce;text-shadow:0 1px 8px #101e15;font-family:Georgia,serif;font-weight:700;font-size:23px;letter-spacing:-.6px}.brand svg{color:#b7c28b}.brand em{font-size:14px;font-weight:400;color:#b1bd9e;margin-left:4px}.header-tools{display:flex;align-items:center;gap:25px}.tiny-note{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#acb798}.language-switch{display:flex;align-items:center;gap:4px;font-size:11px;color:#809376;background:#13201990;border:1px solid #72846033;border-radius:30px;padding:5px}.language-switch button{border:0;border-radius:20px;background:none;font-size:11px;letter-spacing:.05em;padding:5px 7px;color:#95a78c}.language-switch button[aria-pressed=true]{background:#e1e5c7;color:#30492e}.language-switch span{color:#687c62}.eyebrow{font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:600}.welcome{position:absolute;left:50%;bottom:87px;transform:translate(-50%);width:min(650px,calc(100% - 32px));text-align:center;animation:welcome-in .8s .12s both;z-index:5}.welcome-copy{margin-bottom:31px;text-shadow:0 2px 12px #09100a}.welcome-copy .eyebrow{color:#c2cca5}.welcome h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.4px;font-size:24px;line-height:1.3;margin:10px 0 0;outline:none;color:#eef0d5}.tea-tags{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tea-tags:before{content:"";position:absolute;left:8%;right:8%;top:-18px;height:3px;border-radius:3px;background:linear-gradient(#957750,#594633);box-shadow:0 1px 3px #0006}.tea-tag{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:141px;gap:9px;padding:23px 8px 15px;border:1px solid #e4dabb44;border-bottom:4px solid #a5976e;border-radius:7px 7px 22px 22px;background:linear-gradient(105deg,#d9d7b7,#ede8c9 55%,#ded9b9);color:#30442c;box-shadow:0 7px 13px #07130c40;transform-origin:50% -18px;transition:transform .22s,box-shadow .22s,filter .22s}.tea-tag:before{content:"";position:absolute;width:1px;height:30px;background:#af966e;top:-20px;left:calc(50% - .5px);z-index:1;box-shadow:1px 0 #312b1c55}.tag-hole{position:absolute;width:6px;height:6px;background:#776a4c;top:10px;border-radius:50%;box-shadow:inset 1px 1px 2px #233326}.tag-number{position:absolute;left:10px;top:12px;font-size:9px;opacity:.5;letter-spacing:.1em}.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{font-size:10px;line-height:1.25;color:#748165;max-width:100px}.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{transform:translateY(-7px) rotate(0);box-shadow:0 13px 22px #07130c66;filter:brightness(1.06)}.just-looking{border:0;background:#14201980;border-radius:30px;color:#d1d9b4;font-size:11px;margin-top:18px;padding:7px 13px}.just-looking span{margin-left:5px}.just-looking:hover{background:#293c2ad9;color:#f0f0d4}.cafe-toolbar{position:absolute;bottom:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#18291ff0;border:1px solid #7287663b;border-radius:50px;padding:5px 7px;box-shadow:0 5px 20px #08130b44;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cafe-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;border-radius:28px;padding:9px 13px;color:#bdcbaa;font-size:11px;white-space:nowrap}.cafe-toolbar button:hover{background:#344c32;color:#eef0d4}.cafe-toolbar .selected{color:#dbe7b5}.cafe-toolbar .icon-button{padding:9px}.cafe-toolbar .icon-button[aria-pressed=true]{color:#d8e69e;background:#354b3060}.toolbar-separator{height:17px;width:1px;background:#6b7c5655;margin:0 4px}.explore-hint{position:absolute;bottom:85px;width:100%;text-align:center;color:#d9dfbd;font-family:Georgia,serif;font-size:16px;pointer-events:none;text-shadow:0 1px 8px #15241a;margin:0;padding:0 20px;animation:welcome-in .6s both}.explore-hint span{display:block;font-family:Trebuchet MS,sans-serif;font-size:10px;letter-spacing:.05em;color:#a8b898;margin-top:9px}.object-label{display:block;background:#e8e5cb;color:#344a2d;border:1px solid #faf4d9;border-radius:6px;padding:9px 12px;font-size:12px;white-space:nowrap;box-shadow:0 3px 12px #10201650}.bubble-connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.bubble-connector path{fill:none;stroke:#d9d9bd;stroke-width:4;stroke-linecap:round}.bubble-connector circle{fill:#e9e7cf}.story-panel{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);width:43%;max-width:560px;max-height:calc(100dvh - 162px);display:flex;flex-direction:column;padding:26px 27px 0;box-shadow:0 20px 60px #03100b4d;animation:paper-in .7s both;z-index:5;overflow:hidden}.story-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.close-story{border:0;border-radius:50%;background:#536a3e14;padding:6px;display:grid;place-items:center;color:inherit;margin:-8px -8px -8px 8px}.close-story:hover{background:#78954c33}.story-panel h2{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.13;letter-spacing:-.75px;margin:12px 0 20px;outline:none;flex-shrink:0}.story-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8f9b6d55 transparent;padding-right:9px;margin-right:-9px;padding-bottom:15px}.about-panel{background:linear-gradient(110deg,#f0eddc,#e6e5cc);border:2px solid #f1eedb;border-radius:34px 34px 34px 7px;color:var(--ink)}.about-panel .eyebrow{color:#859071}.about-panel h2{font-size:38px}.about-intro{display:flex;align-items:center;gap:13px;margin-bottom:19px}.profile-leaf{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #a7b98077;border-radius:50%;color:#738f45}.about-intro p{font-family:Georgia,serif;font-size:18px;line-height:1.3;margin:0}.about-paragraph{font-size:14px;line-height:1.85;color:#657057;margin:0 0 16px}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.social-links a{display:flex;align-items:center;gap:6px;text-decoration:none;border:1px solid #a9b58988;border-radius:30px;padding:9px 10px;font-size:11px;color:#405735}.social-links a:hover{background:#ccd7b1}.story-footer{display:flex;align-items:center;gap:6px;justify-content:center;flex-shrink:0;border-top:1px solid #8d9b6a26;padding:14px 0;font-size:10px;color:#87936d;letter-spacing:.08em}.projects-panel{background:linear-gradient(105deg,#ebe6d6,#f0edde);color:var(--ink);border:7px solid #dbd6bf;border-radius:3px;box-shadow:8px 8px #bcb99b,-4px 3px #858d67,0 20px 60px #03100b5c;transform:translateY(-50%) rotate(.4deg)}.projects-panel:before{content:"";position:absolute;left:40%;width:22%;height:12px;top:0;background:#cebb8d80;transform:rotate(-1deg)}.projects-panel .eyebrow{color:#8e9375}.projects-panel h2{margin-bottom:14px}.postcard-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-shrink:0}.postcard-selector select{min-width:0;flex:1;border:0;border-bottom:1px solid #a9ae8b66;border-radius:0;background:transparent;color:#5d704b;font-size:12px;padding:8px 15px 8px 0}.postcard-selector>span{font-size:10px;color:#8d967b;white-space:nowrap;letter-spacing:.08em}.postcard-image{position:relative;padding:6px;background:#fffcf2;box-shadow:0 2px 7px #4f56341a;transform:rotate(-.5deg);margin:3px 2px 18px}.postcard-image>img{width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;display:block;background:#dedecb}.postmark{position:absolute;right:10px;bottom:-10px;display:flex;align-items:center;justify-content:center;border:2px solid #7e916c99;width:62px;height:62px;border-radius:50%;color:#607a50;background:#eeebd9dd;transform:rotate(-14deg);font-size:8px;line-height:1.35;text-align:center;letter-spacing:.1em;font-weight:700}.project-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-title h3{font-family:Georgia,serif;font-size:24px;letter-spacing:-.4px;font-weight:500;margin:0}.project-title>span{font-size:11px;color:#959c80}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 13px}.project-tags span{font-size:9px;letter-spacing:.03em;text-transform:uppercase;color:#7f8c65}.project-tags span+span:before{content:"·";padding-right:6px}.project-card>p{font-size:12px;line-height:1.75;color:#6f765e;margin:8px 0}.project-card strong{font-weight:700;color:#536542}.tech-stack{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:18px 0}.tech-stack li{display:flex;align-items:center;gap:5px;border:1px solid #bdc4a488;background:#e1e5cf99;border-radius:5px;padding:5px 7px;font-size:10px;line-height:1}.tech-stack img{object-fit:contain}.tech-monogram{font-size:9px;font-weight:700;display:grid;place-items:center;width:17px;height:17px;border-radius:3px;background:#71875322}.project-links{display:flex;flex-wrap:wrap;gap:14px;padding-top:5px}.project-links a{display:flex;align-items:center;gap:5px;font-size:11px;text-underline-offset:4px;color:#49663a}.postcard-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-top:1px solid #9aa77b44;padding:12px 0;gap:8px}.postcard-footer button{border:0;background:transparent;color:#60764c;font-size:10px;display:flex;align-items:center;gap:2px;padding:7px 0}.postcard-footer span{font-family:Georgia,serif;font-style:italic;font-size:10px;color:#9a9c84;text-align:center}.experience-panel{background:radial-gradient(ellipse at 35% 20%,#31482f,#233929 80%);color:var(--chalk);border:9px solid #98794f;border-radius:5px;box-shadow:inset 0 0 0 2px #c4a56d55,0 15px 45px #020e0980;padding-top:22px}.experience-panel .eyebrow{color:#a9b68b}.experience-panel h2{text-align:center;font-size:32px;margin-top:18px;border-bottom:1px solid #bbca9555;padding-bottom:20px}.experience-panel .story-scroll{scrollbar-color:#a9b58666 transparent}.journey-entry{display:grid;grid-template-columns:27px 1fr;gap:11px;padding:20px 0;border-bottom:1px dashed #aebd862e}.journey-entry:first-child{padding-top:7px}.journey-entry:last-child{border-bottom:0}.entry-number{font-family:Georgia,serif;font-size:18px;color:#a8b985;opacity:.5;padding-top:21px}.entry-date{font-size:9px;letter-spacing:.05em;color:#9eb18b;line-height:1.5}.journey-entry h3{font-family:Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-.2px;margin:6px 0 7px;line-height:1.18}.journey-entry h4{font-size:12px;line-height:1.4;font-weight:400;color:#d2dbb7;margin:0 0 9px}.entry-location{display:flex;align-items:center;gap:4px;font-size:10px;color:#93a782}.journey-entry p{font-size:12px;line-height:1.75;color:#b5c49e;margin:12px 0 0}.journey-entry strong{font-weight:700;color:#e1e7bc}.education-panel{background:repeating-linear-gradient(0deg,transparent,transparent 25px,#b2bb971c 25px,#b2bb971c 26px),linear-gradient(90deg,#e4dfc9 0,#f0ecdb 4%,#e9e6d1);border-left:13px solid #708351;border-radius:4px 15px 15px 4px;color:#405334;box-shadow:5px 5px #c5c8a9,7px 7px #798964,0 18px 60px #06120b5c;padding-left:34px}.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{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:radial-gradient(ellipse at 50% 40%,#243b2a,#14261b 65%,#102017);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s .25s,visibility .7s .25s}.loading-screen.loaded{opacity:0;visibility:hidden;pointer-events:none}.loading-brand{position:absolute;top:12%;font-family:Georgia,serif;font-size:29px;letter-spacing:-.9px;color:#e6e9cd}.loading-brand em{font-size:17px;letter-spacing:0;color:#aebd91}.loading-cup{width:120px;height:140px;position:relative;margin:10px 0 34px}.cup-body{position:absolute;top:24px;left:8px;width:104px;height:96px;border:3px solid #b5ba8e;background:#d6d9b514;border-radius:8px 8px 36px 36px;overflow:hidden;box-shadow:inset 0 -6px 10px #091d1544}.cup-body svg{position:absolute;top:26px;left:29px;color:#d3deb0;z-index:2}.matcha-fill{position:absolute;bottom:0;left:-15%;width:130%;height:var(--fill);background:linear-gradient(#a2b76d,#759342);transition:height .5s ease;border-radius:42% 42% 0 0/8px 8px 0 0}.matcha-fill:before{content:"";position:absolute;left:0;top:-5px;width:100%;height:12px;background:#becb8b99;border-radius:45%;animation:tea-surface 2s linear infinite}.cup-saucer{position:absolute;bottom:9px;left:0;width:120px;height:9px;border-radius:50%;border-bottom:2px solid #9ea77a}.pour-stream{position:absolute;left:57px;width:6px;height:55px;top:-23px;border-radius:3px;background:linear-gradient(transparent,#a6bb6b);opacity:.8;animation:pour 1.8s ease-in-out infinite}.loading-screen h2{font-family:Georgia,serif;font-weight:400;font-size:24px;color:#e4e8c9;margin:0 0 15px}.load-progress{font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.08em;color:#c0ce99}.load-progress span{opacity:.6;margin-left:3px}.loading-screen>p{font-size:11px;line-height:1.6;color:#8fa77e;text-align:center;padding:0 25px;margin-top:18px}.loading-screen>button{border:1px solid #9db079;border-radius:30px;background:#bfd08f;color:#294325;padding:10px 18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes welcome-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes paper-in{0%{opacity:0;translate:22px 0}to{opacity:1;translate:0 0}}@keyframes tea-surface{50%{transform:translate(5%) rotate(3deg)}}@keyframes pour{50%{opacity:.3;transform:scaleX(.7)}}@media(min-width:1450px){.story-panel{right:7%;width:39%;max-width:590px}.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{font-size:20px;gap:6px}.brand em{font-size:12px}.brand svg{width:17px}.tiny-note{display:none}.language-switch{font-size:10px;padding:3px}.language-switch button{padding:4px 6px;font-size:10px}.welcome{bottom:86px;width:min(570px,calc(100% - 30px))}.welcome-copy{margin-bottom:27px}.welcome h1{font-size:20px;margin-top:8px}.welcome-copy .eyebrow{font-size:8px}.tea-tags{gap:8px}.tea-tag{min-height:124px;padding:23px 5px 12px;gap:8px;border-bottom-width:3px}.tea-tag strong{font-size:13px}.tea-tag small{font-size:8px;max-width:88px}.tea-tag svg{width:22px;height:22px}.tag-number{left:6px;font-size:8px;top:12px}.just-looking{font-size:10px;margin-top:13px}.story-panel{right:16px;left:16px;top:auto;bottom:87px;transform:none;max-width:none;width:auto;max-height:51dvh;padding:19px 20px 0;animation:welcome-in .7s both}.story-panel h2{font-size:26px;margin:8px 0 15px}.about-panel{border-radius:28px 28px 28px 8px}.about-panel h2{font-size:31px}.about-intro{margin-bottom:12px;gap:11px}.about-intro p{font-size:16px}.profile-leaf{width:37px;height:37px}.profile-leaf svg{width:20px}.about-paragraph{font-size:13px;line-height:1.75;margin-bottom:12px}.social-links{margin-top:16px;gap:7px}.social-links a{font-size:10px;padding:8px 9px}.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{font-size:11px;padding-top:3px;padding-bottom:6px}.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{padding:16px 0;grid-template-columns:20px 1fr;gap:9px}.journey-entry h3{font-size:22px}.education-panel{border-left-width:10px;padding-left:24px}.explore-hint{font-size:14px;line-height:1.4;bottom:83px;max-width:90%;left:5%}.explore-hint span{font-size:9px;margin-top:5px}.cafe-toolbar{bottom:20px}.loading-screen h2{font-size:21px}.loading-brand{top:14%}}@media(max-width:440px){.tea-tag{min-height:112px;padding-top:23px;gap:7px}.tea-tag strong{font-size:12px;max-width:72px}.tea-tag small{font-size:8px;line-height:1.2}.tea-tag svg{width:20px;height:20px}.tag-number{display:none}.welcome h1{font-size:18px;max-width:300px;margin-left:auto;margin-right:auto}.welcome-copy{margin-bottom:28px}.brand em{font-size:11px}.header-tools{gap:5px}.story-panel{left:12px;right:12px;max-height:50dvh}.postcard-footer span{display:none}}@media(max-height:650px)and (min-width:760px){.welcome{bottom:78px;width:560px}.welcome-copy{margin-bottom:23px}.welcome h1{font-size:19px}.tea-tag{min-height:107px;padding:22px 7px 10px;gap:6px}.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{font-size:27px;margin-bottom:14px}.site-header{top:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(pointer:fine){html,body,.portfolio,.cafe-canvas canvas{cursor:url(/cursors/leaf.svg) 3 2,auto}button,a,select,.cafe-canvas canvas[data-interactive=true]{cursor:url(/cursors/choose.svg) 3 2,pointer}.story-scroll,.story-scroll p{cursor:text}}@font-face{font-family:Varela Round;src:url(/fonts/varela-round.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cursor-rest:url(/cursors/leaf.svg) 3 2,auto;--cursor-action:url(/cursors/choose.svg) 3 2,pointer}html,body{font-family:Varela Round,sans-serif;cursor:var(--cursor-rest)!important}.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{position:absolute;left:22px;bottom:21px;color:#b6c5a3;font-size:9px;max-width:250px;z-index:12}.fan-credit summary{list-style:none;cursor:var(--cursor-action);opacity:.8}.fan-credit[open]{background:#203527f5;border:1px solid #6b805766;border-radius:12px;padding:12px;box-shadow:0 8px 30px #06120c66}.fan-credit p{font-size:10px;line-height:1.6;margin:9px 0 0}.fan-credit summary:before{content:"♡ ";color:#b9cd92}@media(max-width:759px){.fan-credit{left:12px;bottom:7px;font-size:8px;max-width:230px}.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}}