@import"https://fonts.googleapis.com/css2?family=Teko:wght@600&family=Space+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:700";:root{--color-dominant: #004953;--color-secondary: #01796F;--color-accent: #FF6F61;--font-family: "Poppins", sans-serif}.animated-gradient-text{position:relative;margin:0 auto;display:inline-flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:gradient 8s linear infinite;background-image:linear-gradient(to right,var(--color-secondary),var(--color-accent),var(--color-secondary))}.text-rotate{display:flex;flex-wrap:wrap;justify-content:center;text-transform:uppercase;font-size:calc(1rem + min(.5vw,.5rem));font-weight:900;letter-spacing:-.05ch;line-height:.9;color:#fff;-webkit-text-stroke:2px black;text-shadow:4px 4px black;paint-order:stroke fill}html{scroll-behavior:smooth}.menu-btn{position:fixed;top:20px;right:20px;height:50px;width:50px;background:snow;border-radius:50%;font-size:24px;color:#000;cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;z-index:10001;transition:background-color .3s ease}.menu-btn:hover{background-color:#eee}.menu-btn.open{color:#000}.wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000e;clip-path:circle(25px at calc(100% - 45px) 45px);transition:clip-path .5s ease-in-out,opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10000;overflow:hidden;opacity:0}.wrapper.active{clip-path:circle(150% at 50% 50%);pointer-events:auto;-webkit-user-select:auto;user-select:auto;opacity:1}.wrapper ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;padding:0;margin:0;text-align:center}.wrapper ul li{margin:20px 0}.wrapper ul li a{color:#fff;text-decoration:none;font-size:2rem;font-weight:600;padding:10px 40px;border-radius:30px;background:linear-gradient(45deg,#ffffff,#c0c0c0,#353737,);background-size:200% 200%;animation:gradientMove 4s ease infinite;display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.wrapper ul li a:hover,.wrapper ul li a:focus{transform:scale(1.1);box-shadow:0 0 12px #ff00e0,0 0 15px #14ffe9;outline:none}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.menu-open{overflow:hidden}:root{--lg-bg-color: rgba(255, 255, 255, .1);--lg-highlight: rgba(255, 255, 255, .5);--lg-text: #ffffff;--lg-red: #fb4268;--lg-grey: #5b5b5b}*{box-sizing:border-box}body{margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%}.container--inline{flex-direction:row}.glass-container{position:relative;display:flex;flex-direction:column;color:var(--lg-text);background:transparent;border-radius:2rem;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a;transition:all .4s ease;width:100%;max-width:500px}.glass-container--large{min-width:300px}.glass-filter{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--lg-bg-color)}.glass-specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-shadow:inset 1px 1px 0 var(--lg-highlight),inset 0 0 5px var(--lg-highlight);border-radius:inherit}.glass-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;width:100%}.player__thumb{display:flex;flex-direction:column;align-items:center;text-align:center}.player__img{width:100%;max-width:160px;border-radius:1rem;margin-bottom:.5rem}.player__legend__title{font-size:1.2rem;margin:0;color:#fff;text-shadow:0 0 3px #000}.player__legend__sub-title{font-size:.9rem;margin:0;color:#ccc;text-shadow:0 0 2px #000}.glass-play-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);color:#fff;font-size:1.05rem;padding:.6rem 1.5rem;border-radius:30px;box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:all .25s ease;text-shadow:0 0 3px rgba(0,0,0,.6);width:fit-content}.glass-play-button:hover{background:#ffffff26;box-shadow:0 0 10px #ffffff4d;transform:scale(1.05)}.glass-play-button:active{transform:scale(.95)}.audio-range{width:100%;max-width:100%;cursor:pointer;accent-color:#ffffff;margin:.5rem 0;height:6px;border-radius:5px;background:linear-gradient(to right,#fff,#888)}.time-display{display:flex;justify-content:space-between;width:100%;font-size:.9rem;color:#ccc}@media screen and (max-width: 480px){.glass-content{padding:1.5rem 1rem}.player__img{max-width:120px}.glass-play-button{font-size:1rem;padding:.5rem 1.2rem}.player__legend__title{font-size:1rem}.player__legend__sub-title{font-size:.8rem}.audio-range{height:5px}.time-display{font-size:.8rem}}.parallax{position:relative;overflow:hidden;width:100%;margin:1rem 0}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));color:var(--color-accent);will-change:transform}.scroller span{flex-shrink:0;padding:0 2rem}@media (min-width: 768px){.scroller{font-size:5rem;line-height:5rem}}.about-me-wrapper{margin:0 auto;padding:8rem 1rem;max-width:100%}.about-me-section{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;background-color:#ffffff08;border-radius:1rem;box-shadow:0 0 10px #ffffff1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1.5rem;text-align:center}.about-me-section h3{font-size:1.6rem;background-image:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:.4rem}.about-me-section p{font-size:1rem;color:var(--color-secondary);line-height:1.5}.scroll-velocity-text{font-size:2.4rem;white-space:nowrap;padding:.5rem 0;text-align:center;background:linear-gradient(90deg,#fff,silver,#353737,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 2.5s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}:root{--spotlight-gradient: linear-gradient(90deg, #ffffff, #c0c0c0, #7f8c8d, #aab0b2, #e0e0e0, #ffffff)}body{background:#000;margin:0;padding:0;font-family:Space Mono,monospace;color:#fff}.about-section{display:flex;flex-direction:column;align-items:center;background:#000;color:#fff;padding:clamp(2rem,5vw,4rem) 1rem;max-width:900px;margin:0 auto;text-align:center}.spotlight-heading{font-family:Teko,sans-serif;text-transform:uppercase;font-size:clamp(4rem,10vw,10rem);display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;position:relative;background:#171717;color:#000;line-height:1;padding:0 1rem;-webkit-user-select:none;user-select:none}.spotlight-heading:before{content:attr(data-text);position:absolute;background:var(--spotlight-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:100% 90%;clip-path:ellipse(120px 120px at -2.54% -9.25%);animation:swing 5s infinite alternate;line-height:1;width:100%;left:0;top:0;pointer-events:none}@keyframes swing{0%{clip-path:ellipse(120px 120px at -2.54% -9.25%)}50%{clip-path:ellipse(120px 120px at 49.66% 64.36%)}to{clip-path:ellipse(120px 120px at 102.62% -1.61%)}}.text-block{margin:0 auto;max-width:800px;font-weight:400;font-style:normal;font-size:clamp(14px,3vw,24px);color:#fff;line-height:1.6;padding:0 1rem;will-change:transform;-webkit-user-select:text;user-select:text}.char{will-change:transform}@media (max-width: 600px){.spotlight-heading{font-size:5rem;margin-bottom:1.5rem;padding:0 .5rem}.text-block{max-width:100%;font-size:16px;padding:0 .5rem}.about-section{padding:2rem 1rem}}.jelly-scroll{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;pointer-events:none;overflow:hidden}.snap-section{position:absolute;top:0;left:0;width:100%;height:100%;animation:fadeZoom 1s ease-in-out both;animation-timeline:view();animation-range:entry 85% entry 85%;opacity:0}@keyframes fadeZoom{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.sparkle-wrapper{margin-top:120px;display:flex;justify-content:center;align-items:center}.sparkle-wrapper a{--color: #ffffff;--shadow: #000000;--glare: hsl(0 0% 100% / .6);--font-size: 1.8rem;--hover: .4;--pos: 0;--padding: 1rem;padding:var(--padding);border-radius:9998px;text-decoration:none;color:transparent;position:relative;transition:all .3s ease;cursor:pointer;min-width:300px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 8px 24px #00000080}.sparkle-wrapper a:hover{--hover: 1;--pos: 1;background:#ffffff14;box-shadow:0 12px 40px #0009;transform:translateY(-3px)}.sparkle-wrapper a:hover{--hover: 1;--pos: 1;background-color:#222}.sparkle-wrapper span{display:inline-block;font-size:var(--font-size);font-weight:700;text-shadow:0 0 var(--shadow),-1px 1px var(--shadow),-2px 2px var(--shadow);transform:translate(calc(var(--hover) * .1em),calc(var(--hover) * -.1em));transition:all .2s}.sparkle-wrapper span:last-of-type{position:absolute;inset:var(--padding);background:linear-gradient(108deg,transparent 0 55%,var(--glare) 55% 60%,transparent 60% 70%,var(--glare) 70% 85%,transparent 85%) calc(var(--pos) * -200%) 0% / 200% 100%,var(--color);-webkit-background-clip:text;color:transparent;z-index:2;text-shadow:none}.sparkle-wrapper a svg{position:absolute;z-index:3;width:1.2rem;aspect-ratio:1;transform:translate(-50%,-50%) scale(0)}.sparkle-wrapper a:hover svg{animation:sparkle .75s calc((var(--delay-step, .15) * var(--d, 1)) * 1s) both}@keyframes sparkle{50%{transform:translate(-50%,-50%) scale(var(--s, 1))}}.sparkle-wrapper a svg:nth-of-type(1){top:20%;left:0%;--s: 1.1;--d: 1}.sparkle-wrapper a svg:nth-of-type(2){top:80%;left:15%;--s: 1.25;--d: 2}.sparkle-wrapper a svg:nth-of-type(3){top:40%;left:45%;--s: 1.1;--d: 3}.sparkle-wrapper a svg:nth-of-type(4){top:60%;left:75%;--s: .9;--d: 2}.sparkle-wrapper a svg:nth-of-type(5){top:30%;left:100%;--s: .8;--d: 4}body{margin:0;padding:0;background:#0b0a0a;font-family:Outfit,sans-serif;color:#f1d7ff;overflow-x:hidden}.project-showcase{width:100%;min-height:100vh;background:#0b0a0a;overflow-x:hidden;font-family:Outfit,sans-serif;color:#f1d7ff}#projects-container{position:relative}.intro-section{padding:6rem 1rem 4rem;text-align:center}.intro-title{font-size:3.8rem;color:#bd485b;font-family:Elsie Swash Caps,serif;margin:0}.intro-sub{font-size:1.5rem;color:#eaddeb;opacity:.8;margin-top:1rem}.project-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;min-height:100vh;box-sizing:border-box}.project-text{max-width:800px;text-align:center;margin-bottom:2.5rem;padding:0 1rem}.project-title{font-size:3rem;font-family:Elsie Swash Caps,serif;color:#eb8192;margin:0 0 1rem;mix-blend-mode:color-dodge}.project-description{font-size:1.2rem;line-height:1.6;white-space:pre-line;color:#eaddeb;background-color:#ffffff08;padding:1.5rem 2rem;border-radius:14px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 20px #ffffff0f;transition:all .4s ease}.project-image-wrapper{overflow:hidden;max-width:90vw;max-height:60vh;border-radius:18px;box-shadow:0 0 60px #ffffff1a}.svg-project-img{width:100%;height:auto;display:block}.mask-circle{transition:r .4s ease}@media (max-width: 768px){.intro-title{font-size:2.4rem}.intro-sub{font-size:1.1rem}.project-title{font-size:2rem}.project-description{font-size:1rem;padding:1rem}.project-image-wrapper{max-height:40vh}}.project-link{color:inherit;text-decoration:none;font:inherit}.project-link:hover{text-decoration:underline}#animated-title-container{color:#999;text-transform:uppercase;font-size:36px;font-weight:700;margin-bottom:20px}#flip{display:inline-block;height:50px;overflow:hidden;vertical-align:bottom}#flip>div>div{color:#fff;padding:4px 12px;height:45px;margin-bottom:45px;display:inline-block;font-family:Roboto,sans-serif}#flip div:first-child{animation:show 5s linear infinite}#flip div div{background:#42c58a}#flip div:first-child div{background:#4ec7f3}#flip div:last-child div{background:#dc143c}@keyframes show{0%{margin-top:-270px}5%{margin-top:-180px}33%{margin-top:-180px}38%{margin-top:-90px}66%{margin-top:-90px}71%{margin-top:0}99.99%{margin-top:0}to{margin-top:-270px}}.skills-section{padding:4rem 1rem;text-align:center;background:transparent}.skills-section h2{font-size:2.5rem;margin-bottom:2rem;color:var(--color-secondary)}.skills-list{--col-gap: 2rem;--barH: 1rem;--roleH: 2rem;--flapH: 2rem;width:min(60rem,90%);margin-inline:auto;display:flex;flex-wrap:wrap;gap:var(--col-gap);padding-inline:calc(var(--col-gap) / 2);justify-content:center;align-items:flex-start;list-style:none}.skills-list li{width:10em;display:grid;grid-template:"role" "icon" "title" "descr";align-items:flex-start;gap:1rem;padding-block-end:calc(var(--flapH) + 1rem);text-align:center;background:var(--accent-color);background-image:linear-gradient(rgba(0,0,0,.6) var(--roleH),rgba(0,0,0,.4) calc(var(--roleH) + .5rem),rgba(0,0,0,0) calc(var(--roleH) + .5rem + 5rem));clip-path:polygon(calc(var(--col-gap) / -2 - 5px) 0,calc(100% + var(--col-gap) / 2 + 5px) 0,calc(100% + var(--col-gap) / 2 + 5px) calc(100% - var(--flapH)),50% 100%,calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)))}.skills-list li:before{content:"";grid-area:role;height:var(--barH);width:calc(100% + var(--col-gap));margin-left:calc(var(--col-gap) / -2);margin-top:calc(var(--roleH) / 2 - var(--barH) / 2);background:#ffffff1a;z-index:-1}.skills-list li:after{content:"";grid-area:role;background:var(--accent-color);height:var(--roleH)}.skills-list li .icon,.skills-list li .title,.skills-list li .descr{padding-inline:1rem;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.5)}.skills-list li .icon{font-size:3rem}.skills-list li .title{font-size:1.25rem;font-weight:700}.skills-list li .descr{font-size:.9rem}body{margin:0;padding:0 10px 100px;background-color:#000}#contact{width:100%;min-height:100vh;box-sizing:border-box;padding:20px 0}.section-header{text-align:center;margin:0 auto 40px;font:300 60px Oswald,sans-serif;color:#fff;text-transform:uppercase;letter-spacing:6px;max-width:90vw;word-break:break-word}.contact-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;padding:20px;position:relative;max-width:840px;gap:30px;box-sizing:border-box}.form-horizontal{max-width:400px;width:100%;font-family:Lato,sans-serif;font-weight:400}.form-control,textarea{width:100%;background-color:#1e1e1e;color:#fff;letter-spacing:1px;border:1px solid #444;padding:1rem 1.2rem;border-radius:6px;box-sizing:border-box;resize:vertical;font-size:1.1rem;min-height:40px;margin-bottom:15px}textarea{min-height:180px;padding-top:1rem;padding-bottom:1rem}.send-button{margin-top:15px;height:40px;width:100%;max-width:400px;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer;background-color:#007bff;border:none;color:#fff;border-radius:6px;font-weight:600;font-size:1.1rem}.alt-send-button{width:100%;max-width:400px;height:40px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.send-text{margin-top:10px;font:700 12px Lato,sans-serif;letter-spacing:2px}.alt-send-button:hover{transform:translate3d(0,-29px,0)}.direct-contact-container{max-width:400px;width:100%;color:#bbb;font-family:Lato,sans-serif}.contact-list{list-style:none;padding-left:0;margin-left:0;padding-right:20px}.list-item{line-height:4;color:#aaa}.contact-text{font:300 18px Lato,sans-serif;letter-spacing:1.9px;color:#bbb;word-wrap:break-word}.place{margin-left:62px}.phone{margin-left:56px}.gmail{margin-left:53px}.contact-text a{color:#bbb;text-decoration:none;transition-duration:.2s}.contact-text a:hover{color:#fff;text-decoration:none}.social-media-list{font-size:22px;text-align:center;width:100%;margin:0 auto;padding:0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.social-media-list li{display:inline-flex;align-items:center;justify-content:center;height:60px;width:60px;border-radius:50%;color:#fff;background-color:#1b1b1b;cursor:pointer;transition:all .2s ease-in-out;font-size:28px}.social-media-list li:hover{background-color:#fff}.social-media-list li:hover a{color:#000}.copyright{font:200 14px Oswald,sans-serif;color:#555;letter-spacing:1px;text-align:center;margin-top:30px}hr{border-color:#fff9;margin:20px 0}@media screen and (max-width: 850px){.contact-wrapper{flex-direction:column;align-items:center;gap:40px}.direct-contact-container,.form-horizontal{max-width:350px;width:100%;margin:0 auto}.direct-contact-container{margin-top:30px}.social-media-list li{height:60px;width:60px;line-height:60px}}@media screen and (max-width: 569px){.direct-contact-container,.form-horizontal{max-width:280px}.form-control,textarea{margin:0 auto 15px}.name,.email,textarea{width:100%;max-width:280px}.direct-contact-container{margin-top:30px}.social-media-list li{height:55px;width:55px;font-size:2rem}}@media screen and (max-width: 410px){.send-button{width:100%}}:root{--color-dominant: #0a0f0f;--color-secondary: #b0bec5;--color-accent: #b0bec5;--font-family: "Poppins", sans-serif}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-family);height:100%;width:100%;color:var(--color-secondary);background:linear-gradient(-45deg,#0a0f0f,#1a1f1f,#233);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.homepage-container{padding:6rem 15rem 10rem 4rem;display:flex;flex-direction:column;align-items:center;width:100vw}@media (max-width: 992px){.homepage-container{padding:4rem 3rem 6rem}}@media (max-width: 480px){.homepage-container{padding:2rem 1rem 4rem}}.hero-content{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:4rem;flex-wrap:wrap;overflow-x:hidden;padding-right:340px}@media (max-width: 992px){.hero-content{padding-right:240px;gap:2rem}}@media (max-width: 768px){.hero-content{padding-right:0;flex-direction:column;align-items:center;text-align:center}}.hero{max-width:700px;margin:4rem auto 0;text-align:center;color:var(--color-secondary);display:flex;flex-direction:column;gap:2rem;align-items:center}.hero-title-inline{font-size:clamp(4rem,8vw,7rem);font-weight:900;margin:0;padding:.5rem;color:var(--color-secondary)}.hero-subtitle-filtered .text-rotate{display:flex;flex-wrap:wrap;justify-content:center;text-transform:uppercase;font-size:clamp(2.2rem,2vw,2.4rem);font-weight:700;letter-spacing:-.05ch;line-height:1;color:#fff;-webkit-text-stroke:2px black;text-shadow:4px 4px black;paint-order:stroke fill}.hero-subtitle-filtered .text-rotate-word{display:inline-flex}.text-rotate-space{display:inline-block;width:.4em}.hero-image{position:absolute;top:100px;right:20px;width:320px;height:320px;border-radius:50%;border:3px solid rgba(255,255,255,.15);box-shadow:0 8px 16px #ffffff1a;z-index:10;transition:all .3s ease}@media (max-width: 1200px){.hero-image{top:80px;right:20px;width:280px;height:280px}}@media (max-width: 992px){.hero-image{top:80px;right:15px;width:220px;height:220px}}@media (max-width: 768px){.hero-image{position:static;width:150px;height:150px;margin:2rem auto 0;display:block}}@keyframes fadeIn{to{opacity:1}}.puff-in-hor{animation:puff-in-hor .7s cubic-bezier(.47,0,.745,.715) both}@keyframes puff-in-hor{0%{transform:scaleX(2);filter:blur(4px);opacity:0}to{transform:scaleX(1);filter:blur(0px);opacity:1}}.about-section{padding:5rem 2rem;background-color:#272727;display:flex;justify-content:center;align-items:center;min-height:60vh}.about-text{font-family:Poppins,sans-serif;font-size:1.8rem;line-height:1.6;max-width:800px;color:#efd09e;text-align:left}.background-wrapper{position:relative;width:100%;height:100%;overflow-x:hidden}body,html{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;background:transparent;color:#b0bec5}