.home-avatar{position:fixed;right:8%;bottom:-8px;width:min(250px,29vh);height:min(390px,45vh);padding:0;border:0;background:transparent;z-index:25;cursor:pointer;transform:translateZ(0);opacity:0;visibility:hidden;transition:opacity .5s ease;touch-action:manipulation;will-change:transform}.home-avatar.is-ready{opacity:1;visibility:visible}.home-avatar.home-avatar--alpha{width:min(160px,17vh);height:min(330px,36vh);right:8%;bottom:12px}.home-avatar__video{height:100%;width:auto;aspect-ratio:4/3;max-width:none;top:0;transform:translateX(-50%)}.home-avatar__hint,.home-avatar__video{position:absolute;left:50%;pointer-events:none}.home-avatar__hint{bottom:calc(100% + 4px);padding:11px 20px;border:1px solid rgb(255 255 255/65%);border-radius:999px;background:rgb(255 255 255/18%);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);color:#171717;box-shadow:inset 0 1px 2px rgb(255 255 255/80%),inset 1px 0 2px rgb(255 255 255/45%),inset 0 -2px 2px rgb(80 100 65/18%),0 3px 8px rgb(0 0 0/8%);font:400 14px/20px PingFang SC,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,8px) scale(.88);transform-origin:50% 100%;transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .2s}.home-avatar.is-ready:has(.home-avatar__video:is([data-motion=idle],[data-motion=held])) .home-avatar__hint[data-dialog-open=false]{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}@media (prefers-reduced-motion:reduce){.home-avatar__hint{transition:none}}@media (max-width:720px){.home-avatar.home-avatar--alpha{width:75px;height:155px;right:5%;bottom:12px}}.home-avatar:focus-visible{outline:2px solid #b9fd4d;outline-offset:2px;border-radius:8px}.home-avatar__actor{position:absolute;inset:0;display:block;transform-origin:50% 88%;filter:drop-shadow(0 11px 10px rgb(0 0 0/12%));will-change:transform}.home-avatar__sprite{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain;object-position:center bottom;opacity:0;transform-origin:50% 88%;transition:opacity .22s cubic-bezier(.4,0,.2,1),filter .22s ease;will-change:opacity,transform}.home-avatar__walk-cycle{position:absolute;left:50%;bottom:0;width:auto;height:100%;aspect-ratio:543/724;background:url(/avatar-sprite/walk-cycle.png) 0 0/400% 100% no-repeat;opacity:0;transform:translateX(-50%) scaleX(calc(var(--avatar-direction) * -1));transform-origin:center bottom;transition:opacity .16s ease;will-change:background-position,opacity,transform}.home-avatar__sprite--side{opacity:1;transform:scaleX(calc(var(--avatar-direction) * -1))}.home-avatar__sprite--back,.home-avatar__sprite--front{opacity:0}.home-avatar.is-walking .home-avatar__actor{animation:avatar-step .54s ease-in-out infinite}.home-avatar.is-walking .home-avatar__walk-cycle{opacity:1;animation:avatar-walk-cycle .72s linear infinite}.home-avatar.is-walking .home-avatar__sprite--side{opacity:0}.home-avatar.is-idle .home-avatar__actor{animation:avatar-breathe 2.8s ease-in-out infinite}.home-avatar.is-turning .home-avatar__sprite--side{animation:avatar-side-turn .46s cubic-bezier(.4,0,.2,1)}.home-avatar.is-turning .home-avatar__sprite--back{animation:avatar-back-turn .46s cubic-bezier(.4,0,.2,1)}.home-avatar.is-facing .home-avatar__actor{animation:avatar-breathe 2.8s ease-in-out infinite}.home-avatar.is-facing .home-avatar__sprite--back,.home-avatar.is-facing .home-avatar__sprite--side,.home-avatar.is-facing .home-avatar__walk-cycle{opacity:0;animation:none}.home-avatar.is-facing .home-avatar__sprite--front{opacity:1}.home-avatar__shadow{position:absolute;left:50%;bottom:1.5%;width:37%;height:3.8%;border-radius:50%;background:rgb(0 0 0/24%);filter:blur(8px);opacity:.52;transform:translate3d(-50%,0,0) scaleX(1);transform-origin:center;will-change:transform,opacity}.home-avatar.is-walking .home-avatar__shadow{animation:avatar-shadow-step .54s ease-in-out infinite}@keyframes avatar-step{0%,to{transform:translateZ(0) rotate(-.35deg)}50%{transform:translate3d(0,-5px,0) rotate(.35deg)}}@keyframes avatar-walk-cycle{0%,24.99%{background-position:0 0}25%,49.99%{background-position:33.333% 0}50%,74.99%{background-position:66.667% 0}75%,to{background-position:100% 0}}@keyframes avatar-breathe{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-2px,0) scale(1.006)}}@keyframes avatar-shadow-step{0%,to{opacity:.52;transform:translate3d(-50%,0,0) scaleX(1)}50%{opacity:.38;transform:translate3d(-50%,0,0) scaleX(.9)}}@keyframes avatar-side-turn{0%,to{opacity:1;filter:blur(0)}44%,56%{opacity:0;filter:blur(2px)}}@keyframes avatar-back-turn{0%,to{opacity:0;filter:blur(2px)}44%,56%{opacity:1;filter:blur(0)}}.about-dialog{width:min(600px,calc(100vw - 40px));height:min(830px,calc(100dvh - 100px));max-height:calc(100dvh - 32px);box-sizing:border-box;margin:auto;padding:48px 48px 20px;border:1px solid #ffffffb3;border-radius:20px;background:#eeeeee75;color:#454545;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #fff,6px 8px 25px #00000008;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:auto}.about-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.about-dialog h2{margin:0;font:400 22px/1.4 Helvetica,Arial,sans-serif;letter-spacing:0;border:1px solid #aaa8;padding:8px 14px;position:relative}.about-dialog h2 i{position:absolute;width:7px;height:7px;border:1px solid #bdbdbd;background:#eee}.about-dialog h2 i:first-child{left:-5px;top:-5px}.about-dialog h2 i:nth-child(2){right:-5px;top:-5px}.about-dialog h2 i:nth-child(3){left:-5px;bottom:-5px}.about-dialog h2 i:nth-child(4){right:-5px;bottom:-5px}.about-content{display:flex;flex-direction:column}.about-header{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:30px;min-height:112px}.about-greeting{width:100%;aspect-ratio:223/134;background:url(/about-reference.png) 33.55% 16.2%/578.47% 791.04% no-repeat}.about-label{display:table;background:#b9fd4d;color:#414141;padding:4px 14px;margin:0;font:400 13px/1.2 Helvetica,Arial,sans-serif;letter-spacing:0}.about-experience{height:clamp(220px,29vh,280px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccc transparent;background:#ffffffc4;padding:16px;font-family:Arial,PingFang SC,sans-serif}.about-experience:focus-visible{outline:2px solid #b9fd4d;outline-offset:2px}.about-job{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #ccc}.about-job:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.about-job h4{font-size:16px;font-weight:400;line-height:1.5;margin:0}.about-role{font-size:14px;font-style:italic;margin:0 0 9px;color:#777}.about-job-item{margin-top:7px}.about-experience p{text-wrap:pretty}.about-paragraph-ending{white-space:nowrap}.about-job-item p{margin:0;font-size:15px;line-height:1.6}.about-job-item .about-job-detail{margin-top:3px;font-size:13px;line-height:1.6;color:#777}.about-slogan{flex:1}.about-slogan-scene{position:relative;display:flex;justify-content:center;align-items:end;min-height:220px;margin-top:12px}.about-portrait-placeholder{width:280px;max-width:70%;aspect-ratio:300/250;background:url(/about-reference.png) 78.79% 85.18%/430% 424% no-repeat}.about-note{font-size:10px;color:#666;border-bottom:1px solid #aaa;line-height:1.7}.about-note--one{top:38px;left:0}.about-note--two{top:30px;right:0}.about-note--three{top:115px;left:0}.about-note--four{top:110px}.about-dialog{padding-top:32px}.about-content{gap:24px}.about-experience{box-sizing:border-box;background:#ffffffed}.about-portrait-placeholder{width:240px;aspect-ratio:300/260;background-size:430% 407.69%;background-position:78.79% 86.25%;mix-blend-mode:multiply}.about-greeting{mix-blend-mode:multiply}.about-note{max-width:120px}@media (max-width:720px){.home-avatar{right:4%;bottom:8px;width:100px;height:148px;transform:translateZ(0)}.about-dialog{width:calc(100vw - 24px);height:calc(100dvh - 48px);padding:44px 20px 20px}.about-header{gap:14px;min-height:84px}.about-dialog h2{font-size:16px;padding:8px}.about-content{gap:22px}.about-experience{height:30vh;min-height:200px}.about-note{font-size:8px}.about-slogan-scene{min-height:200px}}@media (prefers-reduced-motion:reduce){.home-avatar,.home-avatar__actor,.home-avatar__shadow,.home-avatar__sprite,.home-avatar__walk-cycle{animation:none!important;transition-duration:.01ms!important}}@media (max-width:720px){.about-dialog{background:#eeeeeea8}.about-slogan-scene{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:center}.about-portrait-placeholder{grid-column:1/-1;grid-row:2;width:200px;max-width:100%;justify-self:center}.about-note{position:static;font-size:9px;max-width:none;width:fit-content}.about-note--one{grid-column:1;grid-row:1}.about-note--two{grid-column:2;grid-row:1;justify-self:end}.about-note--three{grid-column:1;grid-row:3}.about-note--four{grid-column:2;grid-row:3;justify-self:end}}.about-dialog{inset:7.3dvh 5.4% 3.5dvh auto;margin:0;width:clamp(440px,28.6vw,600px);height:89.2dvh;max-height:none;padding:16px clamp(34px,2.65vw,56px) 24px;border-radius:17px;background:rgb(235 235 235/50%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset -2px -2px 3px #ffffffe6,inset 1px 1px 2px #ffffff50,5px 8px 18px #00000005}.about-dialog::backdrop{background:transparent}.about-content{height:100%;min-height:630px;gap:30px}.about-header{grid-template-columns:235fr 284fr;gap:8%;min-height:0;flex:0 0 132px}.about-dialog h2{font-size:21px}.about-greeting{position:relative;overflow:hidden;aspect-ratio:284/177;background:none;mix-blend-mode:normal}.about-greeting>span{position:absolute;inset:40% 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#bafd4e;color:#000;font:400 28px/1 Arial,sans-serif}.about-greeting>i{position:absolute;inset:0;background:url(/about-wave.png) center 10%/140% auto no-repeat}.about-label{background:#bafd4e;font-size:12px;padding:3px 13px;align-self:flex-start}.about-experience{height:31dvh;min-height:210px;padding:14px;background:rgb(255 255 255/65%)}.about-job h4{font-size:15px;line-height:18px}.about-role{font-size:13px;margin-bottom:7px}.about-job-item{margin-top:6px}.about-job-item p{font-size:13px;line-height:15px}.about-job-item .about-job-detail{font-size:12px;line-height:13.5px}.about-slogan{display:flex;flex-direction:column;min-height:220px}.about-slogan-scene{flex:1;display:block;min-height:205px;margin-top:0}.about-portrait-placeholder{position:absolute;width:48%;max-width:none;height:100%;aspect-ratio:auto;left:26%;bottom:0;background:url(/about-seated.png) 50%/100% auto no-repeat;mix-blend-mode:normal}.about-note{position:absolute;max-width:none;font-size:9px;white-space:nowrap}.about-note:after{content:"";position:absolute;height:13px;width:6px;bottom:-4px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;transform:skew(28deg) rotate(26deg);right:-5px}.about-note--one{top:29%;left:16%}.about-note--two{top:24%;right:3%}.about-note--three{top:54%;left:16%}.about-note--four{top:54%;right:0}.about-note--four:after,.about-note--two:after{left:-5px;right:auto;transform:skew(-28deg) rotate(-26deg);border-right:0;border-left:1px solid #aaa}@media (max-width:1600px){.about-dialog h2{font-size:18px;padding:8px 10px}.about-header{flex-basis:118px}.about-note{font-size:8px}.about-note--one,.about-note--three{left:4%}}@media (max-width:720px){.about-dialog{inset:70px 12px 16px;width:auto;height:calc(100dvh - 86px);padding:20px 24px}.about-content{min-height:590px;gap:24px}.about-header{flex-basis:92px;gap:18px}.about-dialog h2{font-size:14px;padding:8px}.about-experience{height:29dvh}.about-note--one,.about-note--three{left:0}.about-note--two{right:0}}@media (min-width:721px){.about-dialog{width:min(35.75vw,750px,calc(86dvh * 697 / 1038));min-width:0;height:auto;aspect-ratio:697/1038;inset:50% 4.5% auto auto;transform:translateY(-50%);padding:0;overflow:hidden}.about-content{position:absolute;inset:0 auto auto 0;width:697px;height:1038px;min-height:0;display:block;transform:scale(var(--about-scale,1));transform-origin:top left}.about-header{position:absolute;top:22px;left:66px;width:565px;height:164px;display:grid;grid-template-columns:235px 284px;gap:46px}.about-dialog h2{box-sizing:border-box;width:235px;height:100px;font-size:28px;line-height:40px;padding:9px 21px}.about-greeting{width:284px;height:177px;aspect-ratio:auto}.about-greeting>span{font-size:48px}.about-content>section:not(.about-slogan){position:absolute;top:226px;left:66px;width:565px}.about-label{height:28px;box-sizing:border-box;padding:4px 17px;font-size:16px;line-height:20px}.about-experience{height:360px;min-height:0;padding:18px}.about-job{padding-bottom:28px;margin-bottom:28px}.about-job h4{font-size:19px;line-height:22px}.about-role{font-size:16px;line-height:18px;margin-bottom:10px}.about-job-item{margin-top:8px}.about-job-item p{font-size:16px;line-height:19px}.about-job-item .about-job-detail{font-size:14px;line-height:15px;margin-top:4px}.about-slogan{top:649px;left:66px;height:347px;display:block}.about-slogan,.about-slogan-scene{position:absolute;width:565px;min-height:0}.about-slogan-scene{top:28px;height:354px}.about-portrait-placeholder{left:156px;top:0;bottom:auto;width:254px;height:382px;background-size:100% 100%}.about-note{font-size:16px;line-height:24px}.about-note--one{top:94px;left:48px}.about-note--two{top:78px;right:18px}.about-note--three{top:171px;left:48px}.about-note--four{top:171px;right:0}}.about-slogan-scene{isolation:isolate}.about-slogan-scene .about-portrait-placeholder{z-index:2;pointer-events:none}.about-slogan-scene .about-note{z-index:3}.about-slogan-scene .about-note:after{height:1.08em;width:.5em;bottom:-.33em;right:-.42em}.about-slogan-scene .about-note--four:after,.about-slogan-scene .about-note--two:after{left:-.42em;right:auto}.about-slogan-icons{position:absolute;inset:0;z-index:1;pointer-events:none}.about-slogan-icon{position:absolute;width:16%;aspect-ratio:1;visibility:hidden;opacity:0}.about-slogan-icon img{width:100%;height:100%;object-fit:contain;display:block}.about-slogan-icon--chatgpt{left:15%;top:8%}.about-slogan-icon--blender{left:5%;top:40%}.about-slogan-icon--photoshop{left:12%;top:73%}.about-slogan-icon--claude{left:71%;top:14%}.about-slogan-icon--premiere{left:81%;top:40%}.about-slogan-icon--aftereffects{left:78%;top:65%;width:12%}.about-slogan-icon--illustrator{left:68%;top:74%;width:14%}@media (prefers-reduced-motion:no-preference){.about-slogan-icon img{animation:about-icon-float 3.2s ease-in-out infinite alternate}.about-slogan-icon:nth-child(2n) img{animation-delay:-1.6s}.about-slogan-icon:nth-child(3n) img{animation-delay:-.8s}.about-slogan-scene .about-note{animation:about-note-float 3.6s ease-in-out infinite alternate}.about-slogan-scene .about-note:nth-of-type(2n){animation-delay:-1.8s}}@keyframes about-icon-float{0%{transform:translateY(-3px) rotate(-2deg)}to{transform:translateY(3px) rotate(2deg)}}@keyframes about-note-float{0%{translate:0 -2px}to{translate:0 2px}}@media (max-width:720px){.about-slogan-scene{min-height:280px}.about-slogan-scene .about-note{font-size:13px;line-height:18px;white-space:normal;max-width:43%}.about-slogan-scene .about-note--one{top:8%;left:0}.about-slogan-scene .about-note--two{top:4%;right:0}.about-slogan-scene .about-note--three{top:40%;left:0}.about-slogan-scene .about-note--four{top:36%;right:0;max-width:38%}}