:root{font-family:Lato,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:min(calc(11px + .5vw),14px);-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overscroll-behavior-y:contain}*,*:before,*:after{box-sizing:border-box}*,button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;font-size:.8rem}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(/fonts/lato-v25-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(/fonts/lato-v25-latin-100italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(/fonts/lato-v25-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(/fonts/lato-v25-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(/fonts/lato-v25-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(/fonts/lato-v25-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:500;src:url(/fonts/kanit-v16-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Kanit;font-style:italic;font-weight:500;src:url(/fonts/kanit-v16-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pixelify Sans;font-style:normal;font-weight:500;src:url(/fonts/pixelify-sans-v2-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Michroma;font-style:normal;font-weight:400;src:url(/fonts/michroma-v21-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Gugi;font-style:normal;font-weight:400;src:url(/fonts/gugi-v20-latin-regular.woff2) format("woff2")}:root{--bg-light: #ffffff;--font-light: hsl(0, 0%, 30%);--bg-dark: #363636;--font-dark: hsl(0, 0%, 90%);--p1-shade: 0;--p2-shade: 0;--about-me-opacity: 0%}body{color:var(--color);background-color:var(--bg);transition:background-color .2s ease-in-out,color .2s ease-in-out}[theme=light] body{--bg: var(--bg-light);--color: var(--font-light)}[theme=dark] body{--bg: var(--bg-dark);--color: var(--font-dark)}#root{width:100%;min-height:100%;background-color:var(--bg)}img{-webkit-user-select:none!important;user-select:none!important}.itlc{font-style:italic}.bold{font-weight:700}.code,code{padding:0 4px;border-radius:4px;font-size:.9rem;height:fit-content;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border:1px solid #ffffff22;font-family:monospace}[theme=dark] .strong{font-weight:700!important;color:#fff!important}[theme=light] .strong{font-weight:700!important;color:#363636!important}.cards-container{width:100%;height:100%;opacity:100%;transition:opacity .2s 0s ease-in-out}.cards-container.hidden{pointer-events:none;opacity:0%;transition-delay:.4s}.page-card{position:sticky;top:0;display:flex;justify-content:center;width:100%;height:100vh;min-width:300px;opacity:100%}.page-card.hidden{opacity:0%}.page-card>.cover{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;z-index:2}.page-card:nth-child(1){overflow:hidden;height:100vh}.page-card:nth-child(2){pointer-events:none}.page-card:nth-child(2)>.cover{opacity:var(--p2-shade)}@keyframes textRevealDraw{to{stroke-dashoffset:0}}.animate .anim-letter{animation-play-state:running!important}.end-animate .anim-letter{stroke-dashoffset:0!important}.notification-manager-overlay{transform:translate(-50%);position:fixed;justify-items:center;bottom:50px;left:50%;z-index:999999}.notification-toast{display:flex;align-items:center;width:max-content;max-width:80vw;min-height:40px;border-radius:120px;padding:5px 25px;margin:10px 0;background-color:#faf8f699;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;animation:notifShowAnimation .25s cubic-bezier(.21,1.02,.73,1) forwards}[theme=dark] .notification-toast{background-color:#7373734d;box-shadow:0 3px 10px #0003,0 3px 3px #00000026}.notification-toast[data-anim=true]{animation:notifCloseAnimation .35s cubic-bezier(.06,.71,.55,1) forwards}.notification-toast>p{margin:0;font-size:.8rem}@keyframes notifShowAnimation{0%{opacity:0%}to{opacity:100%}}@keyframes notifCloseAnimation{0%{opacity:100%}to{opacity:0%}}.loader{--loader-color-1: hsl(0 0% 100% / 75%);--loader-color-2: hsl(37 100% 79% / 75%);--size: .15em;--offset: .1em;--shift: calc((5 * var(--size)) + (2 * var(--offset)));position:absolute;inset:0;opacity:100%;transition:opacity .3s ease-out}.section-view .loader{--loader-color-2: color-mix(in hsl, var(--active-base-color) 75%, transparent)}.loader.fade-out{opacity:0%}.loader>.ls{position:absolute;width:calc(5 * var(--size));height:calc(5 * var(--size));inset:0;margin:auto;border-radius:100%;animation:squareClockwiseFullLoop 3.25s infinite cubic-bezier(.25,1,.5,1)}.loader .ls:nth-child(odd){background:var(--loader-color-1)}.loader .ls:nth-child(2n){background:var(--loader-color-2)}.loader>.ls:nth-child(1){--p0x: -.5;--p0y: -.5;--p1x: .5;--p1y: -.5;--p2x: .5;--p2y: .5;--p3x: -.5;--p3y: .5;--p4x: -.5;--p4y: -.5;--p5x: -.5;--p5y: -.5;--p6x: -.5;--p6y: -.5}.loader>.ls:nth-child(2){--p0x: .5;--p0y: -.5;--p1x: .5;--p1y: -.5;--p2x: .5;--p2y: .5;--p3x: -.5;--p3y: .5;--p4x: -.5;--p4y: -.5;--p5x: .5;--p5y: -.5;--p6x: .5;--p6y: -.5}.loader>.ls:nth-child(3){--p0x: .5;--p0y: .5;--p1x: .5;--p1y: .5;--p2x: .5;--p2y: .5;--p3x: -.5;--p3y: .5;--p4x: -.5;--p4y: -.5;--p5x: .5;--p5y: -.5;--p6x: .5;--p6y: .5}.loader>.ls:nth-child(4){--p0x: -.5;--p0y: .5;--p1x: -.5;--p1y: .5;--p2x: -.5;--p2y: .5;--p3x: -.5;--p3y: .5;--p4x: -.5;--p4y: -.5;--p5x: .5;--p5y: -.5;--p6x: .5;--p6y: .5}@keyframes squareClockwiseFullLoop{0%{transform:translate3d(calc(var(--shift) * var(--p0x)),calc(var(--shift) * var(--p0y)),0)}12.5%{transform:translate3d(calc(var(--shift) * var(--p1x)),calc(var(--shift) * var(--p1y)),0)}25%{transform:translate3d(calc(var(--shift) * var(--p2x)),calc(var(--shift) * var(--p2y)),0)}37.5%{transform:translate3d(calc(var(--shift) * var(--p3x)),calc(var(--shift) * var(--p3y)),0)}50%{transform:translate3d(calc(var(--shift) * var(--p3x)),calc(var(--shift) * var(--p3y)),0)}62.5%{transform:translate3d(calc(var(--shift) * var(--p4x)),calc(var(--shift) * var(--p4y)),0)}75%{transform:translate3d(calc(var(--shift) * var(--p5x)),calc(var(--shift) * var(--p5y)),0)}87.5%{transform:translate3d(calc(var(--shift) * var(--p6x)),calc(var(--shift) * var(--p6y)),0)}to{transform:translate3d(calc(var(--shift) * var(--p0x)),calc(var(--shift) * var(--p0y)),0)}}.web-page{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 5vw 200px}.wp-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;margin-top:-75px;text-align:center}[theme=dark] .wp-header{text-shadow:-.15em .15em .2em rgb(32 32 32)}.wp-neural-blob-canvas{position:absolute;width:100%;height:100%;background:none;z-index:-1;opacity:60%;transition-duration:.3s}[theme=light] .wp-neural-blob-canvas{opacity:50%}.wp-header>.wp-p-wrapper{transform:translateY(100%) rotateX(90deg);overflow:hidden;animation:animWPParagraphs 1.75s .6s cubic-bezier(.23,1,.32,1) forwards running}.wp-header>.wp-p-wrapper>p{margin:.75em 0}@keyframes animWPParagraphs{0%{transform:translateY(100%) rotateX(-45deg);opacity:0%}to{transform:translateY(0) rotateX(0);opacity:100%}}.wp-header>h1{word-spacing:2px;line-height:1.6em}.wp-header .paragraph-word.animate{animation-play-state:running}.wp-header code{font-style:italic;margin:0 2px;padding:0 7px;border-radius:6px;font-size:.85rem;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border:1px solid #ffffff22;box-shadow:0 1px 6px #0003,0 2px 2px #00000026}[theme=dark] .wp-header code{color:#fff;background-color:#7373734d;text-shadow:none}[theme=light] .wp-header code{color:#3b3b3b;background-color:#d7d7d766}.wp-header>button{margin-top:2em}.wp-projects-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.wp-project-buttons-container{position:relative;display:flex;width:100%;height:38px;max-width:500px;margin:min(5vw,40px) 0;box-shadow:0 0 3px #00000026 inset;background-color:#7373734d;border-radius:1000px;transition:all .3s}[theme=light] .wp-project-buttons-container{box-shadow:0 0 3px #96969626 inset;background-color:#d7d7d733}.wp-project-buttons-container>button{position:relative;cursor:pointer;z-index:0;width:100%;background-color:transparent;border:none;color:gray;font-weight:700;transition:all .3s}.wp-project-buttons-container>button>span{position:relative;-webkit-user-select:none;user-select:none;z-index:2}[theme=light] .wp-project-buttons-container>button{color:#b3b3b3}.section-view[data-targetproj=alura]{--btn-text-color: hsl(276 82% 74% / 1)}.section-view[data-targetproj=meshregen]{--btn-text-color: hsl(200 43% 55% / 1)}.section-view[data-targetproj=hairday]{--btn-text-color: hsl(369 100% 69% / 1)}.wp-project-buttons-container>button[data-isactive=true]{color:var(--btn-text-color)}.wp-project-buttons-container>button:hover{color:#ccc}.wp-project-buttons-container-glass-overlay{position:absolute;top:0;left:0;width:calc(100% / 3);height:100%;border-radius:1000px;transition:all .3s,transform .3s ease;z-index:1}[data-targetproj=alura] .wp-project-buttons-container-glass-overlay{transform:translate(0)}[data-targetproj=meshregen] .wp-project-buttons-container-glass-overlay{transform:translate(100%)}[data-targetproj=hairday] .wp-project-buttons-container-glass-overlay{transform:translate(200%)}.wp-project-buttons-container-glass-overlay.glass-button-wrapper{box-shadow:none;opacity:100%;-webkit-backdrop-filter:none;backdrop-filter:none}.wp-project-buttons-container-glass-overlay.glass-button-wrapper:hover{--base-alpha: 25%;box-shadow:0 3px 8px color-mix(in hsl,var(--active-base-color) 25%,transparent);border-color:color-mix(in hsl,var(--active-base-color) 50%,transparent)}[data-targetproj=alura] .wp-project-buttons-container-glass-overlay.glass-button-wrapper:hover{transform:scale(1) translate(0)}[data-targetproj=meshregen] .wp-project-buttons-container-glass-overlay.glass-button-wrapper:hover{transform:scale(1) translate(100%)}[data-targetproj=hairday] .wp-project-buttons-container-glass-overlay.glass-button-wrapper:hover{transform:scale(1) translate(200%)}.wp-project-preview-container{display:grid;justify-items:center;row-gap:min(10vw,100px)}.wp-view-website-button-wrapper{width:min(90%,350px);height:40px;transform:scale(1.025) translateY(10%) translateZ(0);opacity:100%;transition:opacity .25s ease-in-out}.wp-view-website-button-wrapper[data-fade-out=true]{opacity:0%}.wp-view-website-button-wrapper>.glass-button-wrapper{box-shadow:0 3px 10px #0000001a,0 3px 3px #0000000d;opacity:100%;width:100%;height:100%;margin-top:5em}.wp-view-website-button-wrapper>.glass-button-wrapper>button{--base-alpha: 25%;justify-content:center;width:100%;height:100%;background-color:color-mix(in hsl,var(--active-base-color) 35%,transparent)}.wp-view-website-button-wrapper>.glass-button-wrapper:hover{box-shadow:0 3px 8px color-mix(in hsl,var(--active-base-color) 25%,transparent);border-color:color-mix(in hsl,var(--active-base-color) 50%,transparent)}.project-preview-section{transform:translateY(10%);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:40px 5%;opacity:0%;transition:all .5s ease-out}.project-preview-section:nth-child(odd){flex-direction:row}.project-preview-section:nth-child(2n){flex-direction:row-reverse}[data-isswitchingproj=false] .project-preview-section.animate{transform:translateY(0);opacity:100%}[data-isswitchingproj=true] .project-preview-section.animate{transform:translateY(0);opacity:0%}.pp-section-title{margin-top:35px;font-size:1.5rem}.pp-section-part:nth-child(1){position:relative;display:flex;flex-direction:column;min-width:40%;flex:1;overflow:hidden}.pp-section-part:nth-child(2){will-change:transform;transform:scale(1.025) translateY(10%) translateZ(0);width:100%;max-width:700px;overflow:visible;opacity:0%;transition:transform .5s .1s ease-in-out,opacity .5s .15s ease-in-out}.animate .pp-section-part:nth-child(2){transform:scale(1) translateY(0) translateZ(0);opacity:100%}[theme=dark] .pp-section-part span,[theme=dark] .pp-section-part p{color:#ccc}[theme=light] .pp-section-part span [theme=light] .pp-section-part p{color:#4f4f4f}.pp-section-part:nth-child(1)>p,.pp-section-part:nth-child(1)>div{padding:0 6px}.about-project .pp-section-part:nth-child(1){font-style:italic;max-width:1200px;text-align:center;margin-bottom:3vw}.about-project .pp-section-part:nth-child(2){max-width:500px}.pp-section-part>video{width:100%;transform:scale(1.025) translateY(10%) translateZ(0);opacity:0%;transition:transform 0s 0s ease-in-out,opacity 0s 0s ease-in-out;border-radius:1em}.pp-section-part>img{will-change:filter;width:100%;filter:drop-shadow(0px 0px 10px #23232390);transform:scale(1.025) translateY(10%) translateZ(0);opacity:0%;transition:transform 0s 0s ease-in-out,opacity 0s 0s ease-in-out;border-radius:1em}.animate .pp-section-part>img[data-fadein=true],.animate .pp-section-part>video[data-fadein=true]{transform:scale(1) translateY(0) translateZ(0);opacity:100%;transition:transform .5s .1s ease-in-out,opacity .5s .15s ease-in-out}[theme=dark] .pp-section-part>img{filter:drop-shadow(0px 5px 10px #00000090)}.pp-section-part li{margin:1em 0}.pp-section-part ul{padding:0 25px;gap:10px}.pp-full-desc-ul strong{margin-right:4px}[theme=dark] .pp-full-desc-ul strong{color:#fff}[theme=light] .pp-full-desc-ul strong{color:#363636}.pp-full-desc-ul code,.pp-section-part span.code{background-color:#f5f5f5;color:var(--active-text-color)}[theme=dark] .pp-full-desc-ul code,[theme=dark] .pp-section-part span.code{background-color:#404040}.pp-show-hide-button{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%;height:35px;margin-top:10px;padding:0;border:none;background:linear-gradient(180deg,transparent 10%,color-mix(in hsl,var(--active-base-color) 20%,transparent) 120%);mask:linear-gradient(90deg,transparent 5%,rgb(255,255,255) 50%,transparent 95%)}[theme=light] .pp-show-hide-button{background:linear-gradient(180deg,transparent 10%,color-mix(in hsl,var(--active-base-color) 15%,transparent) 120%)}.pp-show-hide-button>span:first-child{min-width:70px;font-size:.7rem;font-weight:400;font-style:italic;color:var(--color)}.pp-show-hide-img{transform:scale(1.1,.9) rotate(90deg);display:flex;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s ease}.pp-show-hide-img[data-iscollapsed=true]{transform:scale(1.1,.9) rotate(270deg)}.pp-show-hide-img>svg{width:100%;opacity:65%}@media screen and (min-width: 1025px){.sv-section-name{transform:translate(0);position:unset;margin-left:20px}.web-page{--side-padding: max(5vw, 130px);padding:0 var(--side-padding) 225px var(--side-padding)}}.glass-button-wrapper *{cursor:pointer}.glass-button-wrapper{-webkit-user-select:none;user-select:none;border:1px solid #ffffff22;box-shadow:0 3px 10px #0003,0 3px 3px #00000026;overflow:hidden;border-radius:500px;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);transition:all .3s}[theme=light] .glass-button-wrapper{background-color:#d7d7d733}[theme=dark] .glass-button-wrapper{background-color:#7373734d}.glass-button-wrapper[data-animstate=waiting]{cursor:default;box-shadow:0 3px 10px #0000,0 3px 3px #0000;border:1px solid #ffffff00;background-color:#d7d7d700}.glass-button-wrapper[data-animstate=animating]{transition-delay:.3s}.glass-button-wrapper:hover{border:1px solid #ffffff44;box-shadow:3px -2px 10px 2px #0003,0 3px 3px #00000026;transform:scale(1.01)}[theme=light] .glass-button-wrapper:hover{filter:brightness(1.05);box-shadow:1px -1px 10px #0003,0 3px 3px #00000026}[theme=dark] .glass-button-wrapper:hover{filter:brightness(1.2)}.glass-button-wrapper>button{display:flex;align-items:center;gap:7px;padding:7.5px 17.5px;background:none;border:none;animation:animateGlassButtonIn .5s .05s ease-in-out forwards}.glass-button-wrapper[data-animstate=waiting]>button{animation-play-state:paused;opacity:0%}.glass-button-wrapper[data-animstate=animating]>button{animation-play-state:running;opacity:0%}.glass-button-wrapper[data-animstate=completed]>button,.glass-button-wrapper[data-animstate=static]>button{animation:none}.glass-button-wrapper>button>span{text-wrap:nowrap;color:var(--color);font-weight:bolder}.glass-button-wrapper>button>svg{height:100%;min-height:18px}.gb-glare-group{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;transform:translate3d(-110%,0,0);will-change:transform;transition:transform .3s ease-in-out}.glass-button-wrapper>.gb-glare-group{animation:glareGroupAnim .6s ease-in-out forwards}.glass-button-wrapper[data-animstate=waiting]>.gb-glare-group{animation-play-state:paused}.glass-button-wrapper[data-animstate=animating]>.gb-glare-group{animation-play-state:running}.glass-button-wrapper[data-animstate=completed]>.gb-glare-group,.glass-button-wrapper[data-animstate=static]>.gb-glare-group{animation:none}.glass-button-wrapper[data-animstate=highlight]>.gb-glare-group{transform:translate3d(-110%,0,0);animation:infiniteGlareGroupAnim 3s 2.4s ease-in-out infinite}.glass-button-wrapper[data-animstate=completed]:hover>.gb-glare-group,.glass-button-wrapper[data-animstate=static]:hover>.gb-glare-group{transform:translate3d(110%,0,0)}.gb-glare{position:absolute;inset:-200% 0;margin:auto;transform:rotate(-45deg);background-color:#ffffff0d}[theme=light] .gb-glare{background-color:#ffffff26}.glass-button-wrapper[data-animstate=animating] .gb-glare{background-color:#fff3}[theme=light] .glass-button-wrapper[data-animstate=animating] .gb-glare{background-color:#ffffff80}.gb-glare:nth-child(1){width:45%;transform:rotate(-45deg)}.gb-glare:nth-child(2){width:25%;transform:rotate(-45deg)}.gb-glare:nth-child(3){width:10%;transform:rotate(-45deg)}@keyframes glareGroupAnim{0%{transform:translate3d(-110%,0,0)}to{transform:translate3d(110%,0,0)}}@keyframes infiniteGlareGroupAnim{0%{transform:translate3d(-110%,0,0)}to{transform:translate3d(110%,0,0)}}@keyframes infiniteGlareGroupAnim{0%{transform:translate3d(-110%,0,0)}20%{transform:translate3d(110%,0,0)}to{transform:translate3d(110%,0,0)}}@keyframes animateGlassButtonIn{0%{clip-path:inset(0px 100% 0px 0px);opacity:100%}to{clip-path:inset(0px 0% 0px 0px);opacity:100%}}.paragraph-word{transform:translateY(0) rotateX(0);transform-origin:center bottom;transform-style:preserve-3d;translate:none;rotate:none;scale:none;opacity:100%;animation:none}.paragraph-word.animate{display:inline-block;transform:translateY(100%) rotateX(-15deg);opacity:0%;animation:animateWord 1.75s cubic-bezier(.23,1,.32,1) forwards paused}@keyframes animateWord{0%{transform:translateY(100%) rotateX(-15deg);opacity:0%}to{transform:translateY(0) rotateX(0);opacity:100%}}@property --active-base-color{syntax: "<color>"; inherits: true; initial-value: hsl(276 82% 74% / 1);}@property --active-text-color{syntax: "<color>"; inherits: true; initial-value: hsl(276 82% 74% / 1);}.section-view[data-targetproj=alura]{--active-base-color: hsl(276 82% 74% / 1);--active-text-color: hsl(276 82% 74% / 1)}.section-view[data-targetproj=meshregen]{--active-base-color: hsl(200 43% 55% / 1);--active-text-color: hsl(200 43% 55% / 1)}.section-view[data-targetproj=hairday]{--active-base-color: hsl(369 59% 56% / 1);--active-text-color: hsl(369 100% 69% / 1)}.section-view[data-targetproj=starleap]{--active-base-color: hsl(153 33% 62% / 1);--active-text-color: hsl(153 33% 62% / 1)}.section-view{position:fixed;justify-items:center;inset:0;width:100vw;padding-top:75px;z-index:0;overflow-y:auto;overscroll-behavior:contain;opacity:100%;transition:--active-base-color .5s ease,--active-text-color .5s ease}.section-view.hidden{pointer-events:none}.sv-nav-bar{transform:translateY(20px);position:fixed;display:flex;justify-content:space-between;align-items:center;height:50px;width:90%;border-radius:500px;top:0;left:0;right:0;margin-inline:auto;padding:7.5px 10px 7.5px 7.5px;z-index:5;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid #ffffff22;box-shadow:0 3px 10px #0003,0 3px 3px #00000026;transition:all .2s ease-in-out,transform .4s ease-in-out,box-shadow .5s ease-in-out}[theme=light] .sv-nav-bar{background-color:#d7d7d733}[theme=dark] .sv-nav-bar{background-color:#7373734d}.sv-nav-bar[data-navbarstate=active]{transform:translateY(0);top:0;width:100%;height:75px;border-radius:0;background-color:transparent;border:0px solid transparent;box-shadow:0 3px 10px #0000,0 3px 3px #0000;transition:all .2s ease-in-out,transform .4s ease-in-out,box-shadow .2s ease-in-out}.sv-nav-bar[data-navbarstate=hidden]{transform:translateY(calc(-100% - 20px))}.sv-close-button{display:flex;align-items:center;cursor:pointer;min-width:110px;height:35px;border-radius:500px;padding:0 5px;border:none;background-color:transparent;transition:all .2s ease-in-out}[theme=light] .sv-close-button:hover{background-color:#0000000f}[theme=dark] .sv-close-button:hover{background-color:#faf8f64d}.sv-nav-bar[data-navbarstate=active]>.sv-close-button{margin-left:min(3vw,30px)}.sv-close-button>svg{height:80%;aspect-ratio:1;transition:all .2s ease-in-out}.sv-section-name{margin:0 10px 0 0;flex:1;font-weight:700;font-size:.9rem;text-wrap:nowrap;color:var(--color)}.sv-nav-bar>.glass-button-wrapper{box-shadow:none;opacity:100%}.sv-nav-bar>.glass-button-wrapper:hover{--base-alpha: 25%;box-shadow:0 3px 8px color-mix(in hsl,var(--active-base-color) 25%,transparent);border-color:color-mix(in hsl,var(--active-base-color) 50%,transparent)}[theme=light] .sv-nav-bar>.glass-button-wrapper{background-color:#d7d7d733}[theme=dark] .sv-nav-bar>.glass-button-wrapper{background-color:#7373734d}.sv-nav-bar>.glass-button-wrapper>button>span{color:var(--active-text-color)}.sv-nav-bar>.glass-button-wrapper[data-animstate=waiting]{cursor:default;box-shadow:0 3px 10px #0000,0 3px 3px #0000;border:1px solid #ffffff00;background-color:#d7d7d700;opacity:0%}.sv-nav-bar>.glass-button-wrapper[data-animstate=animating]{transition-delay:.3s;transition:all .3s,opacity .1s}.section-view>.filler{width:100%;height:100vh}.section-view>.filler.one{background-color:var(--bg)}.section-view>.filler.two{background-color:orange}.section-view>.filler.three{background-color:plum}.pp-tools-bar-wrapper{position:fixed;transform:translate(-50%);max-width:90%;bottom:10px;left:50%;opacity:100%;transition:transform .3s ease-in-out,opacity .2s ease-in-out}.pp-tools-bar-wrapper[data-hidebar=true]{transform:translate(-50%,calc(100% + 12px))}.pp-tools-bar-wrapper[data-isvisible=false]{opacity:0%}.tb-show-hide-button{cursor:pointer;transform:translateY(-110%);position:absolute;display:flex;align-items:center;height:25px;top:0;right:1%;opacity:100%;background:none;border:none;color:var(--color);transition:opacity .3s ease-in-out}.tb-show-hide-button>span:first-child{font-size:.7rem}.tb-show-hide-button[data-isswitching=true]{cursor:default;pointer-events:none;opacity:0%}.pp-tools-bar::-webkit-scrollbar-track{background:transparent}.pp-tools-bar{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent;display:flex;align-items:center;justify-content:space-between;bottom:10px;padding:8px;overflow:auto hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 3px 10px #0003,0 3px 3px #00000026;transition:background-color .2s ease-in-out}[theme=light] .pp-tools-bar{background-color:#c8c8c84d}[theme=dark] .pp-tools-bar{background-color:#7373734d}.pp-tools-bar>hr{transform:scaleX(.5) translateY(0);width:1px;height:50px;border-right:1px solid;margin:0 10px;border-image:linear-gradient(to bottom,#35353500,#35353561,#35353500) 1;opacity:100%}[theme=dark] .pp-tools-bar>hr{border-image:linear-gradient(to bottom,#c9c9c900,#c9c9c933,#c9c9c900) 1}.tb-category{display:flex;flex-direction:column;align-items:center}.tb-category-title{display:flex;height:20px;overflow:hidden;transition:all .3s 0s ease-in-out}.tb-category-title[data-iscollapsed=true]{height:0px;transition-delay:.15s}.tb-category-title>span{font-size:.55rem;text-transform:uppercase;font-style:italic;transition:all .2s ease-in-out}.tb-category-title[data-iscollapsed=false]>span{transform:translateY(0) rotateX(0);opacity:100%}.tb-category-title[data-iscollapsed=true]>span{transform:translateY(-80%) rotateX(50deg);opacity:0%}.tb-icons-wrapper{display:flex;column-gap:6px}.tb-icons-wrapper>button{transform:translateY(0);cursor:pointer;position:relative;width:45px;height:45px;padding:0;border-radius:12px;border:0px solid rgba(255,255,255,.1);background:none;transition:border .2s ease-in-out,transform .2s ease-in-out}.tb-icons-wrapper>button:hover{transform:translateY(-8px);border:2px solid rgba(255,255,255,.1)}.tb-icons-wrapper>button>img{width:100%;height:100%;z-index:2}.tb-icons-wrapper>button>.tb-icon-name{transform:translateY(0);position:absolute;display:flex;justify-content:center;width:100%;left:0;right:0;margin-inline:auto;bottom:0;opacity:0%;z-index:1;transition:transform .2s ease-in-out,opacity .2s cubic-bezier(0,0,0,1)}.tb-icons-wrapper>button:hover>.tb-icon-name{transform:translateY(15px);opacity:100%;transition:transform .2s ease-in-out,opacity .3s cubic-bezier(1,0,1,1)}.tb-icon-name>span{text-wrap:nowrap;font-size:.55rem;color:var(--color)}.logo-shatter-canvas{position:absolute;width:100%;height:100%;background:none;z-index:-1;transition-duration:.3s}@media screen and (min-width: 1025px){.sv-nav-bar{max-width:950px}.sv-nav-bar[data-navbarstate=active]{max-width:95%}.sv-section-name{margin:0 10px 0 5px}}.incomplete-section{inset:0;margin:auto;text-align:center}.incomplete-info-button-wrapper{position:absolute;top:20px;right:20px}.incomplete-info-button-wrapper .glass-button-wrapper{border-radius:.9em}.incomplete-info-button-wrapper button{padding:3px}.incomplete-info-button-wrapper button svg{width:25px;height:25px}.info-dialog{padding:0;border:none;border-radius:20px;background-color:#222222bf;box-shadow:0 3px 10px #0003,0 3px 3px #00000026;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0%;animation:closeInfo .3s ease-out forwards}.info-dialog:focus{outline:none}.info-dialog[data-isactive=true]{opacity:100%;animation:openInfo .3s ease-out forwards}.info-dialog::backdrop{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:#0000;opacity:0%;animation:closeInfoBD .25s ease-out forwards}.info-dialog[data-isactive=true]::backdrop{background-color:#0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:100%;animation:openInfoBD .25s ease-out forwards}.info-dialog-content{display:grid;padding:5vw;text-align:center;gap:0em 0}.info-dialog-content>p{color:#bfbfbf}.info-dialog-content .paragraph-word.animate{animation-play-state:running}@keyframes openInfo{0%{opacity:0%}to{opacity:100%}}@keyframes closeInfo{0%{opacity:100%}to{opacity:0%}}@keyframes openInfoBD{0%{opacity:0%;background-color:#0000001a}to{opacity:100%;background-color:#0000}}@keyframes closeInfoBD{0%{opacity:100%;background-color:#0000}to{opacity:0%;background-color:#0000001a}}@media screen and (min-width: 1025px){.info-dialog{max-width:600px;inset:unset;margin:0;top:2vw;right:3vw}.info-dialog-content{padding:min(3em,70px)}.info-dialog::backdrop,.info-dialog[data-isactive=true]::backdrop{backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background-color:#0000;animation:none}}.game-page{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0 5vw}.game-page .paragraph-word.animate{animation-play-state:running}@media screen and (min-width: 1025px){.sv-section-name{transform:translate(0);position:unset;margin-left:20px}.game-page{--side-padding: max(5vw, 130px);padding:0 var(--side-padding) 175px var(--side-padding)}}.design-page{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0 5vw}.design-page .paragraph-word.animate{animation-play-state:running}@media screen and (min-width: 1025px){.sv-section-name{transform:translate(0);position:unset;margin-left:20px}.design-page{--side-padding: max(5vw, 130px);padding:0 var(--side-padding) 175px var(--side-padding)}}:root{--bg-elem-scroll: 0%}.intro-bg{--myColor1: rgb(154 129 108 / 100%);--myColor2: rgb(148 114 84 / 100%);--myColor3: rgb(132 110 88 / 100%);position:relative;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,var(--myColor1) 0%,var(--myColor2) 45% 55%,var(--myColor3) 100%)}[theme=light] .intro-bg{--myColor1: rgb(255 204 163 / 100%);--myColor2: rgb(246 211 180 / 100%);--myColor3: rgb(250 200 150 / 100%)}.intro-bg:before{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;content:"";width:calc(100% - min(2.5vw,10px));height:calc(100% - min(2.5vw,10px));background-color:var(--bg);transition:background-color .2s ease-in-out}.intro-bg[data-enableanim=false]:before{transition-duration:0s}.intro-bg-pattern{position:relative;width:100%;height:100%;mask-image:url(/assets/Intro-bg-DSlL1kd3.svg);-webkit-mask-image:url(/assets/Intro-bg-DSlL1kd3.svg);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:40vh;mask-size:40vh;-webkit-mask-position:center;mask-position:center;mask-mode:alpha;overflow:hidden}[theme=dark] .intro-bg-pattern{background:#ffffff04}[theme=light] .intro-bg-pattern{background:#00000006}.intro-bg-pattern>.glow{position:absolute;top:0;left:0;width:80vh;aspect-ratio:.5;background:radial-gradient(circle at center,rgb(var(--color)),rgb(var(--color) / 20%) 15%,#0000 45%);border-radius:100%}[theme=dark] .intro-bg-pattern>.glow{--color: 255 243 220}[theme=light] .intro-bg-pattern>.glow{--color: 63 63 63}.bg-elements{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.my-pfp{pointer-events:none;position:absolute;display:flex;justify-content:center;align-items:center;inset:0 0 10%;margin:auto;object-fit:contain;max-height:70%;width:90%;max-width:450px}.my-pfp>img{object-fit:contain;width:100%;height:100%}.intro-page-elements button{cursor:pointer;pointer-events:all}.intro-page-elements{pointer-events:none;position:absolute;width:100%;height:100%;z-index:2}.texts-container{--txtBgColor: #00000000;transform:translateY(32vh);position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;max-width:1000px;padding:10vh 0;inset:0 0 10%;margin:auto;background:linear-gradient(to left,transparent 0%,var(--txtBgColor) 20%,var(--txtBgColor) 80%,transparent 100%);mask:linear-gradient(to bottom,transparent 25px,var(--txtBgColor) 35%,var(--txtBgColor) 65%,transparent 100%);transition:--txtBgColor .2s ease-in-out}[theme=dark] .texts-container{--txtBgColor: #353535}[theme=light] .texts-container{--txtBgColor: #faf8f6}@property --txtBgColor{syntax: "<color>"; initial-value: #ffffff00; inherits: false;}.texts-container>.f-name{transform:translateY(200%);display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;opacity:0%;z-index:2;animation:fNameAnimation .5s .2s ease-out forwards}.f-name>p{font:400 clamp(16px,calc(8px + 2vw),2em) "Michroma";letter-spacing:4em;margin:0 0 0 4em;text-shadow:-5px 5px 10px rgb(0 0 0 / 50%)}@keyframes fNameAnimation{0%{transform:translateY(200%);opacity:0%}50%{opacity:15%}to{transform:translateY(0);opacity:100%}}.texts-container>.l-name{position:absolute;width:clamp(280px,45vw,550px);filter:drop-shadow(-2px 2px 1px rgba(0,0,0,.4));opacity:65%;z-index:1;transition:opacity .2s ease-in-out}[theme=light] .l-name{opacity:85%}.texts-container>.l-name>svg{opacity:0%;animation:initialOpacity .5s forwards}.skills-text{--anim-delay: 3s;transform:translateY(84vh);justify-self:center;width:100%;font-family:Michroma;text-align:center;white-space:nowrap;font-size:clamp(.65em,calc(.35em + 1vw),.8em)}.skills-text span{display:inline-block;transform:translateY(100%);opacity:0%;animation:animateWord .5s var(--anim-delay) ease-in-out forwards}.skills-text .p-separator{margin:0 7px;font-size:clamp(.7em,.4em + 1vw,1em)}@keyframes initialOpacity{0%,99%{opacity:0%}to{opacity:100%}}.theme-button{position:absolute;top:20px;right:20px}@media screen and (max-aspect-ratio: 1/1){.skills-text{transform:translateY(calc(84vh - ((100vh - 100vw)/40)))}}@media screen and (min-width: 1025px){.bg-elements{transform:translate(var(--bg-elem-scroll))}}.about-me-container{align-self:center;justify-self:center;width:90%;height:90%;max-width:600px;border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--bg);box-shadow:0 3px 10px #0003,0 3px 3px #00000026}[theme=light] .about-me-container{background-color:#faf8f699}[theme=dark] .about-me-container{background-color:#7373734d}.about-me-body{display:flex;flex-direction:column;padding:20px;gap:8px}.about-me-title{width:200px;filter:drop-shadow(-2px 2px 1px rgba(0,0,0,.4));opacity:85%;margin:40px 0 0 20px;transition:opacity .2s ease-in-out}.about-me-body>p{word-spacing:2px;line-height:1.6em}.about-me-container.animate .paragraph-word{transform:translateY(100%);opacity:0%;animation-play-state:running}.about-me-container.end-animate .paragraph-word{transform:translateY(0);opacity:100%}@media screen and (min-width: 1025px){.about-me-container{position:fixed;inset:0 0 0 -50%;width:35%;height:unset;max-width:unset;aspect-ratio:1.5;margin:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:var(--about-me-opacity);transition:background-color .2s ease-in-out}[theme=light] .about-me-container{background-color:#c8c8c84d}[theme=dark] .about-me-container{background-color:#7373734d}}.skills-canvas-wrapper{width:100%;height:100%}.ty-page-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--bg);gap:50px}.ty-page-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bg-triangle1{transform:rotate(95deg) translateY(100vh);position:absolute;top:0;left:0;width:200vh;object-fit:fill;opacity:50%}.bg-triangle2{pointer-events:none;-webkit-user-select:none;user-select:none;transform:scaleX(-2) rotate(0) translate(-10%,46vh);position:absolute;top:0;right:0;width:200vh;object-fit:fill;opacity:60%}.get-in-touch-container{width:80%;max-width:500px;filter:drop-shadow(-2px 2px 1px rgba(0,0,0,.4))}.socials-container{display:flex;justify-content:center;width:80%;max-width:1200px;gap:5vw}.social-button-wrapper *{cursor:pointer}.social-button-wrapper{-webkit-user-select:none;user-select:none;max-width:175px;aspect-ratio:1;border:1px solid #ffffff22;box-shadow:0 3px 10px #0003,0 3px 3px #00000026;border-radius:.7rem;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);overflow:hidden;transition:.3s all}[theme=light] .social-button-wrapper{background-color:#d7d7d733}[theme=dark] .social-button-wrapper{background-color:#7373734d}.social-button-wrapper:hover{border:1px solid #ffffff44;box-shadow:3px -2px 10px 2px #0003,0 3px 3px #00000026;transform:scale(1.01)}[theme=light] .social-button-wrapper:hover{filter:brightness(1.05);box-shadow:1px -1px 10px #0003,0 3px 3px #00000026}[theme=dark] .social-button-wrapper:hover{filter:brightness(1.2)}.social-button-wrapper>button{width:100%;height:100%;background:none;border:none}.social-button-wrapper>button>svg{width:50%}.sb-glare-group{transform:translate(-150%) rotate(-45deg);pointer-events:none;position:absolute;inset:0;margin:auto;width:100%;height:200%;transition:all .4s}.social-button-wrapper:hover>.sb-glare-group{transform:translate(150%) rotate(-45deg)}.sb-glare{inset:0;margin:auto;height:100%;position:absolute;background-color:#ffffff0d}[theme=light] .sb-glare{background-color:#ffffff26}.sb-glare:nth-child(1){width:50%}.sb-glare:nth-child(2){width:30%}.sb-glare:nth-child(3){width:15%}