.bg-primary{background:#070707}.bg-secondary{background:#1b1b1b}.bg-tertiary{background:#202020}.border-primary{border:1px solid #2c2c2c}.border-top-primary{border-top:1px solid #2c2c2c}.border-bottom-primary{border-bottom:1px solid #2c2c2c}.border-left-primary{border-left:1px solid #2c2c2c}.border-right-primary{border-right:1px solid #2c2c2c}.border-secondary{border:1px solid #202020}.border-top-secondary{border-top:1px solid #202020}.border-bottom-secondary{border-bottom:1px solid #202020}.border-left-secondary{border-left:1px solid #202020}.border-right-secondary{border-right:1px solid #202020}@font-face{font-family:mono;src:url(/_next/static/media/SilkaMono-Regular.a5120ba2.otf);font-weight:400;font-display:swap}@font-face{font-family:"ibm-serif";src:url(/_next/static/media/IBMPlexSerif-MediumItalic.b7c381f4.ttf);font-weight:medium;font-display:swap}@font-face{font-family:monument;src:url(/_next/static/media/X-Regular.1cfd1b09.woff2);font-weight:400;font-display:swap}@font-face{font-family:monument;src:url(/_next/static/media/X-Medium.2eec4afb.woff2);font-weight:600;font-display:swap}h1{font-size:36px}h1,h2{font-family:monument,sans;color:#fff;line-height:125%}h2{font-size:28px}h3{font-family:monument,sans;font-size:18px}h3,p{color:#fff}p{font-family:mono,monospace;font-size:14px;text-transform:uppercase;font-weight:400;cursor:default}a{text-decoration:none}.text-serif{font-family:"ibm-serif",sans-serif;text-transform:none;font-weight:400}.text-sans{font-family:monument,sans-serif;text-transform:none}.text-medium{font-weight:600}.text-body{font-family:mono,monospace;font-size:14px;color:#fff;text-transform:uppercase;font-weight:400}.body-sans{font-size:16px;text-transform:none;font-family:monument,sans-serif;line-height:145%}.text-caption{font-size:12px}.text-caption,.text-footnote{font-family:mono,monospace;color:#fff;text-transform:uppercase}.text-footnote{font-size:10px}.text-secondary{color:#666}.text-left{text-align:left}.bold{font-weight:600}::selection{background:#2c2c2c}.shadow-sm{box-shadow:0 1px 4px 0 rgba(0,0,0,.6)}.relative{position:relative!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0}.top-8{top:8}.top-16{top:16}.bottom-0{bottom:0}.bottom-8{bottom:8}.bottom-16{bottom:16}.bottom-32{bottom:32px}.left-0{left:0}.left-8{left:8}.left-16{left:16}.right-0{right:0}.right-8{right:8}.right-16{right:16}.row{flex-direction:row}.col,.row{display:flex}.col{flex-direction:column}.align-start{align-items:start}.align-center{align-items:center}.align-end{align-items:end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.justify-end{justify-content:end}.w-100vw{width:100vw}.w-100{width:100%!important}.w-50{width:50%}.h-100vh{height:100vh}.h-90vh{height:90vh}.h-100{height:100%!important}.h-50{height:50%}.aspect-square{aspect-ratio:1/1}.aspect-8x6{aspect-ratio:8/6}.aspect-8x3{aspect-ratio:8/3}.pd-2{padding:2px}.pd-4{padding:4px}.pd-6{padding:6px}.pd-8{padding:8px}.pd-12{padding:12px}.pd-16{padding:16px}.pd-20{padding:20px}.pd-24{padding:24px}.pd-32{padding:32px}.pd-40{padding:40px}.pd-48{padding:48px}.pd-56{padding:56px}.pd-64{padding:64px}.pt-4{padding-top:4px}.pt-8{padding-top:8px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pt-20{padding-top:20px}.pt-24{padding-top:24px}.pt-32{padding-top:32px}.pt-40{padding-top:40px}.pt-48{padding-top:48px}.pt-56{padding-top:56px}.pt-64{padding-top:64px}.pt-80{padding-top:80px}.pt-96{padding-top:96px}.pt-180{padding-top:180px}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-20{padding-bottom:20px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-40{padding-bottom:40px}.pb-48{padding-bottom:48px}.pb-56{padding-bottom:56px}.pb-64{padding-bottom:64px}.pb-80{padding-bottom:80px}.pb-96{padding-bottom:96px}.pb-160{padding-bottom:160px}.mt-2{margin-top:2px}.mb-120{margin-bottom:120px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-64{gap:64px}.gap-80{gap:80px}.gap-120{gap:120px}.icon-4{width:4px}.icon-4,.icon-8{aspect-ratio:1/1}.icon-8{width:8px}.icon-12{width:12px;aspect-ratio:1/1}.icon-16{width:16px;aspect-ratio:1/1}.icon-20{width:20px;aspect-ratio:1/1}.icon-24{width:24px;aspect-ratio:1/1}.icon-32{width:32px;aspect-ratio:1/1}.icon-40{width:40px;aspect-ratio:1/1}.icon-48{width:48px;aspect-ratio:1/1}.icon-64{width:64px;aspect-ratio:1/1}.icon-80{width:80px;aspect-ratio:1/1}.icon-secondary{opacity:29%}.radius-4{border-radius:4px}.radius-8{border-radius:8px}.radius-16{border-radius:16px}.pill{border-radius:120px}*{box-sizing:border-box;margin:0;transition:all .5s cubic-bezier(.15,.85,.45,1);white-space:pre-line}body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased}body,section{background:#070707}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hero-craft{position:relative;overflow:hidden}.hero-craft .content-container{perspective:600px}@media only screen and (max-width:1060px){.hero-craft{padding:64px 32px;overflow:scroll;height:auto}}@media only screen and (max-width:650px){.hero-craft{padding:64px 16px 112px}}@media only screen and (max-height:800px){.hero-craft{overflow:scroll;height:auto}}.hero-project{margin-bottom:350px}.hero-project .content-container{width:624px}.hero-project .content-container .bg-radial{position:absolute;top:-48px;z-index:0;content:"";width:100vw;height:900px;background:radial-gradient(45% 50% at 50% 50%,#161616 0,rgba(7,7,7,0) 75%)}.hero-project .content-container .tab-bar-wrapper{z-index:4;border-radius:0 0 28px 28px}.hero-project:after{content:"";background:#fff;width:300px;height:32px;position:absolute;bottom:-32px;filter:blur(100px);z-index:-1}.hero-project:before{content:"";width:300px;height:1px;background:linear-gradient(90deg,rgba(38,38,38,0),#cecece 50%,rgba(38,38,38,0));position:absolute;bottom:-1px}.logo-sellday{width:-moz-fit-content;width:fit-content;height:32px;aspect-ratio:195/40}@media only screen and (max-width:900px){.hero-project .content-container .bg-radial{top:-64px;background:radial-gradient(100% 50% at 50% 50%,#161616 0,rgba(7,7,7,0) 80%)}}@media only screen and (max-width:700px){.hero-project{padding:0 64px}.hero-project .content-container{width:100%}.hero-project .content-container .text-container{padding-top:96px}.hero-project .content-container .text-container h1{font-family:monument,sans;font-size:28px;color:#fff;line-height:125%}.hero-project .content-container .detail-container{flex-direction:column;gap:0}}@media only screen and (max-width:600px){.hero-project{padding:0 24px}}@media only screen and (max-width:550px){.hero-project{padding:0 24px}.hero-project .card-container{border:1px solid #202020;padding:16px;border-radius:16px;flex-direction:column;gap:24px;justify-content:start}.hero-project .card-container .project-card-container{width:100%}}.on-working-container .content-container .illustration{width:180px;height:180px}.on-working-container .content-container h1,.on-working-container .content-container p{text-align:center}.board-main-container{max-width:1400px;min-height:688px;background:radial-gradient(32.75% 50% at 50% 50%,#181818 0,rgba(7,7,7,.5) 100%),#1b1b1b;overflow:hidden}.board-main-container .content-container{background:url(/images/board-pattern.svg);background-size:100%;background-position:50%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.board-main-container .board-name{grid-area:1/2/2/3;align-self:center;justify-self:center}.board-main-container .body-center{grid-area:2/2/4/3;align-self:center;justify-self:center}.board-main-container .copy-email{grid-area:4/2/5/3;align-self:center;justify-self:center}.board-main-container .project-website{grid-area:1/1/3/2;justify-self:flex-start;align-self:flex-start}.board-main-container .project-ario{grid-area:3/1/5/2;justify-self:flex-start;align-self:flex-end}.board-main-container .sticky-note{grid-area:1/3/3/4;justify-self:flex-end;align-self:flex-start}.board-main-container .project-sunday{grid-area:3/3/5/4;justify-self:flex-end;align-self:flex-end}@media only screen and (min-height:1000px)and (min-width:1180px){.board-main-container{max-height:900px}}@media only screen and (max-width:1180px){.board-main-container .content-container .grid-content,.board-main-container .content-container .grid-content .project-card-container{width:250px}}@media only screen and (max-width:1060px){.board-main-container{background:radial-gradient(50% 50% at 50% 50%,#181818 0,rgba(7,7,7,.5) 100%),#1b1b1b}.board-main-container .content-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,auto);padding-top:48px}.board-main-container .content-container .grid-content{align-self:center;justify-self:center;width:300px}.board-main-container .content-container .grid-content .project-card-container{width:300px}.board-main-container .content-container .board-name{grid-area:1/1/2/3;align-self:center;justify-self:center}.board-main-container .content-container .body-center{grid-area:2/1/3/3;align-self:center;justify-self:center}.board-main-container .content-container .copy-email{grid-area:3/1/4/3}.board-main-container .content-container .project-website{grid-area:4/1/5/2}.board-main-container .content-container .project-ario{grid-area:4/2/5/3}.board-main-container .content-container .sticky-note{grid-area:5/1/6/2}.board-main-container .content-container .project-sunday{grid-area:5/2/6/3}}@media only screen and (max-width:750px){.board-main-container{background:radial-gradient(75% 50% at 50% 50%,#181818 0,rgba(7,7,7,.5) 100%),#1b1b1b}.board-main-container .content-container .grid-content,.board-main-container .content-container .grid-content .project-card-container{width:250px}}@media only screen and (max-width:650px){.board-main-container{width:400px!important;height:auto;padding:16px}.board-main-container .content-container{display:flex;flex-direction:column;gap:24px;padding-top:32px;justify-content:flex-start}.board-main-container .content-container .grid-content,.board-main-container .content-container .grid-content .project-card-container{width:300px}.board-main-container .content-container .body-center{width:180px}}@media only screen and (max-width:500px){.board-main-container{width:100%!important}.board-main-container .content-container{background-size:275%;padding:32px 16px 16px}.board-main-container .content-container .grid-content,.board-main-container .content-container .grid-content .project-card-container{width:100%}}.img-wrapper{position:relative;overflow:hidden}.img-wrapper .img{object-fit:cover}.status-bar-container{height:64px;padding:0 64px;z-index:2}.status-bar-container .content-container{max-width:1400px}.status-bar-container .content-container .status-active .dot-status{background:#32ce70;animation:pulse-animation 2s infinite}.status-bar-container .content-container .status-inactive .dot-status{background:#666}.status-bar-container .content-container .status-inactive p{color:#666}.status-bar-container .content-container .avail-status{padding:2px 8px 2px 2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.6)}.status-bar-container .content-container .avail-status .dot-status{width:8px;margin:6px}.status-bar-container .content-container .avail-status p{cursor:pointer}.status-bar-container .content-container .cta-container .key-container{width:20px;transform:translateY(-2px);box-shadow:0 2px 0 0 #252525;cursor:default}.status-bar-container .content-container .cta-container .key-container:hover{border:1px solid #202020;transform:translateY(0);box-shadow:none;color:#fff;fill:drop-shadow(0 0 16px #fff);cursor:pointer}.status-bar-container .content-container .cta-container .key-container:active{color:#666}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 rgba(128,255,178,.4)}to{box-shadow:0 0 0 8px rgba(128,255,178,0)}}@media only screen and (max-width:1180px){.status-bar-container{padding:0 32px}.status-bar-container .avail-container{justify-content:end}.status-bar-container .status-container{display:none}}@media only screen and (max-width:650px){.status-bar-container{padding:0 16px}.status-bar-container .content-container,.status-bar-container .content-container .avail-container{justify-content:center}.status-bar-container .content-container .location-container,.status-bar-container .content-container .status-container{display:none}}.btn-container .label:active{color:#666}.btn-container:hover{background:#202020;cursor:pointer}.btn-container:hover .icon{opacity:1;filter:drop-shadow(0 0 16px rgb(255,255,255))}.btn-text{background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#1b1b1b}.btn-text:after{content:"";width:50%;height:1px;background:linear-gradient(90deg,rgba(38,38,38,0),#cecece 50%,rgba(38,38,38,0));position:absolute;top:-1px;left:25%;transition:all .5s cubic-bezier(.15,.85,.45,1)}.btn-text:hover{background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#202020}.btn-text:hover:after{opacity:32%}.btn-text .icon{display:none}.btn-text:hover{transform:translateY(-8px)}.btn-icon{height:40px;aspect-ratio:1/1}.btn-icon .label{display:none}.btn-icon:active .icon{opacity:27%}.btn-link{color:#666;cursor:pointer}.btn-link:hover{color:#fff;filter:drop-shadow(0 0 16px rgb(255,255,255))}.dock-main-container .dock-container{height:64px;width:-moz-fit-content;width:fit-content;background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#1b1b1b}.dock-main-container .dock-container:after{content:"";width:50%;height:1px;background:linear-gradient(90deg,rgba(38,38,38,0),#cecece 50%,rgba(38,38,38,0));position:absolute;top:-1px;left:25%;transition:all .5s cubic-bezier(.15,.85,.45,1)}.dock-main-container .dock-container:hover{background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#202020}.dock-main-container .dock-container:hover:after{opacity:32%}.dock-main-container .dock-container .separator{height:40px}.dock-main-container .dock-container .separator .separator-item{height:24px;width:2px;background:#2c2c2c}.dock-main-container .dock-container .btn-wrapper{transition:none;z-index:2}.dock-main-container .dock-container .btn-wrapper .tooltip{opacity:0;width:-moz-fit-content;width:fit-content}.dock-main-container .dock-container .btn-wrapper .btn-icon .icon{width:50%}.dock-main-container .dock-container .btn-wrapper:hover .tooltip{opacity:1}@media only screen and (max-width:650px){.dock-main-container{bottom:24px}.dock-main-container .tooltip{display:none}}@media only screen and (max-width:500px){.dock-main-container{padding:0 16px}.dock-main-container .dock-container{width:100%;justify-content:space-between;gap:0}}.work-list-container .separator{padding:3px 0;flex:1 0}.work-list-container .separator .separator-item{height:1px;background:#2c2c2c}.profile-card-container{width:600px}.profile-card-container .line-vertical{width:1px;transform:translateY(-50%);transform-origin:center}.profile-card-container .line-horizontal{height:1px;transform:translateX(-50%);transform-origin:center}.profile-card-container .line-top{top:0;left:50%}.profile-card-container .line-bottom{bottom:0;left:50%}.profile-card-container .line-left{top:50%;left:0}.profile-card-container .line-right{top:50%;right:0}.profile-card-container .avatar-wrapper{width:-moz-fit-content;width:fit-content}.profile-card-container .video-container .video{width:300px;aspect-ratio:4/2.5}.profile-card-container .section-title{border-bottom:1px solid #2c2c2c;padding:16px 0}@media only screen and (max-width:650px){.profile-card-container{width:calc(100% - 32px);padding:16px}}.project-card-wrapper .project-card-container{width:300px;transform:translateY(0);overflow:hidden;transform-origin:center}.project-card-wrapper .project-card-container .badge-container{position:absolute;top:8px;left:8px;z-index:2}.project-card-wrapper .project-card-container .project-thumbnail-container{overflow:hidden}.project-card-wrapper .project-card-container .project-thumbnail-container .locked-container{z-index:1}.project-card-wrapper .project-card-container .project-thumbnail-container .mobile-container .mobile-center{width:160px;aspect-ratio:767/1562;z-index:1;transform:translateY(48px)}.project-card-wrapper .project-card-container .project-thumbnail-container .mobile-container .mobile-side{width:132px;aspect-ratio:767/1562;transform-origin:bottom}.project-card-wrapper .project-card-container .project-thumbnail-container .mobile-container .mobile-right{transform:translate(-24px,72px)}.project-card-wrapper .project-card-container .project-thumbnail-container .mobile-container .mobile-left{transform:translate(24px,72px)}.project-card-wrapper .project-card-container .project-detail-container{overflow:hidden;height:70px;background:radial-gradient(158.59% 100% at 50% 0,hsla(0,0%,5%,.6) 0,rgba(30,30,30,.6) 100%),#1b1b1b;z-index:1}.project-card-wrapper:hover{cursor:pointer;transform:translateY(-8px)}.project-card-wrapper:hover .bg-project-container{opacity:1}.project-card-wrapper:hover .project-card-container{background:#070707}.project-card-wrapper:hover .project-card-container .badge-container p{color:#fff}.project-card-wrapper:hover .project-thumbnail-container .locked-container{margin-top:43px}.project-card-wrapper:hover .project-thumbnail-container .locked-container .icon{filter:drop-shadow(0 0 16px rgb(255,255,255));opacity:1}.project-card-wrapper:hover .project-thumbnail-container .mobile-container{align-items:center;justify-content:space-around}.project-card-wrapper:hover .project-thumbnail-container .mobile-container .mobile-center{transform:translateY(32px)}.project-card-wrapper:hover .project-thumbnail-container .mobile-container .mobile-right{transform:translate(-16px,48px)}.project-card-wrapper:hover .project-thumbnail-container .mobile-container .mobile-left{transform:translate(16px,48px)}.project-card-wrapper:hover .project-detail-container{height:43px}.project-card-wrapper:hover .project-detail-container .text-desc{opacity:0}.bg-project-container{flex-wrap:wrap;opacity:0}.bg-project-container:after{position:absolute;top:25%;left:25%;content:"";width:50%;aspect-ratio:1/1;border-radius:100px;background:hsla(0,0%,100%,.5);filter:blur(90px)}.bg-project-container:before{position:absolute;content:"";width:100%;height:100%;background:radial-gradient(50% 50% at 50% 50%,rgba(7,7,7,0) 0,rgba(7,7,7,.75) 100%)}.bg-project-container .bg-item{width:10%;height:10%;border:.5px solid #2c2c2c;animation:blink infinite}.bg-project-container .bg-item:first-child{animation-duration:4s;animation-delay:4s;transition-duration:10s}.bg-project-container .bg-item:nth-child(2){animation-duration:8s;animation-delay:5s;transition-duration:2s}.bg-project-container .bg-item:nth-child(3){animation-duration:12s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(4){animation-duration:6s;animation-delay:5s;transition-duration:8s}.bg-project-container .bg-item:nth-child(5){animation-duration:8s;animation-delay:1s;transition-duration:8s}.bg-project-container .bg-item:nth-child(6){animation-duration:10s;animation-delay:2s;transition-duration:2s}.bg-project-container .bg-item:nth-child(7){animation-duration:6s;animation-delay:4s;transition-duration:12s}.bg-project-container .bg-item:nth-child(8){animation-duration:8s;animation-delay:2s;transition-duration:12s}.bg-project-container .bg-item:nth-child(9){animation-duration:2s;animation-delay:4s;transition-duration:2s}.bg-project-container .bg-item:nth-child(10){animation-duration:8s;animation-delay:3s;transition-duration:2s}.bg-project-container .bg-item:nth-child(11){animation-duration:12s;animation-delay:4s;transition-duration:12s}.bg-project-container .bg-item:nth-child(12){animation-duration:4s;animation-delay:2s;transition-duration:8s}.bg-project-container .bg-item:nth-child(13){animation-duration:2s;animation-delay:3s;transition-duration:4s}.bg-project-container .bg-item:nth-child(14){animation-duration:12s;animation-delay:2s;transition-duration:8s}.bg-project-container .bg-item:nth-child(15){animation-duration:12s;animation-delay:5s;transition-duration:6s}.bg-project-container .bg-item:nth-child(16){animation-duration:10s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(17){animation-duration:2s;animation-delay:4s;transition-duration:10s}.bg-project-container .bg-item:nth-child(18){animation-duration:10s;animation-delay:4s;transition-duration:6s}.bg-project-container .bg-item:nth-child(19){animation-duration:10s;animation-delay:5s;transition-duration:4s}.bg-project-container .bg-item:nth-child(20){animation-duration:6s;animation-delay:5s;transition-duration:2s}.bg-project-container .bg-item:nth-child(21){animation-duration:10s;animation-delay:5s;transition-duration:10s}.bg-project-container .bg-item:nth-child(22){animation-duration:4s;animation-delay:2s;transition-duration:12s}.bg-project-container .bg-item:nth-child(23){animation-duration:12s;animation-delay:5s;transition-duration:10s}.bg-project-container .bg-item:nth-child(24){animation-duration:4s;animation-delay:2s;transition-duration:8s}.bg-project-container .bg-item:nth-child(25){animation-duration:4s;animation-delay:5s;transition-duration:10s}.bg-project-container .bg-item:nth-child(26){animation-duration:10s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(27){animation-duration:12s;animation-delay:1s;transition-duration:8s}.bg-project-container .bg-item:nth-child(28){animation-duration:2s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(29){animation-duration:10s;animation-delay:3s;transition-duration:4s}.bg-project-container .bg-item:nth-child(30){animation-duration:2s;animation-delay:1s;transition-duration:4s}.bg-project-container .bg-item:nth-child(31){animation-duration:6s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(32){animation-duration:6s;animation-delay:4s;transition-duration:6s}.bg-project-container .bg-item:nth-child(33){animation-duration:8s;animation-delay:1s;transition-duration:12s}.bg-project-container .bg-item:nth-child(34){animation-duration:6s;animation-delay:3s;transition-duration:10s}.bg-project-container .bg-item:nth-child(35){animation-duration:6s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(36){animation-duration:4s;animation-delay:5s;transition-duration:12s}.bg-project-container .bg-item:nth-child(37){animation-duration:10s;animation-delay:2s;transition-duration:12s}.bg-project-container .bg-item:nth-child(38){animation-duration:6s;animation-delay:4s;transition-duration:2s}.bg-project-container .bg-item:nth-child(39){animation-duration:2s;animation-delay:2s;transition-duration:8s}.bg-project-container .bg-item:nth-child(40){animation-duration:4s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(41){animation-duration:2s;animation-delay:2s;transition-duration:2s}.bg-project-container .bg-item:nth-child(42){animation-duration:6s;animation-delay:3s;transition-duration:10s}.bg-project-container .bg-item:nth-child(43){animation-duration:8s;animation-delay:5s;transition-duration:12s}.bg-project-container .bg-item:nth-child(44){animation-duration:8s;animation-delay:2s;transition-duration:12s}.bg-project-container .bg-item:nth-child(45){animation-duration:8s;animation-delay:3s;transition-duration:2s}.bg-project-container .bg-item:nth-child(46){animation-duration:8s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(47){animation-duration:8s;animation-delay:1s;transition-duration:12s}.bg-project-container .bg-item:nth-child(48){animation-duration:8s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(49){animation-duration:8s;animation-delay:5s;transition-duration:2s}.bg-project-container .bg-item:nth-child(50){animation-duration:4s;animation-delay:3s;transition-duration:2s}.bg-project-container .bg-item:nth-child(51){animation-duration:2s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(52){animation-duration:6s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(53){animation-duration:2s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(54){animation-duration:8s;animation-delay:1s;transition-duration:4s}.bg-project-container .bg-item:nth-child(55){animation-duration:4s;animation-delay:2s;transition-duration:2s}.bg-project-container .bg-item:nth-child(56){animation-duration:2s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(57){animation-duration:12s;animation-delay:5s;transition-duration:6s}.bg-project-container .bg-item:nth-child(58){animation-duration:8s;animation-delay:3s;transition-duration:2s}.bg-project-container .bg-item:nth-child(59){animation-duration:12s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(60){animation-duration:2s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(61){animation-duration:6s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(62){animation-duration:8s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(63){animation-duration:12s;animation-delay:2s;transition-duration:8s}.bg-project-container .bg-item:nth-child(64){animation-duration:6s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(65){animation-duration:10s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(66){animation-duration:6s;animation-delay:5s;transition-duration:2s}.bg-project-container .bg-item:nth-child(67){animation-duration:12s;animation-delay:4s;transition-duration:10s}.bg-project-container .bg-item:nth-child(68){animation-duration:8s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(69){animation-duration:2s;animation-delay:3s;transition-duration:8s}.bg-project-container .bg-item:nth-child(70){animation-duration:4s;animation-delay:1s;transition-duration:6s}.bg-project-container .bg-item:nth-child(71){animation-duration:4s;animation-delay:1s;transition-duration:10s}.bg-project-container .bg-item:nth-child(72){animation-duration:2s;animation-delay:2s;transition-duration:10s}.bg-project-container .bg-item:nth-child(73){animation-duration:12s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(74){animation-duration:8s;animation-delay:5s;transition-duration:8s}.bg-project-container .bg-item:nth-child(75){animation-duration:8s;animation-delay:5s;transition-duration:4s}.bg-project-container .bg-item:nth-child(76){animation-duration:10s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(77){animation-duration:12s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(78){animation-duration:6s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(79){animation-duration:10s;animation-delay:1s;transition-duration:6s}.bg-project-container .bg-item:nth-child(80){animation-duration:6s;animation-delay:2s;transition-duration:12s}.bg-project-container .bg-item:nth-child(81){animation-duration:12s;animation-delay:1s;transition-duration:12s}.bg-project-container .bg-item:nth-child(82){animation-duration:10s;animation-delay:1s;transition-duration:12s}.bg-project-container .bg-item:nth-child(83){animation-duration:10s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(84){animation-duration:12s;animation-delay:4s;transition-duration:10s}.bg-project-container .bg-item:nth-child(85){animation-duration:12s;animation-delay:4s;transition-duration:6s}.bg-project-container .bg-item:nth-child(86){animation-duration:4s;animation-delay:3s;transition-duration:4s}.bg-project-container .bg-item:nth-child(87){animation-duration:12s;animation-delay:4s;transition-duration:8s}.bg-project-container .bg-item:nth-child(88){animation-duration:2s;animation-delay:2s;transition-duration:6s}.bg-project-container .bg-item:nth-child(89){animation-duration:4s;animation-delay:3s;transition-duration:8s}.bg-project-container .bg-item:nth-child(90){animation-duration:12s;animation-delay:3s;transition-duration:6s}.bg-project-container .bg-item:nth-child(91){animation-duration:4s;animation-delay:5s;transition-duration:2s}.bg-project-container .bg-item:nth-child(92){animation-duration:12s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(93){animation-duration:4s;animation-delay:3s;transition-duration:6s}.bg-project-container .bg-item:nth-child(94){animation-duration:4s;animation-delay:1s;transition-duration:2s}.bg-project-container .bg-item:nth-child(95){animation-duration:2s;animation-delay:3s;transition-duration:6s}.bg-project-container .bg-item:nth-child(96){animation-duration:10s;animation-delay:4s;transition-duration:4s}.bg-project-container .bg-item:nth-child(97){animation-duration:12s;animation-delay:3s;transition-duration:12s}.bg-project-container .bg-item:nth-child(98){animation-duration:4s;animation-delay:2s;transition-duration:4s}.bg-project-container .bg-item:nth-child(99){animation-duration:10s;animation-delay:5s;transition-duration:4s}.bg-project-container .bg-item:nth-child(100){animation-duration:2s;animation-delay:5s;transition-duration:8s}.project-locked .locked-container{display:block}.project-locked .mobile-container,.project-mobile .locked-container{display:none}.project-mobile .mobile-container{display:flex}@keyframes blink{0%{background:none}50%{background:#202020}to{background:none}}@media only screen and (max-width:750px){.project-card-wrapper .project-card-container{width:250px}.project-card-wrapper .project-card-container .bg-project-container{display:none}.project-card-wrapper .project-card-container:hover .project-thumbnail-container .locked-container{margin-top:0}.project-card-wrapper .project-card-container:hover .project-thumbnail-container .locked-container .icon{filter:drop-shadow(0 0 16px rgb(255,255,255));opacity:1}.project-card-wrapper .project-card-container:hover .project-detail-container{height:auto}.project-card-wrapper .project-card-container:hover .project-detail-container .text-desc{opacity:1}}.tab-bar-container{z-index:4}.tab-bar-container .content-container{width:624px;background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#1b1b1b}.tab-bar-container .content-container:after{content:"";width:50%;height:1px;background:linear-gradient(90deg,rgba(38,38,38,0),#cecece 50%,rgba(38,38,38,0));position:absolute;top:-1px;left:25%;transition:all .5s cubic-bezier(.15,.85,.45,1)}.tab-bar-container .content-container:hover{background:radial-gradient(50% 100% at 50% 0,#333 0,rgba(7,7,7,0) 100%),#202020}.tab-bar-container .content-container:hover:after{opacity:32%}.tab-bar-container .content-container .project-title{display:none}.tab-bar-container .content-container .nav-item-container .nav-item{padding:0 16px}@media only screen and (max-width:700px){.tab-bar-container .content-container{width:100%}.tab-bar-container .content-container .project-title{display:block}.tab-bar-container .content-container .nav-item-container{display:none}}::-webkit-scrollbar{display:none}.avatar-head-container{width:-moz-fit-content;width:fit-content;width:115px}.avatar-head-container .avatar-hover{display:none}.avatar-head-container:hover .avatar-head{transform:rotate(-10deg);cursor:pointer}.avatar-head-container:hover .avatar-hover{display:block}.avatar-head-container:hover .avatar-idle{display:none}.tooltip{background:#1b1b1b;border:1px solid #2c2c2c;padding:4px;border-radius:4px;box-shadow:0 1px 4px 0 rgba(0,0,0,.6)}.sticky-note{width:300px}.sticky-note .sticky-note-content{width:200px;overflow:hidden}.sticky-note .sticky-note-content .sticky-note-header .title{height:13px;aspect-ratio:64/13}.sticky-note .sticky-note-content .sticky-note-header .draw{height:8px;aspect-ratio:21.5/8}.sticky-note .sticky-note-content h2{font-size:24px}.sticky-note .sticky-note-content:hover{cursor:pointer}.sticky-note .sticky-note-content:hover span{color:#fff}.sticky-note .top-wrapper:hover{transform:rotate(-10deg) scale(1.1);z-index:2}.sticky-note .bottom-wrapper:hover{transform:rotate(10deg) scale(1.1);z-index:2}.sticky-note .arrow{width:60px;height:40px}@media only screen and (max-width:750px){.sticky-note .arrow{display:none}}.body-center{width:250px;aspect-ratio:260/310}.body-center .content-wrapper .body-center-item{aspect-ratio:260/310;display:none}.body-center .content-wrapper .base-container{display:block;background:url(/images/body-center/base-1.webp);background-size:contain}.body-center .content-wrapper .body-container,.body-center .content-wrapper .head-container{display:block;background:none;background-size:contain}.body-center .content-wrapper .logo{width:64px;bottom:-8px;right:-8px;animation:rotating 2s linear infinite}.body-center:hover .base-container{animation:base .5s infinite}@keyframes base{0%{background:url(/images/body-center/base-1.webp);background-size:contain}32%{background:url(/images/body-center/base-1.webp);background-size:contain}33%{background:url(/images/body-center/base-2.webp);background-size:contain}65%{background:url(/images/body-center/base-2.webp);background-size:contain}66%{background:url(/images/body-center/base-3.webp);background-size:contain}99%{background:url(/images/body-center/base-3.webp);background-size:contain}to{background:url(/images/body-center/base-1.webp);background-size:contain}}@keyframes head{0%{background:url(/images/body-center/head-gojo.png);background-size:contain}32%{background:url(/images/body-center/head-gojo.png);background-size:contain}33%{background:url(/images/body-center/head-indian.png);background-size:contain}65%{background:url(/images/body-center/head-indian.png);background-size:contain}66%{background:url(/images/body-center/head-spiral.png);background-size:contain}99%{background:url(/images/body-center/head-spiral.png);background-size:contain}to{background:url(/images/body-center/head-gojo.png);background-size:contain}}@keyframes body{0%{background:url(/images/body-center/body-gojo.png);background-size:contain}32%{background:url(/images/body-center/body-gojo.png);background-size:contain}33%{background:url(/images/body-center/body-shirt.png);background-size:contain}65%{background:url(/images/body-center/body-shirt.png);background-size:contain}66%{background:url(/images/body-center/body-konoha.png);background-size:contain}99%{background:url(/images/body-center/body-konoha.png);background-size:contain}to{background:url(/images/body-center/body-gojo.png);background-size:contain}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.copy-email-container{padding:6px}.copy-email-container .email-container{padding:0 12px}.copy-email-container .tooltip{top:-32px}.copy-email-text{width:180px;aspect-ratio:180/17}@media only screen and (max-width:650px){.copy-email-text{display:none}}.board-name .board-name-images{height:64px;aspect-ratio:385.86/80}.loader-container{animation:loader-animation 1s;opacity:0;z-index:-1}.loader-container .content-container{width:96px;height:96px}.loader-container .content-container .inner,.loader-container .content-container .outer{width:96px;height:96px;animation:rotating 1s linear infinite}@keyframes loader-animation{0%{opacity:0;z-index:3}50%{opacity:1;z-index:3}to{opacity:0;z-index:3}}.footer-container{height:350px;z-index:-2}.footer-container .content-container{width:624px}.footer-container .content-container .logo-container .inner{animation:rotating 2s linear infinite}@media only screen and (max-width:600px){.footer-container .content-container{width:calc(100% - 48px)}.footer-container .content-container .icon-32{display:none}}