@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;src:url(https://fonts.gstatic.com/s/googlesans/v59/4UasrENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RPjIUvQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}html,body{overscroll-behavior:none}body{margin:0;-webkit-user-select:none;user-select:none;background-color:#000;-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-tap-highlight-color:rgba(255,255,255,0)}#bodybg{background-color:#000;position:fixed;z-index:-1000000;left:0;top:0;bottom:-1px;right:-1px;display:flex}#bodybg picture{display:flex;width:100%;aspect-ratio:16 / 9}#bodybg img{width:100%;filter:brightness(.6);object-fit:cover;object-position:center center;aspect-ratio:16 / 9}.curs{position:fixed;background-color:transparent;width:100px;height:100px;z-index:10000000;translate:-50% -50%;border-radius:50%;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1);pointer-events:none;left:-100%;top:50%}.bg-credits{position:fixed;z-index:1000;left:5%;bottom:5%;color:#fff;font:400 15px Google Sans}.bg-credits a{color:inherit}@media screen and (max-width: 800px){.curs{display:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{border-radius:2px;background-color:#666}::-webkit-scrollbar-thumb:hover{background-color:#888}.pages-cont{--mini-w: 45vw ;--mini-h: calc(100vh * .55);--gap: 30px}.pages-cont{display:flex;width:max-content;height:max-content;position:fixed;left:50%;height:100vh;column-gap:var(--gap);transition:translate 1s cubic-bezier(.19,1,.22,1);align-items:center;z-index:998}.page{position:relative;z-index:1000;translate:-50% 0;overflow:hidden;height:var(--mini-h);width:var(--mini-w);transition:.8s cubic-bezier(.19,1,.22,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:700 30px sans-serif;cursor:pointer;background-color:#ffffff0d;box-shadow:0 0 10px #000c;border-radius:15px}.open-page{background-color:#000;cursor:default;width:100vw;height:100vh;border-radius:0}.open-page .page-container{overflow-y:auto}.page:not(.open-page) .page-container{scale:.75}.open-page .page-icon{--stroke-alpha: 0;width:300%;height:300%}.page-container{width:100vw;height:100vh;position:absolute;left:50%;top:50%;translate:-50% -50%;overflow:visible;z-index:998;transition:1.6s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1);overflow:hidden}.page-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:visible;z-index:-9999;--stroke-alpha: .45;transition:.4s ease-out,translate 1.6s cubic-bezier(.19,1,.22,1)}.page-icon svg{transition:stroke .4s ease-out;fill:none;stroke:rgba(255,255,255,var(--stroke-alpha));height:100%;width:100%;background-color:transparent;stroke-width:.65}.view{font:700 20px Google Sans;height:max-content;width:100vw;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.view_content{width:100%;height:100vh;display:flex;justify-content:center;flex-direction:column;align-items:center}@media screen and (max-width: 800px){::-webkit-scrollbar{display:none}.page{-webkit-backdrop-filter:none;backdrop-filter:none}}.text_anim{overflow-y:hidden;overflow-x:visible;display:block}.text_wrap{font:inherit;font-size:100%;display:block;position:relative;top:250px;transition:.5s;transition-delay:0s}.text_wrap_appear{top:0;transition-delay:calc(var(--order) * .05s)}.dev{font-size:25vw;line-height:.85;letter-spacing:-.1em;align-self:flex-start}.lang{letter-spacing:15px;translate:8px 0;font-weight:400;text-align:center;font-size:25px}.dot{height:20px;display:flex;justify-content:center;align-items:center}.dot:after{content:"";height:3px;width:3px;background:#282828;border-radius:50%;translate:-3px 0}.credits{position:relative}.credits>div{position:absolute;margin:0 8px}.credits>div>*{min-height:30px;display:flex;align-items:last baseline}.credits div:first-child{right:0;font:400 16px Google Sans}.credits div:last-child{left:0;font:400 20px Google Sans}.credits div:first-child>*{text-align:right;right:0}.credits div:first-child>*{justify-content:end}.cw>div{position:static}.cw div:first-child>*{justify-content:center}.proj-cont{width:80%}.project{border:2px solid #555;border-radius:10px;padding:0 10%;margin-bottom:30px;background:#ffffff0d}.project>div{margin:10px 0}.pjt-header{letter-spacing:-2px;font:400 2em Google Sans;display:flex;justify-content:space-between;align-items:center}.pjt-link-wrapper{display:flex;justify-content:end;gap:10px;flex-wrap:wrap}.pjt-link{margin-left:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center}.pjt-link div{display:flex;align-items:center}.pjt-link svg{transition:.15s;fill:#aaa;height:50px;width:50px}.pjt-link a{text-decoration:none;color:#fff}.pjt-link:hover svg{fill:#fff}.pjt-desc{font:400 1.4rem Google Sans;padding:14px 0}.pjt-tags{display:flex;gap:6px;flex-wrap:wrap}.pjt-tag{padding:5px 10px;border:1px solid #bbb;color:#bbb;border-radius:20px;background:#191919;font:400 16px Google Sans;background:#ffffff0d}@media screen and (max-width: 768px){.proj-cont{width:100%}.project{border:none;border-radius:none;padding:0 5%;margin-bottom:65px;background:none}.pjt-header{font-size:1.5em}.pjt-desc{font-size:1.2rem}.pjt-tag{font-size:12px}}#cntnr{border-radius:50%;overflow:visible;position:relative;transition:1s cubic-bezier(.075,.82,.165,1) .7s,width 0s,height 0s;height:calc(var(--opened-radius) * 2 + var(--item-width) + 20px);width:calc(var(--opened-radius) * 2 + var(--item-width) + 20px);animation:rotating 10s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cntnr:hover,#cntnr:hover .item{animation-play-state:paused}#cntnr .item{border:1px solid rgba(60,60,60);display:flex;justify-content:center;align-items:center;cursor:pointer;width:var(--item-width);height:var(--item-width);position:absolute;box-shadow:0 0 10px #0000001a;border-radius:50%;top:50%;left:50%;translate:calc(var(--opened-radius) * cos(var(--angle)) - 50%) calc(var(--opened-radius) * sin(var(--angle)) - 50%);color:#fff;animation:rotating 10s linear infinite reverse}#cntnr .item>*{mix-blend-mode:difference}#cntnr .item:hover{background-color:#ffffff1a}#cntnr .item_content{transition:opacity var(--animat);width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font:700 18px Google Sans}#cntnr .item_content svg{width:70%;height:70%;fill:none;stroke:#fff}@media screen and (max-width: 768px){#cntnr .item,#cntnr{animation:none}}.contact-form{font-size:30px;font-family:Google Sans;display:flex;flex-direction:column;justify-content:center}.contact-form span{font: 55px Google Sans}form>div{margin:10px 0;display:flex;align-items:stretch;overflow:hidden;padding-left:10px;color:#646464;transition:.125s;height:45px}form>div,form>div textarea{border-radius:8px;border:3px solid rgb(50,50,50);overflow:hidden}form>div:has(input:focus),form>div:has(textarea:focus){color:#fff;border-color:#fff}form>div input{font-family:sans-serif;font-size:25px;padding:4px 10px 0;width:100%;border:none;background-color:transparent;color:#fff}form>div input:focus{outline:none}form>div label{display:flex;align-items:center}textarea{font-family:sans-serif;font-size:25px;padding:10px;background-color:transparent;color:#fff}textarea:focus{outline:none;border-color:#fff}#mess{border:none;height:auto;flex-direction:column;padding:0}#submit{transition:none;width:150px;color:#969696;padding:0;display:flex}#submit:hover{border-color:#fff;color:#fff}#submit input{display:flex;justify-content:center;cursor:pointer;margin-left:auto;background-color:transparent;color:inherit}#submit input:active{background-color:#f0f0f0}#submit input:disabled{cursor:not-allowed}#submit:has(input:disabled){border-color:#323232;color:#969696}.contact-cont{display:flex;align-items:center;justify-content:space-between;width:80%}@media screen and (max-width: 800px){.contact-cont{flex-direction:column}.contact-cont>div{margin:100px 0}}.nav{position:fixed;z-index:10000;translate:-50% -50%;border-radius:50%;width:calc(var(--item-width));height:calc(var(--item-width));overflow:visible;left:50%;top:100%;transition:1s cubic-bezier(.075,.82,.165,1) .7s,width 0s,height 0s;rotate:250deg;--current-radius: 0px;--current-angle: 0deg}.nav .item{border:1px solid rgba(255,255,255,.25);display:flex;justify-content:center;align-items:center;cursor:pointer;width:var(--item-width);height:var(--item-width);position:absolute;box-shadow:0 0 10px #0000001a;border-radius:50%;top:50%;left:50%;translate:calc(var(--horz) * var(--current-radius) * cos(var(--current-angle)) - 50%) calc(var(--vert) * var(--current-radius) * sin(var(--current-angle)) - 50%);--animat: var(--duration) cubic-bezier(.075, .82, .165, 1) var(--delay);transition:translate var(--animat),rotate var(--animat);color:#fff;pointer-events:none}.nav .item_content{opacity:0;transition:opacity var(--animat);width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font:700 12px Google Sans}.nav .item_content svg{width:55%;height:55%;fill:none;stroke:#fff}.nav .fix{translate:-50% -50%;background-color:transparent;border-color:transparent;cursor:default;width:calc(var(--item-width));height:calc(var(--item-width));pointer-events:all;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer}.nav .fix:hover{background-color:#ffffff4d}.nav .ignoreFixedItem:hover{background-color:transparent;cursor:default}.openNav{height:calc(var(--opened-radius) * 2 + var(--item-width) + 20px);width:calc(var(--opened-radius) * 2 + var(--item-width) + 20px);transition-delay:0s;rotate:0deg;animation:none}.openNav .item:not(.fix){--current-radius: var(--opened-radius);--current-angle: var(--angle);pointer-events:all;-webkit-backdrop-filter:blur(20px) brightness(1.5);backdrop-filter:blur(20px) brightness(1.5)}.openNav .item_content{opacity:1}.openNav .item:not(.fix):hover{-webkit-backdrop-filter:blur(20px) brightness(.7);backdrop-filter:blur(20px) brightness(.7)}