@font-face{font-family:Patrick Hand;src:url(/assets/fonts/patrick-hand.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Uzura Font;src:url(/assets/fonts/uzura-font.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sucaijishikangkangti;src:url(/assets/fonts/sucaijishikangkangti.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:uzura_font;src:url(/assets/fonts/uzura-font.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--page-max-width: 1920px;font-family:Patrick Hand,Chalkboard SE,cursive;color:#111;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#root{min-height:100%;background:#fff}body{margin:0}main{width:100%}img{display:block;max-width:100%}a{color:inherit}.page-section{width:100%;background:#fff;scroll-margin-top:0}.section-viewport{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(40px,6vh,72px) clamp(28px,5vw,48px) clamp(64px,9vh,110px)}.section-content{width:min(92vw,1180px);max-width:var(--page-max-width);margin-inline:auto}.section-transition{height:clamp(72px,10vh,110px);display:flex;align-items:center;justify-content:center;background:#fff}.section-guide{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#111;font-family:uzura_font,Patrick Hand,cursive;font-size:clamp(16px,1.45vw,20px);line-height:1;text-align:center;text-decoration:none;cursor:pointer}.section-guide-label{display:block}.about-section>.section-transition{position:relative;z-index:1;transform:translateY(clamp(20px,4vw,56px))}.section-guide:focus-visible{outline:2px dashed #111;outline-offset:-8px}.section-guide-arrow{width:auto;height:clamp(26px,2.6vw,36px);animation:guide-float-down 2s ease-in-out infinite}.section-guide-arrow--up{animation-name:guide-float-up;rotate:180deg}@keyframes guide-float-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes guide-float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.portfolio-placeholder{text-align:center}.portfolio-placeholder h2{margin:0;font-size:clamp(3rem,8vw,8rem);font-weight:400}.portfolio-placeholder p{margin:1rem 0 0;font-size:clamp(1.15rem,2vw,2rem)}@media(max-width:700px),(max-height:700px){.section-viewport{padding:clamp(28px,5vh,48px) clamp(20px,5vw,28px) clamp(44px,7vh,72px)}.section-transition{height:clamp(64px,9vh,88px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-guide-arrow{animation:none}}@media(max-width:700px){.section-guide-arrow{height:20px}.home-section>.section-viewport,.works-section>.section-viewport,.about-section>.section-viewport,.garden-section>.section-viewport{min-height:0;padding:24px clamp(20px,5vw,28px)}.home-section>.section-transition,.works-section>.section-transition,.about-section>.section-transition,.garden-section>.section-transition{height:72px}}.home-stage{--stage-ratio: 2075 / 1215;--hero-left: 13%;--hero-top: 38%;--ink: #111;--paper: #fffef4;--accent: #ffe65c;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:var(--stage-ratio);overflow:hidden}.home-background-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;-webkit-mask:var(--hero-mask) center / 100% 100% no-repeat;mask:var(--hero-mask) center / 100% 100% no-repeat}.home-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;opacity:0;transition:opacity .7s ease;-webkit-mask:var(--hero-mask) center / 100% 100% no-repeat;mask:var(--hero-mask) center / 100% 100% no-repeat}.home-background-layer.is-active{opacity:1}.home-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.home-cloud{position:absolute;height:auto;pointer-events:auto;translate:0 0;scale:1;transition:translate .28s ease-out,scale .28s ease-out}.home-cloud--1{width:7.3%;left:3.5%;top:31%}.home-cloud--2{width:7.7%;left:calc(29.5% + 20px);top:13%;animation:cloud-drift-a 22s ease-in-out infinite alternate;transition:top .56s ease,translate .28s ease-out,scale .28s ease-out;will-change:top,transform}.home-stage:has(.bird-contact.is-open) .home-cloud--2{top:10.5%}.home-cloud--3{width:8.2%;left:calc(62.7% + max(20px,2cqw));top:calc(47.5% - 10px);z-index:1;will-change:translate,scale}.home-cloud--4{width:7.8%;left:7%;top:64%;animation:cloud-drift-b 28s ease-in-out infinite alternate}.home-cloud--5{width:7.6%;left:84%;top:calc(60% - 10px)}.home-navigation{position:absolute;z-index:3;right:8.9%;top:4.2%;display:flex;align-items:center;gap:1.1cqw}.home-nav-link{position:relative;display:block;transform-origin:50% 70%;transition:transform .26s ease-out,filter .26s ease-out}.home-nav-link img{width:100%;height:auto}.home-nav-link--works{width:10.3cqw}.home-nav-link--about{width:12.1cqw}.home-nav-link:after{content:"";position:absolute;left:14%;right:12%;bottom:-.38cqw;height:.17cqw;border-radius:50%;background:currentColor;opacity:0;transform:scaleX(.5) rotate(-1deg);transform-origin:left center;transition:opacity .18s ease,transform .22s ease}.home-nav-link.is-active{filter:contrast(1.08)}.home-nav-link.is-active:after{opacity:.82;transform:scaleX(1) rotate(-1deg)}.home-nav-link:focus-visible{outline:.2cqw dashed var(--ink);outline-offset:.4cqw}.theme-selector{position:absolute;z-index:3;right:3.6%;top:4.15%;width:4.2cqw}.theme-trigger,.theme-option{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.theme-trigger{transform-origin:50% 70%;transition:transform .26s ease-out,filter .26s ease-out}.theme-trigger img,.theme-option img{width:100%;height:auto}.theme-options{margin-top:.45cqw;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.5cqw) scale(.96);transform-origin:top center;transition:opacity .15s ease,transform .22s ease-out,visibility 0s linear .22s}.theme-options.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}.theme-option{opacity:0;transform:translateY(-.3cqw);transition:opacity .14s ease,transform .2s ease-out}.theme-options.is-open .theme-option{opacity:1;transform:translateY(0)}.theme-options.is-open .theme-option:nth-child(2){transition-delay:35ms}.theme-options.is-open .theme-option:nth-child(3){transition-delay:70ms}.theme-option+.theme-option{margin-top:.35cqw}.theme-trigger:focus-visible,.theme-option:focus-visible{outline:.2cqw dashed var(--ink);outline-offset:.15cqw;border-radius:45%}.theme-option[aria-pressed=true]{filter:drop-shadow(0 0 .12cqw var(--ink))}.bird-contact{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.bird-contact-motion-group{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:26% 19%}.bird-contact-trigger{position:absolute;left:15.2%;top:14.5%;width:14.52%;aspect-ratio:281 / 218;z-index:2;display:block;padding:0;border:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;pointer-events:auto}.bird-contact-trigger:focus-visible{outline:.2cqw dashed var(--ink);outline-offset:.35cqw;border-radius:46%}.bird-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:block;animation:bird-idle 5.2s ease-in-out infinite alternate;will-change:transform}.bird-contact.is-open .bird-visual{animation:none;transform:none}.bird-visual img,.closed-scroll img,.open-scroll>img,.garden-sign img{width:100%;height:auto}.closed-scroll{position:absolute;left:28.05%;top:20.05%;width:5.63%;opacity:1;z-index:1;animation:bird-idle 5.2s ease-in-out infinite alternate;transition:opacity .16s ease .48s;pointer-events:auto}.bird-contact.is-open .closed-scroll{opacity:0;animation:none;transform:none;transition-delay:0ms;pointer-events:none}.open-scroll{position:absolute;left:28.05%;top:17.95%;width:20.89%;aspect-ratio:427 / 138;z-index:1;opacity:0;transform:scaleX(.15);transform-origin:left center;clip-path:inset(0 85% 0 0);transition:opacity .17s ease .14s,transform .56s ease-out .14s,clip-path .56s ease-out .14s;pointer-events:none;will-change:transform,opacity}.bird-contact.is-open .open-scroll{opacity:1;transform:scaleX(1);clip-path:inset(0);transition-delay:0ms;pointer-events:auto}.contact-content{position:absolute;top:25%;bottom:18%;left:50%;width:-moz-max-content;width:max-content;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.22cqw;margin:0;color:var(--ink);text-align:left;font-style:normal;transform:translate(-50%);font-size:1.18cqw;font-weight:700;font-synthesis:weight;line-height:1.08;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility 0s linear .14s}.bird-contact.is-open .contact-content{opacity:1;visibility:visible;transition-delay:.22s,0ms}.contact-label{font-family:sucaijishikangkangti,Patrick Hand,cursive}.contact-value{font-family:uzura_font,Patrick Hand,cursive}.contact-content a{text-decoration-thickness:.08em;text-underline-offset:.12em}.contact-content a:focus-visible{outline:.15cqw dashed var(--ink);outline-offset:.12cqw}.hero-content{position:absolute;left:var(--hero-left);top:var(--hero-top)}.home-stage:is([data-theme=night],[data-theme=meteor-night]) .hero-content{color:#fff}.hero-content h1{position:relative;display:inline-block;margin:0;font-family:Uzura Font,Patrick Hand,Chalkboard SE,cursive;font-weight:400;font-size:8.9cqw;letter-spacing:-.12cqw;word-spacing:-1.2cqw;line-height:1.08;white-space:nowrap}.hero-title-text,.hero-letter,.hero-subtitle-text,.hero-subtitle-word{display:inline-block}.hero-letter{transform-origin:center bottom;transition:transform .24s ease-out}.hero-content p{margin:1.5cqw 0 0;font-family:Uzura Font,Patrick Hand,Chalkboard SE,cursive;font-size:1.9cqw;letter-spacing:-.03cqw;line-height:1.3;white-space:nowrap}.hero-subtitle-word{transform-origin:center bottom;transition:transform .24s ease-out}.hero-spark{position:absolute;top:-1cqw;right:-3cqw;width:3cqw;height:3cqw;animation:hero-spark-in .5s ease-out both;transform-origin:center;pointer-events:auto}.hero-spark:before,.hero-spark:after{content:"";position:absolute;width:.55cqw;height:2.3cqw;background:var(--accent);border-radius:1cqw;transform:rotate(21deg)}.hero-spark:after{left:1.65cqw;top:1.3cqw;transform:rotate(55deg)}.resting-character{position:absolute;width:16.97%;left:68.5%;bottom:calc(9.3% + 10px);aspect-ratio:260 / 160;display:block;padding:0;border:0;background:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transform-origin:center bottom}.resting-character:focus-visible{outline:.2cqw dashed var(--ink);outline-offset:.35cqw;border-radius:28%}.character-visual,.character-effect{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.character-visual{overflow:visible}.character-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;opacity:0;transform:translateY(.16cqw) scale(.985);transition:opacity .4s ease,transform .4s ease}.character-image--music{transform:translateY(.16cqw) scale(.97)}.character-image.is-active{opacity:1;transform:translateY(0) scale(1)}.character-effect{opacity:0;transition:opacity .26s ease}.resting-character[data-state=sleep] .character-effect--sleep,.resting-character[data-state=music] .character-effect--music{opacity:1}.character-particle{position:absolute;width:auto;opacity:0;pointer-events:none}.character-particle--sleep-1{left:67%;top:-11%;height:9.5%;animation:sleep-z-move 2.4s linear infinite,sleep-z-opacity-one 2.4s ease-in-out infinite}.character-particle--sleep-2{left:67%;top:-11%;height:8.4%;animation:sleep-z-move 2.4s 1.2s linear infinite,sleep-z-opacity-two 2.4s 1.2s ease-in-out infinite}.character-particle--music-1{left:34%;top:-18%;height:16%;animation:music-note-move 2.4s linear infinite,music-note-opacity-one 2.4s ease-in-out infinite}.character-particle--music-2{left:34%;top:-18%;height:18%;animation:music-note-move 2.4s 1.2s linear infinite,music-note-opacity-two 2.4s 1.2s ease-in-out infinite}.resting-character[data-state=music] .character-effect--sleep .character-particle,.resting-character[data-state=sleep] .character-effect--music .character-particle{animation-play-state:paused}@keyframes sleep-z-move{0%{transform:translate3d(0,.3cqw,0) scale(.82)}to{transform:translate3d(2.6cqw,-2.7cqw,0) scale(1.03)}}@keyframes sleep-z-opacity-one{0%{opacity:0}14%,60%{opacity:.9}to{opacity:0}}@keyframes sleep-z-opacity-two{0%{opacity:0}20%,66%{opacity:.78}to{opacity:0}}@keyframes music-note-move{0%{transform:translate3d(0,.25cqw,0) scale(.86)}to{transform:translate3d(2.8cqw,-3cqw,0) scale(1)}}@keyframes music-note-opacity-one{0%{opacity:0}12%,57%{opacity:.9}to{opacity:0}}@keyframes music-note-opacity-two{0%{opacity:0}20%,65%{opacity:.9}to{opacity:0}}.garden-sign{position:absolute;z-index:3;width:11.7%;right:2%;bottom:4.9%;transform-origin:50% 88%;transition:transform .26s ease-out,filter .26s ease-out}.garden-sign:focus-visible{outline:.2cqw dashed var(--ink);outline-offset:.25cqw;border-radius:12%}@keyframes bird-idle{0%{transform:translate3d(0,-.12cqw,0) rotate(-.4deg)}to{transform:translate3d(0,.17cqw,0) rotate(.4deg)}}@keyframes cloud-drift-a{0%{transform:translate3d(-.3cqw,-.06cqw,0)}to{transform:translate3d(.42cqw,.08cqw,0)}}@keyframes cloud-drift-b{0%{transform:translate3d(.32cqw,.08cqw,0)}to{transform:translate3d(-.36cqw,-.05cqw,0)}}@keyframes hero-spark-in{0%{opacity:0;transform:scale(0)}72%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes nav-bob{0%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(-4px) scale(1.045) rotate(-2deg)}76%{transform:translateY(-2px) scale(1.025) rotate(1deg)}to{transform:translateY(-3px) scale(1.035) rotate(-.6deg)}}@keyframes sleepy-poke{0%{transform:translateY(0) rotate(0)}34%{transform:translateY(-2px) rotate(-1.5deg)}67%{transform:translateY(-2px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes bird-poke{0%,to{transform:translateY(0) rotate(0)}38%{transform:translateY(-3px) rotate(-1.5deg)}72%{transform:translateY(-1px) rotate(1deg)}}@keyframes scroll-wiggle{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(-3deg) translateY(-2px)}68%{transform:rotate(2deg) translateY(0)}}@keyframes hero-spark-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}45%{transform:scale(1.14) rotate(4deg);opacity:.76}72%{transform:scale(.96) rotate(-2deg);opacity:1}}@media(hover:hover)and (pointer:fine){.home-nav-link:hover{animation:nav-bob .34s ease-out both;filter:contrast(1.05)}.home-nav-link:active{animation:none;transform:translateY(2px) scale(.98) rotate(.4deg)}.theme-trigger:hover{animation:nav-bob .34s ease-out both;filter:contrast(1.05)}.theme-trigger:active{animation:none;transform:translateY(2px) scale(.98) rotate(.4deg)}.resting-character[data-state=sleep]:hover .character-visual{animation:sleepy-poke .38s ease-out}.resting-character:active .character-visual{animation:none;transform:translateY(2px) scale(.98)}.bird-contact-motion-group:has(.bird-contact-trigger:hover){animation:bird-poke .43s ease-out}.closed-scroll:hover,.open-scroll:hover{animation:scroll-wiggle .43s ease-out}.bird-contact-trigger:active .bird-visual{animation:none;transform:translateY(2px) scale(.98)}.hero-letter:hover{transform:scale(1.05) translateY(-1px)}.hero-spark:hover{animation:hero-spark-twinkle .52s ease-out}.hero-subtitle-word:hover{transform:scale(1.045) translateY(-1px)}.garden-sign:hover{transform:scale(1.035)}.garden-sign:active{animation:none;transform:translateY(2px) scale(.98) rotate(0)}.home-cloud:hover{translate:2px -2px;scale:1.025}.home-cloud--2:hover{translate:3px -2px}.home-cloud--3:hover{translate:3px -2px;scale:1.03}.home-cloud--4:hover{translate:-2px -2px}}@media(prefers-reduced-motion:reduce){.home-background-layer,.home-nav-link,.home-nav-link:after,.home-cloud,.open-scroll,.closed-scroll,.contact-content,.theme-options,.theme-option{transition-duration:.12s;transition-delay:0s}.home-cloud--2,.home-cloud--4,.bird-visual,.hero-spark{animation:none;transform:none}.home-cloud:hover{translate:0 0;scale:1}.home-nav-link:hover,.home-nav-link:active,.theme-trigger:hover,.theme-trigger:active,.resting-character[data-state=sleep]:hover .character-visual,.resting-character:active .character-visual,.bird-contact-motion-group:has(.bird-contact-trigger:hover),.closed-scroll:hover,.open-scroll:hover,.bird-contact-trigger:active .bird-visual,.hero-letter:hover,.hero-spark:hover{animation:none;transform:none}.hero-subtitle-word:hover{transform:none}.garden-sign{transition:none}.garden-sign:hover,.garden-sign:active{animation:none;transform:none}.character-image{transform:none;transition:opacity .18s ease}.character-image--music,.character-image.is-active{transform:none}.character-effect{transition:opacity .18s ease}.character-particle{animation:none;opacity:.72}}.works-board{--work-ink: #111;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:2075 / 1215;min-height:0;overflow:hidden;color:var(--work-ink);background:#fff;scroll-margin-top:1px}.works-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}.works-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.9);transform-origin:center}.works-title{position:absolute;z-index:2;top:7%;left:50%;margin:0;transform:translate(-50%);font-family:uzura_font,Patrick Hand,cursive;font-size:4.1cqw;font-weight:400;line-height:1;letter-spacing:.035em;white-space:nowrap}.works-content{position:absolute;z-index:2;top:20%;right:6.3%;bottom:6.5%;left:6.3%}.work-project{position:absolute;top:0;height:100%;display:block;border:0;color:inherit;text-align:center;text-decoration:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.work-project--redblack{left:0;width:28%}.work-project--inspection{left:28.7%;width:42.6%;cursor:default}.work-project--trip{right:0;width:28%}.work-device{position:absolute;left:50%;transform:translate(-50%);transition:transform .36s ease-out;will-change:transform}.work-phone{top:4%;width:55%;aspect-ratio:310 / 614}.work-monitor{top:4%;width:86%;aspect-ratio:707 / 614}.work-device-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.work-phone-screen{position:absolute;z-index:1;top:4.3%;right:7.4%;bottom:4.2%;left:7.4%;overflow:hidden;border-radius:13%/6.5%;background:#fff}.work-screen-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;opacity:0;transition:opacity .36s ease-out}.work-monitor-screen{position:absolute;z-index:1;top:10.6%;left:4.9%;width:90.1%;height:58%;overflow:hidden;border-radius:1.5%;background:#fff}.work-coming-soon{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-family:uzura_font,Patrick Hand,cursive;font-size:3.1cqw;line-height:1;letter-spacing:.055em;white-space:nowrap;opacity:0;transition:opacity .34s ease-out}.work-inspection-scene{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-4%,-12%) scale(.85);transform-origin:top left;pointer-events:none}.work-inspection-cable{position:absolute;z-index:1;top:1%;left:-7%;width:110%;height:auto;opacity:0;transition:opacity .34s ease-out}.work-inspection-robot{position:absolute;z-index:2;top:40%;left:3%;width:11.8%;height:auto;opacity:0;will-change:transform,opacity}.work-character{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.work-character--thumbs-up{position:absolute;z-index:3;top:51%;left:-3%;width:38%;height:auto;opacity:0;transform:translateY(8px) scale(.96);transform-origin:center bottom;transition:opacity .33s ease-out,transform .36s ease-out}.work-character-path{position:absolute;z-index:3;top:53%;left:0;width:100%;height:20%;overflow:visible;pointer-events:none}.work-character--suitcase{position:absolute;left:-2%;bottom:0;width:30%;height:auto;opacity:0}.work-project-copy{position:absolute;top:79%;right:-8%;left:-8%}.work-project-copy h3,.work-project-copy p{margin:0;font-family:sucaijishikangkangti,Patrick Hand,cursive;font-weight:400;white-space:nowrap}.work-project-copy h3{font-size:2.6cqw;line-height:1.08}.work-copy-uzura{font-family:uzura_font,Patrick Hand,cursive}.work-project-copy p{margin-top:.58cqw;font-size:2.08cqw;line-height:1.08}.work-project:focus-visible{outline:clamp(2px,.16cqw,3px) dashed var(--work-ink);outline-offset:clamp(3px,.3cqw,6px)}.work-project:is(:hover,:focus-visible) .work-device{transform:translate(-50%,-4px) rotate(-.2deg) scale(1.005)}.work-project:is(:hover,:focus-visible) .work-screen-image,.work-project--inspection:is(:hover,:focus-visible) .work-coming-soon,.work-project--inspection:is(:hover,:focus-visible) .work-inspection-cable{opacity:1}.work-project--redblack:is(:hover,:focus-visible) .work-character--thumbs-up{animation:thumbs-up-pop .62s ease-out both}.work-project--inspection:is(:hover,:focus-visible) .work-inspection-robot{animation:inspection-robot-travel 3.8s linear infinite}.work-project--trip:is(:hover,:focus-visible) .work-character--suitcase{animation:suitcase-walk 4s linear infinite}@keyframes inspection-robot-travel{0%{transform:translate(0);opacity:0}8%{opacity:1}87%{opacity:1}to{transform:translate(680%,-169%);opacity:0}}@keyframes thumbs-up-pop{0%{opacity:0;transform:translateY(8px) scale(.94) rotate(0)}45%{opacity:1;transform:translateY(-4px) scale(1.055) rotate(-1deg)}72%{transform:translateY(-2px) scale(1.025) rotate(.6deg)}to{opacity:1;transform:translateY(0) scale(1.02) rotate(0)}}@keyframes suitcase-walk{0%{left:-2%;opacity:0}12%{left:3%;opacity:1}70%{left:58%;opacity:1}77%{left:64%;opacity:0}to{left:70%;opacity:0}}@media(prefers-reduced-motion:reduce){.work-device,.work-screen-image,.work-coming-soon,.work-inspection-cable,.work-character--thumbs-up{transition-duration:.12s}.work-project:is(:hover,:focus-visible) .work-device{transform:translate(-50%)}.work-project--inspection:is(:hover,:focus-visible) .work-inspection-robot,.work-project--trip:is(:hover,:focus-visible) .work-character--suitcase{animation:none;opacity:1}.work-project--redblack:is(:hover,:focus-visible) .work-character--thumbs-up{animation:none;opacity:1;transform:translateY(0) scale(1.02)}.work-project--inspection:is(:hover,:focus-visible) .work-inspection-robot{transform:translate(330%,-82%)}.work-project--trip:is(:hover,:focus-visible) .work-character--suitcase{left:58%}}.about-section{--about-ink: #1f1f1f;overflow:visible}.about-viewport{padding-top:clamp(34px,4.5vh,58px);padding-bottom:clamp(50px,7vh,82px)}.about-stage{width:100%;display:flex;align-items:center;justify-content:center}.about-board{position:relative;isolation:isolate;container-type:inline-size;flex:0 0 auto;width:min(92vw,1180px,100%);aspect-ratio:2075 / 1600;color:var(--about-ink);background:#fff;cursor:default;opacity:0;transform:translateY(12px);transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1)}.about-frame{position:absolute;top:-10px;left:0;z-index:0;width:100%;height:calc(100% + 20px);-o-object-fit:fill;object-fit:fill;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-board.is-visible{opacity:1;transform:translateY(0)}.about-title{position:absolute;z-index:2;top:6.2%;left:50%;margin:0;transform:translate(-50%);font-family:uzura_font,Patrick Hand,cursive;font-size:clamp(30.19px,3.6cqw,46px);font-weight:400;line-height:1;letter-spacing:.035em;white-space:nowrap}.about-connections{position:absolute;z-index:1;top:0;left:0;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-note,.about-polaroid,.about-less-note,.about-decoration,.about-person{position:absolute;height:auto;z-index:2;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .24s cubic-bezier(.22,1,.36,1)}.about-note{--rotate: 0deg;transform:rotate(var(--rotate))}.about-note--education{--hover-rotate: -.8deg;top:10%;left:5.7%;width:27.42%}.about-note--awards{--hover-rotate: 1deg;top:39%;left:2.8%;width:38.13%}.about-note--contact{--hover-rotate: 1deg;top:1%;left:63%;width:30.26%}.about-note--internship{--hover-rotate: .8deg;top:47.5%;left:57.8%;width:36.82%}.about-polaroid{top:calc(21% - 10px);left:39%;width:19.27%}.about-polaroid img{display:block;width:100%;height:auto}.about-less-note{top:57.5%;left:38.8%;width:18.62%;transform-origin:center top}.about-decoration--stamp{top:28.25%;right:10.15%;width:21%;transform:rotate(3deg)}.about-decoration--camera{top:39.2%;right:30.5%;width:7.7%;transform:rotate(-4deg)}.about-decoration--coffee{bottom:13.1%;left:33.1%;width:6.8%;transform:rotate(8deg)}.about-decoration--bread{top:28.9%;right:6.4%;width:8.5%;transform:rotate(9deg)}.about-decoration--laptop{z-index:3;right:4.7%;bottom:4.2%;width:7.3%;transform:rotate(2deg)}.about-person{z-index:4;left:9.8%;bottom:calc(-6.8% - 20px);width:10.4%;transform-origin:center bottom}@media(hover:hover)and (pointer:fine){.about-note:hover{transform:rotate(var(--hover-rotate)) translateY(-4px) scale(1.01)}.about-polaroid:hover{transform:translateY(-5px) rotate(-1deg) scale(1.025);filter:drop-shadow(0 4px 0 rgba(0,0,0,.04))}.about-less-note:hover{transform:rotate(-2deg) translateY(-3px)}.about-decoration--stamp:hover{transform:rotate(5deg) scale(1.04)}.about-decoration--camera:hover{transform:rotate(-6deg) translateY(-2px)}.about-decoration--coffee:hover{transform:rotate(12deg) translateY(-3px)}.about-decoration--bread:hover{transform:rotate(15deg) translate(2px)}.about-decoration--laptop:hover{transform:rotate(4deg) translateY(-2px)}.about-person:hover{transform:translateY(-3px) rotate(-1deg) scale(1.015)}}@media(max-width:700px){.about-viewport{min-height:100svh;padding:28px clamp(20px,5vw,28px) 54px;overflow:hidden}.about-board{width:min(92vw,1180px,100%)}.about-title{font-size:3.6cqw}.about-frame{top:-.78cqw;height:calc(100% + 1.56cqw)}.about-polaroid{top:calc(21% - .78cqw)}.about-person{bottom:calc(-6.8% - 1.56cqw)}}@media(prefers-reduced-motion:reduce){.about-board,.about-note,.about-polaroid,.about-less-note,.about-decoration,.about-person{transition-duration:.01ms}.about-board,.about-board.is-visible{opacity:1;transform:none}.about-note:hover{transform:rotate(var(--rotate))}.about-polaroid:hover{transform:none;filter:none}.about-less-note:hover{transform:none}.about-decoration--stamp:hover{transform:rotate(3deg)}.about-decoration--camera:hover{transform:rotate(-4deg)}.about-decoration--coffee:hover{transform:rotate(8deg)}.about-decoration--bread:hover{transform:rotate(9deg)}.about-decoration--laptop:hover{transform:rotate(2deg)}.about-person:hover{transform:none}}.garden-section{overflow:clip}.garden-viewport{padding-block:24px 36px}.garden-board{position:relative;isolation:isolate;container-type:inline-size;width:min(92vw,1274px,calc((100svh - 80px)*1.413));aspect-ratio:2416 / 1847;flex:0 0 auto;opacity:0;transform:translateY(12px);transition:opacity .62s ease,transform .62s cubic-bezier(.22,1,.36,1)}.garden-board.is-visible{opacity:1;transform:translateY(0)}.garden-board h2{position:absolute;top:15.8%;left:0;width:100%;margin:0;font-family:uzura_font,Patrick Hand,cursive;font-size:3.55cqw;font-weight:400;line-height:1.2;letter-spacing:.07em;text-align:center}.garden-cloud{position:absolute;height:auto;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease}.garden-cloud-1{left:29.1%;top:36%;width:5.5%}.garden-cloud-2{left:53.5%;top:36%;width:9.5%}.garden-cloud-3{left:76%;top:48.7%;width:5.5%}.garden-cloud-4{left:18.8%;top:42.5%;width:7.6%}.garden-lawn{position:absolute;left:6%;top:50.5%;width:88%;aspect-ratio:4306 / 1616;touch-action:pan-y;cursor:default;outline-offset:4px}.garden-lawn:focus-visible{outline:2px dashed #288ab2;border-radius:42%}.garden-lawn.has-flower-cursor{cursor:none}.garden-ground{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.garden-flower{position:absolute;height:auto;max-width:none;transform:translate(-50%,-100%);transform-origin:bottom center;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.garden-own-flower{filter:saturate(1.06) contrast(1.02)}.garden-board.is-visible .garden-own-flower{animation:garden-own-flower-sway 1.2s ease-in-out .62s 1}@keyframes garden-own-flower-sway{0%,to{transform:translate(-50%,-100%) rotate(0)}20%{transform:translate(-50%,-100%) rotate(-6deg)}40%{transform:translate(-50%,-100%) rotate(5deg)}60%{transform:translate(-50%,-100%) rotate(-3deg)}80%{transform:translate(-50%,-100%) rotate(1.5deg)}}.garden-own-marker{position:absolute;width:clamp(76.8px,8cqw,90.4px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate(-50%,-100%);animation:garden-own-marker-reveal .24s cubic-bezier(.22,1,.36,1) both}.garden-own-marker img{display:block;width:100%;height:auto}.garden-board.is-visible .garden-own-marker img{animation:garden-own-marker-float 2s ease-in-out .24s infinite}@keyframes garden-own-marker-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.garden-own-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes garden-own-marker-reveal{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.garden-cursor{display:none;z-index:1100!important;pointer-events:none}.garden-cursor.is-visible{display:block}.garden-ground-flowers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.garden-ground-flower{position:absolute;transform:translate(-50%,-100%)}.garden-ground-flower svg{display:block;width:100%;height:auto}.cyan-garden-sign{position:absolute;left:76%;top:62%;width:11%;aspect-ratio:263 / 268;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;pointer-events:auto}.cyan-garden-sign>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.garden-sign-base{z-index:660}.garden-sign-board-overlay{z-index:1200;clip-path:inset(0 0 40.5% 0);pointer-events:auto}.garden-stats{position:absolute;z-index:1201;top:13%;left:0;width:88%;display:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:baseline;-moz-column-gap:.32em;column-gap:.32em;margin:0;color:#2386b0;font-family:sucaijishikangkangti,Patrick Hand,cursive;font-size:1.36cqw;line-height:1.15;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.garden-stats>div{display:contents}.garden-stats dt,.garden-stats dd{margin:0;font-weight:400}.garden-stats dd{font-family:Patrick Hand,cursive}.garden-status{position:absolute;top:90%;left:5%;width:90%;text-align:center;min-height:1.5em;font-family:Patrick Hand,sucaijishikangkangti,cursive;font-size:clamp(12px,1.35cqw,17px);line-height:1.5;color:#387e80}.garden-status button{margin-left:.75em;border:0;background:none;padding:4px;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}.garden-mobile-hint{display:none}@media(hover:hover)and (pointer:fine){.garden-cloud:hover{transform:translate(1.5px,-3px) scale(1.02);opacity:.98}.garden-flower:not(.garden-cursor):hover{z-index:1150!important;transform:translate(-50%,calc(-100% - 3px)) rotate(.7deg) scale(1.03);filter:saturate(1.04)}.cyan-garden-sign:hover>img,.cyan-garden-sign:hover .garden-stats{transform:translateY(-2px) scale(1.015);filter:contrast(1.045)}}@media(max-width:700px){.garden-board{width:100%}.garden-status{top:91%;font-size:13px}.garden-desktop-hint{display:none}.garden-mobile-hint{display:inline}}@media(prefers-reduced-motion:reduce){.garden-board,.garden-cloud,.garden-flower,.cyan-garden-sign>img,.garden-stats{transition:none}.garden-board{transform:none}.garden-own-marker,.garden-board.is-visible .garden-own-marker img,.garden-board.is-visible .garden-own-flower{animation:none}.garden-cloud:hover,.garden-flower:not(.garden-cursor):hover,.cyan-garden-sign:hover>img,.cyan-garden-sign:hover .garden-stats{transform:none}}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/fonts/Alibaba-PuHuiTi-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alibaba PuHuiTi;src:url(/assets/fonts/Alibaba-PuHuiTi-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.project-detail-page{--project-ink: #111;--project-muted: #9a9a9a;min-height:100svh;color:var(--project-ink);background:#fff}.project-detail-shell{--project-content-width: min(840px, 66vw);width:100%;margin-inline:auto;padding:clamp(34px,5vw,72px) clamp(24px,2.5vw,48px) clamp(72px,9vw,144px)}.project-detail-back{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin-left:calc((100% - var(--project-content-width)) / 2);font-family:uzura_font,Patrick Hand,cursive;font-size:clamp(17px,1.4vw,22px);line-height:1;text-decoration:none;transition:transform .2s ease}.project-detail-back-icon{position:relative;display:grid;width:30px;height:30px;place-items:center;overflow:visible}.project-detail-back-icon img{width:auto;height:30px;max-width:none;transform:rotate(90deg)}.project-detail-back:focus-visible,.project-detail-directory-button:focus-visible,.project-detail-nav-link:focus-visible,.project-detail-subnav-link:focus-visible{outline:2px dashed currentColor;outline-offset:4px}.project-detail-header{width:var(--project-content-width);margin-inline:auto;padding:clamp(24px,2.5vw,36px) 0 clamp(22px,2vw,32px)}.project-detail-header h1,.project-detail-header p{margin:0}.project-detail-header h1{font-family:Alibaba PuHuiTi,sans-serif;font-size:clamp(30px,2.625vw,42px);font-weight:700;line-height:1.2}.project-detail-subtitle{max-width:760px;margin-top:8px!important;font-family:Alibaba PuHuiTi,sans-serif;font-size:clamp(16px,1.44vw,20px);font-weight:400;line-height:1.5}.project-detail-description{max-width:700px;margin-top:14px!important;color:#555;font-family:Alibaba PuHuiTi,sans-serif;font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:1.7}.project-placeholder-header{width:var(--project-content-width)}.project-detail-layout{position:relative}.project-detail-content{width:var(--project-content-width);min-width:0;margin-inline:auto}.project-detail-section,.project-detail-subsection{display:grid;gap:clamp(24px,3vw,46px);scroll-margin-top:clamp(18px,3vw,42px)}.project-detail-section+.project-detail-section,.project-detail-subsection+.project-detail-subsection{margin-top:clamp(56px,7vw,104px)}.project-detail-image{display:block;width:100%;height:auto}.project-detail-aside{position:absolute;top:0;bottom:0;left:calc(50% + (var(--project-content-width) / 2) + clamp(48px,6vw,96px));width:clamp(104px,8vw,128px)}.project-detail-nav{position:sticky;top:clamp(44px,7vh,80px)}.project-detail-nav-list,.project-detail-subnav{margin:0;padding:0;list-style:none}.project-detail-nav-item+.project-detail-nav-item{margin-top:22px}.project-detail-nav-link,.project-detail-subnav-link,.project-detail-directory-button{padding:0;border:0;color:var(--project-muted);font:inherit;text-align:left;background:transparent;cursor:pointer;transition:color .21s ease,font-weight .21s ease,transform .21s ease}.project-detail-nav-link{font-family:Alibaba PuHuiTi,sans-serif;font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:1.25}.project-detail-nav-link.is-active,.project-detail-subnav-link.is-active{color:var(--project-ink);font-weight:400}.project-detail-subnav-wrap{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:grid-template-rows .22s ease,opacity .2s ease,transform .22s ease}.project-detail-subnav-wrap.is-expanded{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.project-detail-subnav{min-height:0;overflow:hidden;padding-left:15px}.project-detail-page--red-black-food .project-detail-subnav,.project-detail-page--travel-plan .project-detail-subnav{padding-left:0}.project-detail-subnav li:first-child{padding-top:14px}.project-detail-subnav li+li{margin-top:11px}.project-detail-subnav-link{font-family:Alibaba PuHuiTi,sans-serif;font-size:clamp(14px,1vw,16px);font-weight:400;line-height:1.35}.project-detail-mobile-directory{display:none}.project-detail-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.project-detail-back:hover{transform:translate(-3px)}.project-detail-nav-link:hover,.project-detail-subnav-link:hover{color:var(--project-ink);transform:translate(2px)}}@media(max-width:900px){.project-detail-shell{--project-content-width: 100%;width:min(90vw,760px);padding-inline:0;padding-top:28px}.project-detail-back{margin-left:0}.project-detail-header{width:100%;padding:32px 0 26px}.project-detail-layout{display:block}.project-detail-aside{display:none}.project-detail-mobile-directory{position:relative;z-index:5;display:block;margin-bottom:32px}.project-detail-directory-button{display:inline-flex;align-items:center;min-height:42px;color:var(--project-ink);font-family:Alibaba PuHuiTi,sans-serif;font-size:22px}.project-detail-mobile-nav{width:100%;padding:22px 0 8px;background:#fff}.project-detail-nav-list--mobile .project-detail-nav-item+.project-detail-nav-item{margin-top:18px}.project-detail-nav-list--mobile .project-detail-nav-link{font-size:17px}.project-detail-nav-list--mobile .project-detail-subnav-link{font-size:15px}.project-detail-section,.project-detail-subsection{scroll-margin-top:18px}}@media(prefers-reduced-motion:reduce){.project-detail-back,.project-detail-nav-link,.project-detail-subnav-link,.project-detail-subnav-wrap{transition:none}}