:root{--forest:#243b2c;--ink:#30432f;--paper:#ebe8d5;--sage:#acbd7e;--muted:#8d9c82;--chalk:#e6ebcb;--dark:#111d17}*{box-sizing:border-box}html,body{background:var(--dark);width:100%;height:100%;color:var(--paper);margin:0;font-family:Trebuchet MS,Arial,sans-serif;overflow:hidden}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{outline-offset:4px;outline:2px solid #a7be6c}a:focus-visible{outline-offset:4px;outline:2px solid #a7be6c}select:focus-visible{outline-offset:4px;outline:2px solid #a7be6c}[tabindex="0"]:focus-visible{outline-offset:4px;outline:2px solid #a7be6c}button,a{color:inherit}.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-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)}:is(.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-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-screen>p{color:#8fa77e;text-align:center;margin-top:18px;padding:0 25px;font-size:11px;line-height:1.6}.loading-screen>button{color:#294325;background:#bfd08f;border:1px solid #9db079;border-radius:30px;padding:10px 18px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes welcome-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes paper-in{0%{opacity:0;translate:22px}to{opacity:1;translate:0}}@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 (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!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?v=4) 12 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?v=4) 12 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{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}.fan-credit summary:before{content:"✰ ";color:#b9cd92}@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}:is(.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] body,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 .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}