html,body{margin:0;height:100%;background-color:#f5f5f5}.viewport{position:relative;width:100%;height:100%;overflow:hidden;outline:none;background-color:#f5f5f5;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGBSURBVEhL7ZQtc4NAEIYjkUh+AhJZiYxEIisrkZV1kZGVkchKZCQSWYmMjMRxfd7LXiaZoc0HyD4zO8vd7b173C6s/nkY51w8jmOHz21qeUjwTQKHb3CZTS8HwrUSBBjvcIktzwexdwn3fe+GYRj1TJIB2/AYW9jzILSWaNu2LkkSt9vpBU6wdsAqC30OdGKJcXqnoSzLMtc0KskJkvS4wm94BhPwwgzPlue56zo12QniWtzjHcfGLwmUZXmVIJjmVaOAxaes3QfBvtDb7XYygSyKIldVlTsejwr1kOgTd7vjCPSF3u/3k+IyJSiKwtX1VVcryYD7wCLipmExUbBOp2GwOI79qS8LHkD4iCnbK3bXWxy0MU3Tc4LLlhXEdNgGe/GbHoFNV4WWN1FdwX2n/AsEdI++0PrguK7wVb9ZyDzQKiSo+w53jnhjy/NBzxc6gLj6cbmfnkDUF1rwXNr0cuhKTLy2qWVBWC2ot5j/m54C4YIEaxsuDwl+/9xvslr9AEbgA/o+xqtYAAAAAElFTkSuQmCC) 6 4,url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.75418%2020L5.62291%204.0409L20%2011.9182L12.9181%2013.9727L8.75418%2020Z'%20fill='%23000000'%20stroke='%23FFFFFF'%20stroke-width='1.25'%20stroke-linejoin='round'/%3e%3c/svg%3e") 6 4,auto}.scene-infinite-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#f5f5f5;background-repeat:repeat}.camera-pan{position:relative;z-index:1;transform-origin:0 0}.world{position:relative;z-index:1;transform-origin:0 0;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.scene-chrome{z-index:20;transform:none!important}.scene-chrome[data-node-kind=tapper]{left:auto;top:50%;right:24px;bottom:auto;transform:translateY(-50%)}.scene-chrome[data-node-kind=sidebar],.scene-chrome.ds-sidebar{top:24px;bottom:24px;height:auto;min-height:0;cursor:auto}.scene-node[data-node-kind=card],.scene-node[data-node-kind=about]{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.scene-node[data-node-kind=card].is-card-grab,.scene-node[data-node-kind=about].is-card-grab{cursor:grab}.scene-node[data-node-kind=card].is-card-dragging,.scene-node[data-node-kind=about].is-card-dragging{cursor:grabbing;z-index:40}.scene-about-cluster{position:absolute;overflow:visible;transform:scale(1);transform-origin:center center;transition:transform .48s cubic-bezier(.22,.8,.2,1);cursor:pointer;z-index:30}.scene-about-cluster:hover,.scene-about-cluster.is-card-grab,.scene-about-cluster.is-card-dragging{transform:scale(1.03)}.scene-about-cluster.is-about-open,.scene-about-cluster.is-about-expanding{transform:none;cursor:zoom-out;z-index:45}.scene-about-cluster.is-about-open.is-card-grab{cursor:grab}.scene-about-cluster.is-about-open.is-card-dragging{cursor:grabbing}.scene-about-cluster.is-about-expanding,.scene-about-cluster.is-about-expanding .scene-about__item{transition:left .72s cubic-bezier(.32,.72,0,1),top .72s cubic-bezier(.32,.72,0,1),width .72s cubic-bezier(.32,.72,0,1),height .72s cubic-bezier(.32,.72,0,1),transform .72s cubic-bezier(.32,.72,0,1)}.scene-node[data-node-kind=card].is-about-dimmed{opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.32,.72,0,1)}.scene-node[data-node-kind=card]:not(.is-about-dimmed){transition:opacity .48s cubic-bezier(.32,.72,0,1)}.ds-card[data-card-hover]{overflow:visible}.ds-card[data-card-hover] .ds-card__media{overflow:hidden;border-radius:23px 23px 0 0}.ds-card__cursor-hover{position:absolute;left:0;top:0;z-index:6;margin:0;pointer-events:none;opacity:0;visibility:hidden;transform:none;transition:opacity .12s ease,visibility 0s linear .12s}.ds-card.is-card-cursor-hover:not(.is-card-dragging)>.ds-card__cursor-hover{opacity:1;visibility:visible;transition:opacity .12s ease,visibility 0s linear 0s}.ds-card__cursor-hover .ds-hover{pointer-events:none;cursor:inherit}@media(hover:none){.ds-card__cursor-hover{display:none}}.scene-about__item{overflow:visible;will-change:left,top,width,height,transform}.scene-about__me,.scene-about__macbook{display:block;overflow:visible;pointer-events:auto}.scene-about__me>img,.scene-about__macbook-lid{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none}.scene-about__stickers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.scene-about__sticker{position:absolute;margin:0;padding:0;border:none;background:transparent;cursor:pointer;overflow:visible;pointer-events:none;z-index:1}.scene-about-cluster.is-about-open .scene-about__stickers:not([inert]),.scene-about-cluster.is-about-open .scene-about__sticker{pointer-events:auto}.scene-about__sticker[data-sticker=sport]{top:6.2%;right:26.89%;bottom:57.05%;left:41.66%}.scene-about__sticker[data-sticker=seal]{top:68.2%;right:53.87%;bottom:10.6%;left:9.02%}.scene-about__sticker[data-sticker=question]{top:45.49%;right:9.01%;bottom:37.55%;left:80.68%}.scene-about__sticker[data-sticker=create]{top:7%;right:10.14%;bottom:71.8%;left:74.14%}.scene-about__sticker[data-sticker=books]{top:68.2%;right:14.95%;bottom:7.42%;left:64.43%}.scene-about__sticker[data-sticker=anime]{top:25.28%;right:67.79%;bottom:42.31%;left:6.43%}.scene-about__sticker>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;transform-origin:center center;transition:transform .16s ease,filter .16s ease}.scene-about-cluster.is-about-open .scene-about__sticker:hover>img,.scene-about-cluster.is-about-open .scene-about__sticker:focus-visible>img,.scene-about-cluster.is-about-open .scene-about__sticker.is-hint-open>img{transform:scale(1.04);filter:drop-shadow(0 4px 2px rgba(0,0,0,.25))}.scene-about__sticker:focus-visible{outline:2px solid #232323;outline-offset:2px}.scene-about__sticker>.ds-hint{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;visibility:hidden;pointer-events:none}.scene-about__hint-float{position:fixed;left:0;top:0;z-index:10000;margin:0;pointer-events:none;opacity:0;visibility:hidden;transform:scale(0);transform-origin:-12px -12px;transition:opacity .18s ease,transform .48s cubic-bezier(.34,1.45,.64,1),visibility 0s linear .4s}.scene-about__hint-float.is-visible{opacity:1;visibility:visible;transform:scale(1);transition:opacity .18s ease,transform .48s cubic-bezier(.34,1.45,.64,1),visibility 0s linear 0s}.scene-about-cluster .ds-stiker{pointer-events:auto;z-index:2}.scene-about__me{z-index:2}.scene-bg{pointer-events:none;visibility:hidden}.scene-comp,.scene-comp__img{display:block;width:100%;height:100%;object-fit:contain}.ds-avatar.ds-placeholder,.scene-comp.ds-placeholder,.ds-media-slot--broken,.ds-card__media.ds-placeholder{box-sizing:border-box;position:relative;overflow:hidden;flex-shrink:0;background-color:#ededed}.ds-avatar.ds-placeholder{width:48px;height:48px;min-width:48px;min-height:48px;aspect-ratio:1 / 1}.ds-placeholder>img,.ds-media-slot--broken>img{display:block;width:100%;height:100%;object-fit:cover}.scene-comp.ds-placeholder>img,.scene-comp.ds-media-slot--broken>.scene-comp__img{object-fit:contain}.scene-node.ds-sidebar:not(.scene-chrome){height:100%;min-height:0}.scene-node[data-node-kind=tapper].ds-tapper{display:inline-flex;align-items:center;justify-content:center;gap:24px;margin:0;border:none;overflow:visible}.scene-node[data-node-kind=tapper].ds-tapper:not(.ds-tapper--portrait){flex-direction:row;padding:8px 16px}.scene-about-cluster .ds-stiker{width:100%;height:100%;max-width:none;max-height:none}.scene-tapper__hit{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;cursor:pointer;line-height:0}.scene-tapper__hit:focus-visible{outline:2px solid #232323;outline-offset:2px}.viewport.portfolio--mobile{overflow:auto;-webkit-overflow-scrolling:touch;background-color:#f6f5f8;cursor:auto}.viewport.portfolio--mobile #camera-pan,.viewport.portfolio--mobile .camera-pan,.viewport.portfolio--mobile .scene-infinite-bg,.viewport.portfolio--mobile .scene-chrome,.portfolio-mobile-host[hidden]{display:none!important}.viewport.portfolio--mobile .portfolio-mobile-host.portfolio-mobile:not([hidden]){display:block;position:relative;width:100%;min-height:100%;box-sizing:border-box;background-color:#f6f5f8}.portfolio-mobile__scrin{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;padding:16px}.portfolio-mobile__sidebar.ds-sidebar{width:100%;height:auto;min-height:0;justify-content:flex-start;align-items:stretch;padding:16px;overflow:hidden}.portfolio-mobile__sidebar .ds-sidebar__designer{gap:12px;width:100%}.portfolio-mobile__sidebar .ds-profile.ds-profile--mobile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;width:240px;max-width:100%;height:48px;min-height:48px}.portfolio-mobile__sidebar .ds-profile--mobile .ds-avatar{width:48px;height:48px;min-width:48px;min-height:48px;flex-shrink:0}.portfolio-mobile__sidebar .ds-profile--mobile .ds-profile__meta{flex:1 1 auto;min-width:0;gap:4px}.portfolio-mobile__sidebar .ds-profile__role{font-size:var(--type-text-2-size);line-height:var(--type-text-2-line);font-weight:var(--type-text-2-weight);color:var(--color-gray-l)}.portfolio-mobile__sidebar .ds-sidebar__inform{gap:8px;width:100%}.portfolio-mobile__sidebar .ds-sidebar__bio{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight);color:var(--color-black)}.portfolio-mobile__sidebar .ds-sidebar__skills{flex-wrap:nowrap;align-items:stretch;gap:8px;width:100%}.portfolio-mobile__sidebar .ds-sidebar__skills .ds-button{flex:1 1 0;min-width:0;padding-top:10px;padding-bottom:10px}.portfolio-mobile__projects{display:flex;flex-direction:column;gap:12px;width:100%}.portfolio-mobile__card.ds-card{position:relative;width:100%;height:322px;max-width:none}.portfolio-mobile .ds-fab,.portfolio-mobile-host .ds-fab{position:fixed;right:14px;bottom:24px;z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.portfolio-mobile .ds-fab.is-visible,.portfolio-mobile-host .ds-fab.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.is-page-crossfading{overflow:hidden}.portfolio-page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;background-color:#fefefe;opacity:0;transition:opacity .24s cubic-bezier(.33,.05,.2,1)}.portfolio-page-transition.is-active{opacity:1}body.is-page-crossfading .viewport,body.is-page-crossfading .portfolio-mobile-host{filter:blur(4px);opacity:.55;transition:filter .24s cubic-bezier(.33,.05,.2,1),opacity .24s cubic-bezier(.33,.05,.2,1)}html.is-page-enter-crossfade{background-color:#fefefe}html.is-page-enter-crossfade body{animation:page-crossfade-in .24s cubic-bezier(.33,.05,.2,1) both}@keyframes page-crossfade-in{0%{opacity:.72;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){html.is-page-enter-crossfade body{animation:none}.portfolio-page-transition,body.is-page-crossfading .viewport,body.is-page-crossfading .portfolio-mobile-host,.scene-about-cluster.is-about-expanding,.scene-about-cluster.is-about-expanding .scene-about__item,.scene-node[data-node-kind=card].is-about-dimmed,.scene-node[data-node-kind=card]:not(.is-about-dimmed){transition:none!important}}
