.Image{opacity:0;animation:.5s forwards fadeIn;animation-delay:calc(var(--index) * 80ms);transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.my-masonry-grid_column>div{background:var(--bg-1)!important}.controls-container{--space:8px;scrollbar-width:none;z-index:99;background:var(--bg-1);width:100%;display:flex;position:sticky;top:130px;overflow-x:auto}.controls-container::-webkit-scrollbar{display:none}.controls{padding:var(--space);background-color:var(--segmented-bg);z-index:1;gap:8px;margin:auto;display:inline-flex;position:relative;overflow:auto hidden}.controls:before{content:"";background:var(--segmented-slider);width:var(--highlight-width);transform:var(--highlight-x-pos);z-index:0;height:2px;position:absolute;bottom:0;left:0}.controls-container:after{content:"";background:var(--bg-2);z-index:-1;width:100%;height:2px;position:absolute;bottom:0;left:0}.controls.ready:before{transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)}.segment{z-index:2;color:var(--txt-2);position:relative}.segment input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.segment label{cursor:pointer;white-space:nowrap;padding:6px 18px;font-size:.875rem;font-weight:600;transition:color .3s;display:block}.segment.active label{color:var(--txt-1)}.Stories{width:100%;max-width:704px;padding:var(--masonry-gap);align-items:center;gap:var(--masonry-gap);border-radius:42px;height:100px;margin:auto;display:flex;overflow:scroll hidden}.StorySegment{flex-direction:column;justify-content:center;align-items:center;width:64px;display:flex;position:relative}.StoryImage{border:2px solid var(--bg-2);cursor:pointer;border-radius:64px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.StoryImage img{aspect-ratio:1;object-fit:cover;border-radius:64px;width:52px;height:52px}.StoryName{font-size:.875rem}.StoryRing{fill:none;stroke-width:3px;stroke-linecap:round;z-index:10;pointer-events:none;width:100%;height:100%;position:absolute}#ActiveStory .StoryRing circle{stroke-dasharray:302;stroke-dashoffset:302px;transform-origin:50%;animation:.33s ease-out forwards drawStroke;transform:rotate(-90deg)}@keyframes drawStroke{to{stroke-dashoffset:0}}.Gallery{width:100%;max-width:1250px;margin:auto}.Image img{width:100%;height:auto;display:block}.my-masonry-grid{margin-left:calc(-1 * var(--masonry-gap));width:auto;padding:var(--masonry-gap);display:flex}.my-masonry-grid_column{padding-left:var(--masonry-gap);background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:var(--masonry-gap);background:gray}:root{--txt-1:#fff;--txt-2:#8f8f8f;--txt-3:#6b6375;--txt-4:#08060d;--bg-1:#000;--bg-2:#1a1a1a;--bg-3:#2e2e2e;--bg-4:#fff;--tsp-bg:#0009;--invert:invert(1);--segmented-bg:transparent;--segmented-slider:#d2d2d2;--story-color-1:#f09433;--story-color-2:#e6683c;--story-color-3:#dc2743;--story-color-4:#bc1888;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--padding:16px;--masonry-gap:24px;--transition:.4s cubic-bezier(.4, 0, .2, 1);--radius:16px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--txt-1);background:var(--bg-1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--txt-1:#08060d;--txt-2:#6b6375;--txt-3:#8f8f8f;--txt-4:#fff;--bg-1:#fff;--bg-2:#f2f2f2;--bg-3:#1a1a1a;--bg-4:#000;--segmented-bg:transparent;--segmented-slider:#08060d;--tsp-bg:#fff9;--invert:invert(0)}}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent;outline:none;font-family:Rubik,sans-serif}::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;margin:0}#root{width:100%;min-height:100svh;margin:0 auto}.BackgroundImage{background-image:var(--bg-img);z-index:-1;background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.Header{flex-direction:column}.Profile{right:var(--padding);top:var(--padding);position:absolute}}header{width:100%;height:130px;padding:var(--masonry-gap);background:var(--bg-1);z-index:99;justify-content:space-between;align-items:center;max-width:1540px;margin:auto;display:flex;position:sticky;top:0}.Logo img{max-width:180px;filter:var(--invert)}.Navigation{padding:var(--padding);justify-content:center;align-items:center;gap:36px;display:flex}.Navigation a{color:var(--txt-2);transition:var(--transition);font-size:24px;font-weight:900}.Navigation a:hover{color:var(--txt-1)}.Profile{justify-content:end;align-items:center;width:180px;display:flex}.Profile img{border-radius:42px;width:42px;height:42px}.MenuActive{color:var(--txt-1)!important}.Projects{width:100%;max-width:1250px;margin:auto}.ProjectsWrapper{gap:var(--masonry-gap);width:auto;padding:var(--masonry-gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.embla.Print .embla__viewport{border-radius:var(--radius);overflow:hidden}.embla.Print .embla__container{touch-action:pan-y pinch-zoom;display:flex}.embla.Print .embla__slide{flex:0 0 100%;min-width:0;overflow:hidden}.embla.Print .embla__slide__img{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.embla:not(.Print) .embla__viewport{border-radius:var(--radius);overflow:hidden}.embla:not(.Print) .embla__container{touch-action:pan-y pinch-zoom;aspect-ratio:16/9;display:flex}.embla:not(.Print) .embla__slide{flex:0 0 100%;min-width:0;overflow:hidden}.embla:not(.Print) .embla__slide__img{aspect-ratio:16/9;object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ProjectItem{width:100%;margin-bottom:var(--masonry-gap);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden;background-color:#0000!important}.ProjectItemImage{aspect-ratio:16/9;border-radius:var(--radius);width:100%}.ProjectItemInfo{gap:var(--masonry-gap);margin-top:20px;display:flex}.ProjectItemInfoRight{overflow:hidden}.ProjectItemTitle{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;margin:0;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.ProjectItemSoftware{color:var(--txt-2);font-size:.75rem}.ProjectItemUser{aspect-ratio:1;border-radius:100px;width:48px}.ProjectLink{background-color:var(--tsp-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;cursor:pointer;border-radius:36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:10px;right:10px}.ProjectLinkBtn{color:var(--txt-1);justify-content:center;align-items:center;text-decoration:none;display:flex}.About{width:100%;max-width:1250px;padding:var(--masonry-gap);align-items:center;gap:var(--masonry-gap);flex-direction:column;margin:auto;display:flex}.AboutUser{justify-content:center;gap:var(--masonry-gap);flex-direction:row;width:100%;display:flex}.AboutUser .AboutStat{flex-direction:column;justify-content:center;align-items:center;display:flex}.AboutUser .AboutStat h3{color:var(--txt-1);margin:0;font-size:18px;font-weight:800}.AboutUser .AboutStat span{color:var(--txt-2);font-size:14px;font-weight:400}.AboutUser .AboutStat.Left{text-align:right}.AboutUser .AboutStat.Right{text-align:left}.AboutUser .AboutImage{border-radius:100px;width:120px;height:120px}.AboutUser .AboutImage img{border-radius:100px;width:100%;height:100%}.AboutUserTxt{text-align:center;max-width:800px}.AboutUserTxt h2{color:var(--txt-1);margin:0;font-size:1.375rem;font-weight:800}.AboutUserTxt p{color:var(--txt-2);font-size:16px}.AboutBtn{justify-content:center;align-items:center;gap:var(--masonry-gap);display:flex}.AboutBtn .Button{background-color:var(--bg-2);color:var(--txt-1);transition:var(--transition);border:1px solid #0000;border-radius:20px;padding:8px 42px;font-size:.875rem;text-decoration:none}.AboutBtn .Button.Secondary,.AboutBtn .Button:hover{background-color:var(--txt-1);color:var(--bg-1)}.AboutBlock{background-color:var(--bg-2);border-radius:var(--radius);width:100%;padding:var(--masonry-gap);justify-content:center;align-items:start;gap:var(--masonry-gap);flex-flow:wrap;display:flex}.AboutBody{gap:var(--masonry-gap);text-align:center;flex-flow:row;display:flex}.AboutBody h3{order:2}.AboutBody .AboutBodyText{flex:500px;order:3;width:60%;min-width:300px;height:100%}.AboutBody .AboutBodyImage{aspect-ratio:1280/859;flex:300px;order:1;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;width:40%;display:grid}.AboutBody .AboutBodyImage img{grid-area:1/1;width:100%;transition:all .4s}.AboutBody .AboutBodyIframe{aspect-ratio:1280/859}.AboutBlock:hover #AboutBodyImage-2{z-index:1;transform:translate3d(-4%,-4%,40px)}.AboutBlock:hover #AboutBodyImage-3{z-index:2;transform:translate3d(-8%,-8%,80px)}@media (width<=1024px){.AboutBlock{width:100%}.AboutBody{text-align:left;flex-direction:column}.AboutBody h3{order:1;min-width:100%}.AboutBodyText{order:2!important}.AboutBodyImage{order:3!important}}
