*,:before,:after{box-sizing:border-box}*{min-width:0;margin:0;padding:0}[hidden]{display:none!important}html{scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizelegibility;width:100%;height:100%;min-height:100svh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;letter-spacing:-5%;overflow-wrap:break-word;text-wrap:balance;line-height:1.1}p{overflow-wrap:break-word;text-wrap:pretty}img,picture,video,canvas,svg,embed,iframe,object,audio{max-width:100%;height:auto;display:block}svg[width][height]{max-width:revert}button{background:0 0;border:none}input,button,textarea,select{font:inherit;appearance:none}button,[role=button],label,summary,select{cursor:pointer}fieldset{border:none;padding:0}a{color:inherit}ul,ol{list-style:none}table{border-collapse:collapse}th{font-weight:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:monospace;font-size:inherit}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}#root{isolation:isolate;position:relative;overflow:hidden}section.introduction .wrapper{align-items:center;gap:var(--gap-normal);visibility:hidden;flex-direction:column;max-width:800px;display:flex}section.introduction .wrapper.ready{visibility:visible}section.introduction .title{opacity:.7;filter:blur(1px);mix-blend-mode:overlay}section.introduction .tagline{color:var(--clr-lightblue);font-size:var(--txt-medium);text-align:center;opacity:.7;filter:blur(.7px);mix-blend-mode:soft-light;font-weight:300;line-height:1.3em}section.introduction .word{display:inline-block}@media (width<=1024px){section.introduction .wrapper{text-align:center;max-width:100%}}@media (width<=768px){section.introduction .wrapper{gap:var(--gap-small);text-align:center;max-width:100%}}.about .wrapper{max-width:70%;margin:0 auto 0 0}.about .about-image{opacity:.5;z-index:3;pointer-events:none;will-change:transform, opacity;mix-blend-mode:hard-light;position:absolute;right:0}.about .about-image img{mix-blend-mode:color-dodge;height:1200px}.about .about-content{padding-bottom:var(--gap-large)}.about .about-content p:last-child{padding:0}.about .skills-list{gap:var(--gap-small);padding:var(--gap-normal) 0;flex-direction:column;display:flex}.about .skills-list>li{gap:var(--gap-small);display:flex}.about .skills-list>li>span{min-width:200px;color:var(--clr-primary);font-size:var(--txt-normal)}.about .skills-list>li ul{align-items:center;gap:var(--gap-small);display:flex}.about .skills-list>li ul li{color:var(--clr-lightblue);font-size:var(--txt-xsmall);align-items:center;font-weight:200}@media (width<=1024px){.about .wrapper{max-width:100%}.about .about-image img{height:800px}}@media (width<=768px){.about .wrapper{max-width:100%}.about .about-image{display:none}.about .skills-list>li{gap:var(--gap-xsmall);flex-direction:column}.about .skills-list>li>span{min-width:unset}.about .skills-list>li ul{flex-wrap:wrap}}.experience .wrapper{max-width:70%;margin:0 auto 0 0}.experience .wrapper .experience-container{gap:var(--gap-normal);padding:var(--gap-large) 0;flex-direction:column;display:flex}.experience .wrapper .experience-item h3,.experience .wrapper .experience-item h4{padding-bottom:var(--gap-xsmall);color:var(--clr-white)}.experience .wrapper .experience-item .description{padding:var(--gap-small) 0}@media (width<=1024px){.experience .wrapper{max-width:100%}}@media (width<=768px){.experience .wrapper{max-width:100%}.experience .wrapper .experience-container{padding:var(--gap-normal) 0}}.portfolio .wrapper{text-align:center;width:100%;max-width:1280px}.portfolio .button-tab{gap:var(--gap-small);justify-content:center;align-items:center;display:flex}.portfolio .button-tab .btn{font-size:var(--txt-xsmall)}.portfolio .button-tab{padding:var(--gap-large) 0}.portfolio .portfolio-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:1280px;margin:0 auto;display:grid}.portfolio .project-card{padding:var(--gap-normal);gap:var(--gap-xsmall);text-align:left;flex-direction:column;margin-bottom:2rem;display:flex}.portfolio .project-card .portfolio-image img{border:3px solid rgb(from var(--clr-dark-color) r g b / 20%);filter:blur(.8px);border-radius:5px}.portfolio .project-card:nth-child(odd){grid-column:1}.portfolio .project-card:nth-child(2n){grid-column:2;transform:translateY(30%)}.portfolio .design-grid.masonry{columns:3;column-gap:1rem;max-width:1280px;margin:0 auto}.portfolio .masonry-item{break-inside:avoid;cursor:pointer;pointer-events:all;filter:blur(.8px);border-radius:5px;margin-bottom:1rem;position:relative;overflow:hidden}.portfolio .masonry-item img{filter:blur(.5px);width:100%;height:auto;transition:transform .3s,filter .3s;display:block}.portfolio .masonry-item:hover img{filter:blur();transform:scale(1.02)}.portfolio .masonry-item:hover .masonry-item-overlay{opacity:1}.portfolio .masonry-item-overlay{opacity:0;background:linear-gradient(#0000 40%,#00121acc 100%);border-radius:8px;align-items:flex-end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio .masonry-item-overlay span{color:var(--clr-white);font-size:var(--txt-small);filter:none;mix-blend-mode:normal;font-weight:300}@media (width<=1024px){.portfolio .portfolio-grid{grid-template-columns:1fr 1fr}.portfolio .project-card:nth-child(2n){transform:translateY(0)}.portfolio .design-grid.masonry{columns:2}}@media (width<=768px){.portfolio .wrapper{max-width:100%}.portfolio .portfolio-grid{grid-template-columns:1fr}.portfolio .project-card:nth-child(odd),.portfolio .project-card:nth-child(2n){grid-column:1;transform:translateY(0)}.portfolio .button-tab{padding:var(--gap-normal) 0;flex-wrap:wrap}.portfolio .design-grid.masonry{columns:1}}.contact{text-align:center}.contact .wrapper{max-width:900px}.contact .title{padding-bottom:var(--gap-normal)}.contact .contact-info{gap:var(--gap-large);padding:var(--gap-large);justify-content:center;align-items:center;display:flex}.contact .contact-info a{color:var(--clr-secondary)}@media (width<=1024px){.contact .contact-info{gap:var(--gap-normal)}}@media (width<=768px){.contact .wrapper{max-width:100%}.contact .contact-info{gap:var(--gap-small);padding:var(--gap-normal) 0;flex-direction:column}}.header{z-index:100;width:100%;padding:var(--gap-small) var(--gap-large);pointer-events:all;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.header .logo a{color:#fff;letter-spacing:-5%;font-size:2rem;text-decoration:none}.header .burger{z-index:9;cursor:pointer;width:28px;height:20px;text-decoration:none;display:flex;position:relative}.header .burger span{will-change:transform, opacity;background-color:#fff;width:100%;height:4px;display:block;position:absolute}.header .burger span:first-child{top:0}.header .burger span:nth-child(2){top:50%;transform:translateY(-50%)}.header .burger span:nth-child(3){bottom:0}.menu-overlay{z-index:98;width:100vw;height:100dvh;padding:var(--gap-large);background-color:var(--clr-dark-color);opacity:0;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);will-change:clip-path, opacity;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.menu-overlay nav{flex-direction:column;align-items:center;gap:10px;display:flex}.menu-overlay nav a{color:var(--clr-lightblue);filter:blur(.7px);font-size:3em;font-weight:300;line-height:1.2em;text-decoration:none;transition:all}.menu-overlay nav a:hover{color:var(--clr-secondary)}.menu-overlay nav a .line{display:block}body.menu-open{overflow:hidden}@media (width<=1024px){.header{padding:var(--gap-small) var(--gap-normal)}}@media (width<=768px){.header{padding:var(--gap-small)}}.preloader{z-index:9999;background-color:var(--clr-dark-color);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-counter{color:var(--clr-lightblue);font-size:var(--txt-xlarge);letter-spacing:-.05em;filter:blur(1px);mix-blend-mode:soft-light;font-weight:200}.portfolio-modal-overlay{z-index:9999;background-color:var(--clr-dark-color);padding:var(--gap-large);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);will-change:clip-path, opacity;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:scroll}.portfolio-modal-content{width:100%;padding:var(--gap-large);position:relative}.portfolio-modal-content h2{color:var(--clr-secondary);font-size:var(--txt-medium);margin-bottom:var(--gap-small);filter:blur(.5px);mix-blend-mode:soft-light;font-weight:300}.portfolio-modal-close{top:var(--gap-small);right:var(--gap-normal);z-index:10000;color:var(--clr-white);cursor:pointer;opacity:.7;pointer-events:all;font-size:2.5rem;line-height:1;transition:opacity .2s;position:fixed}.portfolio-modal-close:hover{opacity:1}.portfolio-modal-description{color:var(--clr-lightblue);font-size:var(--txt-small);margin-bottom:var(--gap-normal);filter:blur(.5px);font-weight:200;line-height:1.6}.portfolio-modal-images{gap:var(--gap-small);flex-direction:column;display:flex}.portfolio-modal-images img{border:1px solid rgb(from var(--clr-primary) r g b / 15%);border-radius:8px;width:100%;height:auto}:root{--clr-dark-color:#00121a;--clr-primary:#004475;--clr-secondary:#0090d0;--clr-lightblue:#b7e9ff;--clr-white:#fff;--gap-xlarge:160px;--gap-large:80px;--gap-normal:40px;--gap-small:20px;--gap-xsmall:10px;--txt-xlarge:96px;--txt-large:60px;--txt-medium:32px;--txt-normal:24px;--txt-small:18px;--txt-xsmall:14px}body{background-color:var(--clr-dark-color);height:100%;color:var(--clr-primary);font-optical-sizing:auto;font-family:Outfit,sans-serif;position:relative;overflow-x:hidden}section{z-index:5;width:100%;min-height:100vh;padding:var(--gap-large) var(--gap-xlarge);mix-blend-mode:lighten;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}section .title{padding-bottom:var(--gap-normal)}.main-container{z-index:3;pointer-events:none;mix-blend-mode:plus-lighter;background-color:#0000;transition:all 1s;position:relative;overflow:hidden}@media (width<=1024px){.main-container{pointer-events:auto;overflow:visible}section{padding-left:var(--gap-normal);padding-right:var(--gap-normal)}}@media (width<=768px){.main-container{pointer-events:auto;overflow:visible}section{padding-left:var(--gap-small);padding-right:var(--gap-small)}:root{--txt-xlarge:48px;--txt-large:36px;--txt-medium:22px;--txt-normal:18px;--txt-small:16px}}h1,h2,h3,h4,h5,h6{color:var(--clr-secondary);letter-spacing:-5%;filter:blur(1px);mix-blend-mode:soft-light;margin:0;font-weight:400;line-height:1.1}p{padding-bottom:var(--gap-small);color:var(--clr-lightblue);letter-spacing:-4%;filter:blur(1px);mix-blend-mode:overlay;margin:0;font-weight:300}span{filter:blur(.5px);mix-blend-mode:soft-light}h1,.txt-xlarge{font-size:var(--txt-xlarge);filter:blur(1.5px)}h2,.txt-large{font-size:var(--txt-large);filter:blur(1px)}h3,.txt-med{font-size:var(--txt-medium);filter:blur(.7px)}h4,.txt-normal{font-size:var(--txt-normal);filter:blur(.7px)}h5,.txt-small{font-size:var(--txt-small);filter:blur(.6px)}h6,.txt-xsmall{font-size:var(--txt-xsmall);filter:blur(.6px)}.btn{padding:var(--gap-xsmall) var(--gap-small);background-color:rgb(from var(--clr-primary) r g b / 20%);color:var(--clr-secondary);font-size:var(--txt-small);pointer-events:all;border-radius:40px;text-decoration:none;transition:background-color .25s;display:inline-block}.btn span{letter-spacing:-5%;filter:blur(.7px)}.btn.large{padding:var(--gap-small) var(--gap-normal);font-size:var(--txt-small)}.btn:hover{background-color:rgb(from var(--clr-primary) r g b / 60%)}.btn.active{background-color:rgb(from var(--clr-primary) r g b / 60%);color:#fff;font-weight:300}canvas,#fluid-canvas{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.noise-overlay{z-index:2;mix-blend-mode:hard-light;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/broken-noise.png);width:100vw;height:100vh;position:fixed;top:0;left:0}.radial-gradient{pointer-events:none;z-index:1;mix-blend-mode:overlay;aspect-ratio:1;filter:blur(5px);background:radial-gradient(circle closest-side,#c2edff,#0090d030 52%,#0090d000 100%),radial-gradient(circle closest-side,#c2edff,#0090d030 62%,#0090d000 100%),radial-gradient(circle closest-side,#c2edff,#0090d030 80%,#0090d000 100%);width:2000px;position:absolute}