@import"https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}body{background-color:#000;color:#fff;font-family:Fragment Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ol,ul{list-style:none}.dud{color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.bg-video{-o-object-fit:cover;object-fit:cover}.bg-video,.overlay-bg{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.overlay-bg{pointer-events:none}.global-nav{left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:100}.global-nav .nav-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto}.global-nav .nav-content .brand-container{display:flex;flex-direction:column;gap:.5rem}.global-nav .nav-content .brand-container .brand{align-items:center;display:flex}.global-nav .nav-content .brand-container .brand .nav-logo{display:block;height:40px;width:auto}.global-nav .nav-content .nav-menu-container{margin-right:-.5rem;margin-top:0;position:relative}.global-nav .nav-content .nav-menu-container .hamburger-btn{background:none;border:none;cursor:pointer;height:50px;padding:0;position:relative;width:50px}.global-nav .nav-content .nav-menu-container .hamburger-btn .line{background-color:#fff;display:block;height:2px;position:absolute;right:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.global-nav .nav-content .nav-menu-container .hamburger-btn .line-top{top:20px;width:30px}.global-nav .nav-content .nav-menu-container .hamburger-btn .line-bottom{top:28px;width:20px}.global-nav .nav-content .nav-menu-container .hamburger-btn:hover{opacity:.8}.global-nav .nav-content .nav-menu-container .hamburger-btn:hover .line-bottom{width:30px}.global-nav .nav-content .nav-menu-container .hamburger-btn.active .line-top{top:24px;transform:rotate(45deg);width:30px}.global-nav .nav-content .nav-menu-container .hamburger-btn.active .line-bottom{top:24px;transform:rotate(-45deg);width:30px}.global-nav .nav-content .nav-menu-container .nav-dropdown{display:block;flex-direction:column;margin-top:.5rem;padding:0;position:absolute;right:10px;text-align:right;top:100%;transform-origin:top right;z-index:101}.global-nav .nav-content .nav-menu-container .nav-dropdown .menu-link{color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;letter-spacing:.1rem;margin-bottom:.8rem;position:relative;text-align:right}.global-nav .nav-content .nav-menu-container .nav-dropdown .menu-link:after{background:#fff;bottom:-5px;content:"";height:1px;position:absolute;right:0;transition:width .3s;width:0}.global-nav .nav-content .nav-menu-container .nav-dropdown .menu-link.router-link-active:after,.global-nav .nav-content .nav-menu-container .nav-dropdown .menu-link:hover:after{width:100%}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.login-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1200ff33;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:200}.login-modal,.login-modal .modal-content{align-items:center;display:flex;width:100%}.login-modal .modal-content{flex-direction:column;gap:1rem;max-width:400px;padding:2rem;position:relative;text-align:center}.login-modal .modal-content p{font-size:.7rem;line-height:1.2rem}.login-modal .modal-content p .email-wrapper{align-items:center;display:inline-flex;position:relative}.login-modal .modal-content p .email-wrapper .email{border-bottom:1px solid #fff;cursor:pointer;transition:opacity .3s}.login-modal .modal-content p .email-wrapper .email:hover{opacity:.7}.login-modal .modal-content p .email-wrapper .email.copied{border-bottom-color:#ffffff80}.login-modal .modal-content p .email-wrapper .copy-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:12px;justify-content:center;margin-left:.3rem;vertical-align:middle;width:12px}.login-modal .modal-content p .email-wrapper .copy-btn svg{height:100%;width:100%}.login-modal .modal-content p .email-wrapper .copy-balloon{background:#fff9;border-radius:4px;bottom:150%;color:#1200ff;font-size:10px;font-weight:700;left:50%;padding:.3rem .6rem;pointer-events:none;position:absolute;transform:translate(-50%);white-space:nowrap}.login-modal .modal-content p .email-wrapper .copy-balloon:after{border:5px solid transparent;border-top-color:#fff9;content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.login-modal .modal-content .close-modal{background:none;border:none;cursor:pointer;height:40px;opacity:.7;position:relative;transition:opacity .3s,transform .3s;width:40px}.login-modal .modal-content .close-modal .line{background-color:#fff;height:1px;left:50%;position:absolute;top:50%;width:30px}.login-modal .modal-content .close-modal .line-1{transform:translate(-50%,-50%) rotate(45deg)}.login-modal .modal-content .close-modal .line-2{transform:translate(-50%,-50%) rotate(-45deg)}.login-modal .modal-content .close-modal:hover{opacity:1;transform:scale(1.1)}.login-modal .modal-content .input-group{align-items:center;border-bottom:1px solid #fff;display:flex;padding-bottom:.5rem;width:18.5rem}.login-modal .modal-content .input-group input{background:transparent;border:none;color:#fff;flex-grow:1;font-size:1.2rem;outline:none;padding:.5rem 0;text-align:left}.login-modal .modal-content .input-group input::-moz-placeholder{color:#ffffff4d;font-size:1rem}.login-modal .modal-content .input-group input::placeholder{color:#ffffff4d;font-size:1rem}.login-modal .modal-content .input-group input.error{animation:shake .5s;color:#ff3e3e}.login-modal .modal-content .input-group .login-btn-icon{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 0;transition:transform .3s}.login-modal .modal-content .input-group .login-btn-icon:hover{transform:translate(5px)}.login-modal .modal-content .input-group .login-btn-icon svg{fill:currentColor;height:24px;width:24px}.global-footer{bottom:0;padding:1.5rem 2rem;pointer-events:none;position:fixed;width:100%;z-index:100}.global-footer .footer-content{align-items:flex-end;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:0 auto;pointer-events:auto}.global-footer .footer-content .copy{color:#fff;font-size:.8rem;letter-spacing:1px;opacity:.8}.global-footer .footer-content .social-links{display:flex;gap:1.5rem}.global-footer .footer-content .social-links a{color:#fff;font-size:.75rem;position:relative;transition:opacity .3s}.global-footer .footer-content .social-links a:after{background:#fff;bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.global-footer .footer-content .social-links a:hover:after{width:100%}.global-footer .footer-content .social-links a:hover{opacity:1}.layout{align-items:flex-start;display:flex;flex-direction:column;margin:1rem 0 0;padding:0 2rem;width:100%}.layout.layout--one-col{align-items:center;flex-direction:column}.layout.layout--one-col .content-area{margin:0 auto}.layout .sidebar{margin-bottom:3rem}.layout .sidebar .filter-title,.layout .sidebar .view-title{display:inline-block;font-size:1rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem}@media screen and (max-width:768px){.layout .sidebar .filter-title{border-bottom:1px solid #fff;cursor:pointer;padding-bottom:2px}}.layout .sidebar .view-toggle{margin-bottom:2rem}.layout .sidebar .view-toggle .toggle-buttons{display:flex;flex-direction:column;gap:.5rem}.layout .sidebar .view-toggle .toggle-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:1rem;padding:0 0 0 1.5rem;position:relative;text-align:left;transition:all .3s}.layout .sidebar .view-toggle .toggle-btn:before{content:">";left:0;opacity:0;position:absolute;transition:opacity .3s}.layout .sidebar .view-toggle .toggle-btn.active,.layout .sidebar .view-toggle .toggle-btn:hover{color:#fff;opacity:1}.layout .sidebar .view-toggle .toggle-btn.active:before,.layout .sidebar .view-toggle .toggle-btn:hover:before{opacity:1}.layout .sidebar .filters{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width:768px){.layout .sidebar .filters{gap:.8rem;margin-top:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out,margin-top .3s}}.layout .sidebar .filters li{cursor:pointer;font-size:1rem;opacity:.5;padding-left:1rem;position:relative;transition:all .3s}.layout .sidebar .filters li:before{content:">";left:0;opacity:0;position:absolute;transition:opacity .3s}.layout .sidebar .filters li.active,.layout .sidebar .filters li.active:before,.layout .sidebar .filters li:active,.layout .sidebar .filters li:active:before,.layout .sidebar .filters li:hover,.layout .sidebar .filters li:hover:before{opacity:1}@media screen and (max-width:768px){.layout .sidebar .filter-section.is-open .filters{margin-top:1rem;max-height:500px}}.layout .sidebar .back-btn{align-items:center;border-bottom:1px solid #fff;color:#fff;cursor:pointer;display:inline-flex;font-family:Fragment Mono,monospace;font-size:1rem;font-weight:700;gap:0;letter-spacing:2px;margin-bottom:2rem;padding-left:1.2rem;position:relative;text-decoration:none;transition:opacity .3s}.layout .sidebar .back-btn:before{content:"<";left:0;opacity:1;position:absolute;transition:opacity .3s}.layout .sidebar .back-btn:hover{opacity:.7}.layout .content-area{flex-grow:1;width:100%}.layout .content-area.about-content-area .section-title{margin-bottom:1rem}.layout .content-area .section-title{font-size:2rem;font-weight:200;letter-spacing:.2rem;line-height:2rem;margin-bottom:2rem}.works-page{min-height:100vh;padding-top:6rem}.works-page .works-grid{display:grid;gap:0 1rem;grid-template-columns:repeat(3,1fr);padding-bottom:3rem;padding-top:1rem}@media screen and (max-width:768px){.works-page .works-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}.works-page .works-grid .work-item{animation:fadeIn .5s ease-out;aspect-ratio:16/9;cursor:pointer;min-width:0;position:relative;transition:all .3s;width:100%}.works-page .works-grid .work-item:hover .thumbnail-wrapper .crt-overlay,.works-page .works-grid .work-item:hover .thumbnail-wrapper .noise{opacity:.9}.works-page .works-grid .work-item:hover img{filter:blur(1px) brightness(1.2)}.works-page .works-grid .work-item .thumbnail-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.works-page .works-grid .work-item .thumbnail-wrapper .crt-overlay,.works-page .works-grid .work-item .thumbnail-wrapper .noise{opacity:0;transition:opacity .3s ease}.works-page .works-grid .work-item img{display:block;height:auto;-o-object-fit:cover;object-fit:cover;transition:opacity .3s;width:100%}.works-page .works-grid .work-item .overlay{opacity:1;padding:.8rem 0 2rem;transition:opacity .3s;width:100%}.works-page .works-grid .work-item .overlay .work-info{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.works-page .works-grid .work-item .overlay .work-main{align-items:baseline;display:flex;gap:.8rem;min-width:0}.works-page .works-grid .work-item .overlay .work-id{flex-shrink:0;font-size:.7rem;font-weight:400;opacity:.5}.works-page .works-grid .work-item .overlay .work-title{font-size:.9rem;font-weight:500;letter-spacing:.05rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.works-page .works-grid .work-item .overlay .work-category{flex-shrink:0;font-size:.7rem;letter-spacing:.1rem;opacity:.5;text-transform:uppercase}@keyframes blinkEffect{0%{opacity:0}to{opacity:.7}}.works-page.vertical-view{height:100vh;overflow:hidden;padding-top:0}.works-page.vertical-view .layout{height:100%;margin-top:0}.works-page.vertical-view .sidebar{margin-top:6rem;z-index:10}.works-page.vertical-view .content-area{height:100%;margin:0;overflow:hidden;position:relative;width:100%}.works-page.vertical-view .content-area .section-title{left:0;pointer-events:none;position:absolute;top:6rem;z-index:5}.works-page.vertical-view .vertical-loop-container{display:flex;gap:20px;height:80vh;justify-content:center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);position:absolute;top:15vh;transform:translateY(-10vh) rotate(-5deg);transform:translateY(0);width:100%}.works-page.vertical-view .vertical-loop-container .loop-column{flex:1;height:100%;overflow:hidden;position:relative}.works-page.vertical-view .vertical-loop-container .loop-column .loop-track{animation:verticalLoopUp var(--duration,60s) linear infinite}.works-page.vertical-view .vertical-loop-container .loop-column .loop-track:hover{animation-play-state:paused}.works-page.vertical-view .vertical-loop-container .loop-column .loop-track .loop-set{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.works-page.vertical-view .vertical-loop-container .loop-column.col-2 .loop-track{animation-name:verticalLoopDown}.works-page.vertical-view .vertical-loop-container .work-item-vertical{cursor:pointer;overflow:hidden;position:relative;width:100%}.works-page.vertical-view .vertical-loop-container .work-item-vertical .image-col,.works-page.vertical-view .vertical-loop-container .work-item-vertical .thumbnail-wrapper{aspect-ratio:16/9;flex:1;overflow:hidden;position:relative;width:100%}.works-page.vertical-view .vertical-loop-container .work-item-vertical .image-col .crt-overlay,.works-page.vertical-view .vertical-loop-container .work-item-vertical .image-col .noise,.works-page.vertical-view .vertical-loop-container .work-item-vertical .thumbnail-wrapper .crt-overlay,.works-page.vertical-view .vertical-loop-container .work-item-vertical .thumbnail-wrapper .noise{opacity:0;transition:opacity .3s ease}.works-page.vertical-view .vertical-loop-container .work-item-vertical:hover .thumbnail-wrapper .crt-overlay,.works-page.vertical-view .vertical-loop-container .work-item-vertical:hover .thumbnail-wrapper .noise{opacity:.9}.works-page.vertical-view .vertical-loop-container .work-item-vertical img{display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.works-page.vertical-view .vertical-loop-container .work-item-vertical .overlay{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;left:0;opacity:1;padding:1rem;position:absolute;text-align:left;transition:opacity .3s;width:100%}.works-page.vertical-view .vertical-loop-container .work-item-vertical .overlay h3{font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.works-page.vertical-view .vertical-loop-container .work-item-vertical .overlay p{font-size:.8rem;opacity:.8}.works-page.vertical-view .vertical-loop-container:hover img{opacity:.8}@keyframes verticalLoopUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes verticalLoopDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes noiseAnimation{0%{transform:translate3d(1%,-1%,0)}10%{transform:translate3d(-5%,-2%,0)}20%{transform:translate3d(10%,5%,0)}30%{transform:translate3d(5%,-11%,0)}40%{transform:translate3d(-12%,-5%,0)}50%{transform:translate3d(10%,9%,0)}60%{transform:translate3d(15%,0,0)}70%{transform:translate3d(-10%,8%,0)}80%{transform:translate3d(10%,2%,0)}90%{transform:translate3d(1%,5%,0)}to{transform:translate3d(0,8%,0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(30px)}.work-detail{min-height:100vh;padding-top:6rem}.work-detail .image-container{border:1px solid hsla(0,0%,100%,.1);margin-bottom:3rem;width:100%}.work-detail .image-container img{display:block;height:auto;width:100%}.work-detail .info .client,.work-detail .info .languages,.work-detail .info .role,.work-detail .info .tag,.work-detail .info .tool{color:#fff9;font-size:1rem;line-height:1.5;margin-bottom:1rem}.work-detail .info .client span,.work-detail .info .languages span,.work-detail .info .role span,.work-detail .info .tag span,.work-detail .info .tool span{color:#fff;display:block}.work-detail .info .outline{font-size:1rem;line-height:1.5;margin-top:1rem;white-space:pre-wrap}.work-detail .info .client{color:#fff;margin-bottom:1rem}.work-detail .desktop-only{display:block}@media screen and (max-width:768px){.work-detail .desktop-only{display:none!important}}.work-detail .mobile-only{display:none}@media screen and (max-width:768px){.work-detail .mobile-only{display:block!important;margin-top:2rem}}.about-page{min-height:100vh;padding-top:6rem}.about-page .profile-section{margin-bottom:3rem;text-align:left}.about-page .profile-section .name{font-size:2.5rem;font-weight:200;margin-bottom:1rem}.about-page .profile-section .role{color:#ffffffb3;font-size:1rem;margin-bottom:2rem}.about-page .profile-section .desc{display:none}.about-page .concept-section{margin-bottom:3rem;text-align:left}.about-page .concept-section h3.en{font-size:2rem;font-weight:200;letter-spacing:2px;line-height:1.4;margin-bottom:1rem}.about-page .concept-section h3.ja{color:#ffffffb3;font-size:1rem;font-weight:400}.about-page .bio-section{margin-bottom:3rem;margin-left:0;margin-right:0}.about-page .bio-section p{line-height:2;margin-bottom:2rem;text-align:left}.about-page .skills-section{margin-bottom:3rem;margin-left:0;margin-right:0}.about-page .skills-section h3{font-size:2rem;font-weight:200;letter-spacing:2px;margin-bottom:1rem;text-align:left}.about-page .skills-section .skills-grid{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.about-page .skills-section .skills-grid .skill-group h4{border-bottom:1px solid hsla(0,0%,100%,.2);color:#ffffffe6;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.about-page .skills-section .skills-grid .skill-group .skill-list li{color:#fff9;font-size:.9rem;padding:.3rem 0}.about-page .contact-section{margin-bottom:6rem;text-align:left}.about-page .contact-section p{border:1px solid #fff;cursor:pointer;display:inline-block;padding:.5rem 1rem;position:relative;transition:all .3s}.about-page .contact-section p:hover{background:#fff;color:#1200ff}.about-page .contact-section p .copy-tooltip{animation:tooltipFadeIn .2s ease-in-out;background:#fff;border-radius:4px;color:#1200ff;font-size:.75rem;left:50%;padding:.3rem .8rem;pointer-events:none;position:absolute;top:-35px;transform:translate(-50%);white-space:nowrap}.about-page .contact-section p .copy-tooltip:after{border:5px solid transparent;border-top-color:#fff;content:"";left:50%;position:absolute;top:95%;transform:translate(-50%)}.about-page .contact-section a{border:1px solid #fff;display:inline-block;padding:1rem 3rem;transition:all .3s}.about-page .contact-section a:hover{background:#fff;color:#1200ff}.about-page .about-sidebar .img-container{margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.about-page .about-sidebar .img-container .crt-overlay,.about-page .about-sidebar .img-container .noise,.about-page .about-sidebar .img-container .overlay{display:block}.about-page .about-sidebar .img-container .about-image{display:block;filter:blur(2px) brightness(1.2);height:auto;position:relative;transition:filter .5s ease;width:100%;z-index:0}.about-page .about-sidebar .name{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.about-page .about-sidebar .role{font-size:.8rem;line-height:1.4;margin-bottom:2rem;opacity:.6}.top-page{height:100vh;width:100%}@media(min-width:768px){.global-footer{bottom:0;left:0;padding:2rem;width:100%}.global-footer .footer-content{align-items:flex-end}.layout{flex-direction:row;gap:4rem}.layout .sidebar{flex-shrink:0;margin-bottom:0;width:300px}.layout .sidebar.works-sidebar{width:50px}.layout .sidebar.works-detail-sidebar{width:400px}.layout .sidebar.about-sidebar{width:350px}.layout .sidebar .sticky-content{position:sticky;top:7rem}.works-page .works-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.layout{margin-top:0;padding:0 1.5rem}.layout .vertical-loop-container{gap:10px}.layout .vertical-loop-container .work-item-vertical .thumbnail-wrapper .overlay h3{font-size:1.2rem}.layout .sidebar{margin-bottom:0}.layout .sidebar .filters{margin-bottom:1.5rem}.layout .content-area .section-title{font-size:1.5rem}.layout .content-area .works-grid{gap:0 .5rem;padding-bottom:0;padding-top:0}.layout .content-area .works-grid .work-item .overlay h3{font-size:.7rem}.global-nav{padding:1.3rem}.global-nav .nav-content .brand-container .brand .nav-logo{height:25px}.global-nav .nav-content .nav-menu-container{margin-top:-.5rem}.global-nav .nav-content .nav-menu-container .nav-dropdown .menu-link{font-size:1rem}.global-nav .nav-content .nav-links{margin-top:.4rem}.top-page{height:calc(100vh - 90px)}.about-page,.work-detail,.works-page{padding-top:5rem}.about-page .layout .content-area .section-title{margin-bottom:.1rem}.about-page .layout .content-area .skills-section .skills-grid .skill-group h4,.about-page .layout .content-area .skills-section h3{margin-bottom:.5rem}.about-page .layout .content-area .contact-section{margin-bottom:3rem}.about-page .layout .content-area .contact-section p{cursor:pointer;text-align:center;width:100%}.works-page .layout .content-area .section-title{margin-bottom:.5rem}.works-page .layout .content-area .works-grid .work-item .overlay{padding:.3rem 0 1.1rem}.work-detail{min-height:90vh}.work-detail .content-area .section-title{margin-bottom:.5rem}.work-detail .image-container{margin-bottom:2rem}.global-footer{background:transparent;padding:1.5rem;position:relative}.global-footer.is-top{bottom:0;left:0;pointer-events:none;position:fixed;width:100%;z-index:1000}.global-footer.is-top .footer-content{pointer-events:auto}.global-footer .footer-content{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.global-footer .footer-content .social-links{gap:1rem;justify-content:center}.global-footer .footer-content .social-links a:after{width:100%}}.preloader .loading-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.preloader .loading-content .preloader-2{text-align:center}.preloader .loading-content .preloader-2 div{color:#fff;font-family:Space Mono,monospace;font-size:.7rem;margin:0;text-align:center;text-transform:uppercase}.preloader .loading-content .preloader-2 .line{animation:opacity-2 1s ease-in-out infinite;background:#fff;display:inline-block;height:8px;margin:0 2px;width:1px}.preloader .loading-content .preloader-2 .line-1{animation-delay:.8s}.preloader .loading-content .preloader-2 .line-2{animation-delay:.6s}.preloader .loading-content .preloader-2 .line-3{animation-delay:.4s}.preloader .loading-content .preloader-2 .line-4,.preloader .loading-content .preloader-2 .line-6{animation-delay:.2s}.preloader .loading-content .preloader-2 .line-7{animation-delay:.4s}.preloader .loading-content .preloader-2 .line-8{animation-delay:.6s}.preloader .loading-content .preloader-2 .line-9{animation-delay:.8s}@keyframes opacity-2{0%{height:11px;opacity:1}50%{height:8px;opacity:0}to{height:11px;opacity:1}}.noise{animation:noiseAnimation 2.2s steps(3) infinite both;background:url(https://i.ibb.co/CQkjvnm/output-onlinepngtools.png);height:200%;left:-50%;mix-blend-mode:overlay;top:-50%;width:200%;will-change:auto;z-index:10}.crt-overlay,.noise{opacity:.9;pointer-events:none;position:absolute}.crt-overlay{background:radial-gradient(transparent 3px,transparent 4px),radial-gradient(transparent 3px,transparent 4px),linear-gradient(rgba(0,0,0,.8) 1px,transparent 0),linear-gradient(0deg,transparent 74px,transparent 75px,#f4daff 0,#f4daff 76px,transparent 77px,transparent 109px),linear-gradient(0deg,transparent 75px,transparent 76px,#f4daff 0,#f4daff 77px,transparent 78px,transparent 109px),#0000000d;background-position:54px 55px,0 0,0 0,0 0,0 0;background-size:109px 109px,109px 109px,100% 3px,109px 109px,109px 109px;height:100%;left:0;mix-blend-mode:multiply;top:0;width:100%;z-index:11}.preloader[data-v-a82ee4a1]{align-items:center;background:#1200ff80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.fade-fast-enter-active[data-v-a82ee4a1],.fade-fast-leave-active[data-v-a82ee4a1]{transition:opacity .3s ease}.fade-fast-enter-from[data-v-a82ee4a1],.fade-fast-leave-to[data-v-a82ee4a1]{opacity:0}.top-page[data-v-9177225f]{height:100vh;justify-content:center;position:relative;width:100%;z-index:1}.top-page[data-v-9177225f],.top-page .content-wrapper[data-v-9177225f]{align-items:center;display:flex;flex-direction:column}.top-page .content-wrapper[data-v-9177225f]{text-align:center}.top-page .title[data-v-9177225f]{color:#fff;font-family:Fragment Mono,monospace;font-size:clamp(3rem,10vw,6rem);font-weight:400;letter-spacing:.5rem;margin-bottom:1rem;min-height:1.2em;text-shadow:0 0 20px hsla(0,0%,100%,.3)}.top-page .subtitle[data-v-9177225f]{color:#ffffffb3;font-family:Fragment Mono,monospace;font-size:clamp(1rem,3vw,1.5rem);letter-spacing:.3rem;margin-bottom:4rem;min-height:1.5em}.top-page .enter-btn[data-v-9177225f]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003;border:1px solid hsla(0,0%,100%,.3);color:#fff;display:inline-block;font-family:Fragment Mono,monospace;font-size:1rem;letter-spacing:.2rem;overflow:hidden;padding:1rem 4rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.top-page .enter-btn[data-v-9177225f]:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 0 30px #ffffff1a;letter-spacing:.3rem}.top-page .enter-btn[data-v-9177225f]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.top-page .enter-btn[data-v-9177225f]:hover:before{left:100%}.works-grid[data-v-4ca56f19]{opacity:0;transition:opacity .5s ease-in-out}.works-grid.is-loaded[data-v-4ca56f19]{opacity:1}.grid[data-v-cd31e6b7]{display:grid}.mb-2[data-v-cd31e6b7]{margin-bottom:.5rem}.mb-4[data-v-cd31e6b7]{margin-bottom:1rem}.max-w-520px[data-v-cd31e6b7]{max-width:520px}.min-h-screen[data-v-cd31e6b7]{min-height:100vh}.w-full[data-v-cd31e6b7]{width:100%}.flex[data-v-cd31e6b7]{display:flex}.place-content-center[data-v-cd31e6b7]{place-content:center}.items-center[data-v-cd31e6b7]{align-items:center}.justify-center[data-v-cd31e6b7]{justify-content:center}.overflow-hidden[data-v-cd31e6b7]{overflow:hidden}.bg-white[data-v-cd31e6b7]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-cd31e6b7]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-cd31e6b7]{text-align:center}.text-\[80px\][data-v-cd31e6b7]{font-size:80px}.text-2xl[data-v-cd31e6b7]{font-size:1.5rem;line-height:2rem}.text-sm[data-v-cd31e6b7]{font-size:.875rem;line-height:1.25rem}.text-\[\#020420\][data-v-cd31e6b7]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-cd31e6b7]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.hover\:text-\[\#00DC82\][data-v-cd31e6b7]:hover{--un-text-opacity:1;color:rgb(0 220 130/var(--un-text-opacity))}.font-medium[data-v-cd31e6b7]{font-weight:500}.font-semibold[data-v-cd31e6b7]{font-weight:600}.leading-none[data-v-cd31e6b7]{line-height:1}.tracking-wide[data-v-cd31e6b7]{letter-spacing:.025em}.font-sans[data-v-cd31e6b7]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums[data-v-cd31e6b7]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline[data-v-cd31e6b7]{text-decoration-line:underline}.underline-offset-3[data-v-cd31e6b7]{text-underline-offset:3px}.antialiased[data-v-cd31e6b7]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-cd31e6b7]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-cd31e6b7]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-cd31e6b7]{font-size:110px}.sm\:text-3xl[data-v-cd31e6b7]{font-size:1.875rem;line-height:2.25rem}}.grid[data-v-8851f357]{display:grid}.mb-2[data-v-8851f357]{margin-bottom:.5rem}.mb-4[data-v-8851f357]{margin-bottom:1rem}.max-w-520px[data-v-8851f357]{max-width:520px}.min-h-screen[data-v-8851f357]{min-height:100vh}.place-content-center[data-v-8851f357]{place-content:center}.overflow-hidden[data-v-8851f357]{overflow:hidden}.bg-white[data-v-8851f357]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-2[data-v-8851f357]{padding-left:.5rem;padding-right:.5rem}.text-center[data-v-8851f357]{text-align:center}.text-\[80px\][data-v-8851f357]{font-size:80px}.text-2xl[data-v-8851f357]{font-size:1.5rem;line-height:2rem}.text-\[\#020420\][data-v-8851f357]{--un-text-opacity:1;color:rgb(2 4 32/var(--un-text-opacity))}.text-\[\#64748B\][data-v-8851f357]{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.font-semibold[data-v-8851f357]{font-weight:600}.leading-none[data-v-8851f357]{line-height:1}.tracking-wide[data-v-8851f357]{letter-spacing:.025em}.font-sans[data-v-8851f357]{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.tabular-nums[data-v-8851f357]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.antialiased[data-v-8851f357]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){.dark\:bg-\[\#020420\][data-v-8851f357]{--un-bg-opacity:1;background-color:rgb(2 4 32/var(--un-bg-opacity))}.dark\:text-white[data-v-8851f357]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media(min-width:640px){.sm\:text-\[110px\][data-v-8851f357]{font-size:110px}.sm\:text-3xl[data-v-8851f357]{font-size:1.875rem;line-height:2.25rem}}