:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.animate-wrapper{opacity:0;position:relative;transform:translateY(50px);display:flex;flex-direction:column;align-items:center}.animate-wrapper.animate{animation:riseUp 1s forwards}@keyframes riseUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.projectsWrapper[data-v-e54a4829]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;z-index:4}.project-click-overlays[data-v-e54a4829]{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:3}.project-click-overlay[data-v-e54a4829]{position:absolute;width:25vw;height:25vw;border-radius:50%;pointer-events:auto;cursor:pointer}.project-1[data-v-e54a4829]{top:20%;left:15%}.project-2[data-v-e54a4829]{top:20%;right:15%}.project-3[data-v-e54a4829]{bottom:20%;left:15%}.project-4[data-v-e54a4829]{bottom:20%;right:15%}.overlay[data-v-e54a4829]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:11}.popup[data-v-e54a4829]{background-color:#bd4f6c;background-image:radial-gradient(circle at right,#bd4f6c,#d7816a);padding:20px;border-radius:8px;width:80%;max-width:1000px;height:80%;max-height:570px;text-align:center;position:relative;text-wrap:wrap;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.popup[data-v-e54a4829]::-webkit-scrollbar{display:none}.close-button[data-v-e54a4829]{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;padding:10px;cursor:pointer;z-index:101;pointer-events:auto;display:flex;align-items:center;justify-content:center}.close-button .material-symbols-outlined[data-v-e54a4829]{font-size:24px;color:#000;transition:color .2s ease}.close-button:hover .material-symbols-outlined[data-v-e54a4829]{color:#666}.media-container[data-v-e54a4829]{position:relative;width:100%;margin-top:20px;min-height:200px;display:flex;justify-content:center;align-items:center}.media-placeholder[data-v-e54a4829]{width:90%;height:300px;background-color:#a40606;background-image:linear-gradient(315deg,#a40606,#d98324 74%);border-radius:12px;animation:pulse-e54a4829 1s infinite ease-in-out}.project-media[data-v-e54a4829]{max-width:90%;max-height:400px;border-radius:12px;transition:opacity .3s ease;object-fit:contain}.project-media.hidden[data-v-e54a4829]{display:none}.centered-header[data-v-e54a4829]{display:flex;justify-content:center;align-items:center;text-align:center;width:100%}video[data-v-e54a4829]::-webkit-media-controls{display:none!important}video[data-v-e54a4829]::-webkit-media-controls-enclosure{display:none!important}@keyframes pulse-e54a4829{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}@media screen and (min-width: 1024px){.project-click-overlay[data-v-e54a4829]{width:15vw;height:15vw}.project-1[data-v-e54a4829],.project-3[data-v-e54a4829]{left:25%}.project-2[data-v-e54a4829],.project-4[data-v-e54a4829]{right:25%}.project-1[data-v-e54a4829],.project-2[data-v-e54a4829]{top:10%}.project-3[data-v-e54a4829],.project-4[data-v-e54a4829]{bottom:10%}.project-media[data-v-e54a4829]{max-width:65%}.media-placeholder[data-v-e54a4829]{width:65%;height:200px}}@media screen and (max-width: 768px){.project-click-overlay[data-v-e54a4829]{width:30vw;height:30vw}.media-placeholder[data-v-e54a4829]{height:200px}}.wheel-container[data-v-d56907e2]{position:relative;width:100%;height:50%;overflow:hidden;max-width:1800px}.wheel[data-v-d56907e2],.wheel-top[data-v-d56907e2]{position:absolute;width:100%;height:800px;max-width:1800px;display:flex;justify-content:center;align-items:center}.wheel-top[data-v-d56907e2]{bottom:-400px}.wheel[data-v-d56907e2]{top:-400px}.circle[data-v-d56907e2]{position:absolute;width:100%;height:100%;max-width:1700px}.icon-wrapper[data-v-d56907e2]{position:absolute;width:max(60px,6vw);height:max(60px,6vw);display:flex;justify-content:center;align-items:center;transform-origin:0 0;left:50%;top:50%;z-index:2}.skill-icon[data-v-d56907e2]{width:5vw;height:auto;min-width:30px;max-width:70px;object-fit:contain;z-index:3}.staticSun[data-v-d56907e2]{position:absolute;width:30vw;height:30vw;max-width:500px;max-height:500px;min-width:260px;min-height:260px;border-radius:50%;background-color:#a40606;background-image:linear-gradient(315deg,#a40606,#d98324 74%);box-shadow:0 0 210px 100px #fd8e3699,0 0 210px 200px #fba762c7;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;display:flex;justify-content:center;align-items:center;text-align:center;padding:4vw}.sun-content-skills[data-v-d56907e2]{width:80%;color:#fff;text-wrap:wrap}.sun-content-skills h2[data-v-d56907e2]{font-size:15px;margin-bottom:1vw}.sun-content-skills p[data-v-d56907e2]{font-size:10px;line-height:1.5;text-wrap:wrap}@keyframes rotate-d56907e2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating[data-v-d56907e2]{animation:rotate-d56907e2 20s linear infinite;will-change:transform}@media only screen and (min-width: 850px){.sun-content-skills h2[data-v-d56907e2]{font-size:2vw}.sun-content-skills p[data-v-d56907e2]{font-size:1.2vw}.staticSun[data-v-d56907e2]{padding:2vw}}@media only screen and (min-width: 1700px){.sun-content-skills h2[data-v-d56907e2]{font-size:28.86px}.sun-content-skills p[data-v-d56907e2]{font-size:20.412px}}.contact-container{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.form-section{width:100%;height:100%;position:relative}.content-wrapper{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.contact-sun{display:flex;flex-direction:column;justify-content:flex-start;width:80vw;max-width:850px;min-width:300px;height:clamp(400px,90vh,90vh);position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#a40606;background-image:linear-gradient(315deg,#a40606,#d98324 74%);border-radius:80vw 80vw 0 0;box-shadow:0 0 105px 50px #fd8e3699,0 0 105px 100px #fba762c7;overflow:hidden;padding-top:20px;padding-bottom:10px}.sun-content::-webkit-scrollbar{display:none}.sun-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:2vh 5% 5vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.header-section{width:100%;text-align:center;margin-bottom:2vh}.header-section h2{margin-bottom:clamp(10px,2vh,20px);font-size:clamp(19px,5vw,50px);line-height:1.2}.iconSection{display:flex;gap:clamp(30px,4vw,60px);justify-content:center;margin-bottom:2vh}.iconSection img,.iconSection i{width:clamp(26px,4vw,40px);height:auto;cursor:pointer;font-size:clamp(26px,4vw,40px);color:#000}.styled-form{width:100%;display:flex;flex-direction:column;gap:max(30px,2vh)}.form-row{display:flex;flex-direction:column;margin:0}.input-data{width:100%;height:clamp(30px,5vh,40px);position:relative;text-align:left}.input-data input,.input-data textarea{display:block;width:100%;height:100%;border:none;font-size:clamp(14px,2vh,17px);border-bottom:2px solid rgba(0,0,0,.12);background:none;outline:none;padding-bottom:20px}.input-data label{position:absolute;pointer-events:none;bottom:10px;font-size:clamp(14px,1.8vh,16px);left:0;transition:all .3s ease;color:#000c}.input-data.textarea{height:clamp(60px,10vh,70px)}.input-data textarea{resize:none;height:100%}.form-heading{font-size:clamp(19px,4vw,32px);margin-bottom:2vh}.form-row button[type=submit]{margin-top:2vh;padding:clamp(8px,1.5vh,10px) clamp(16px,2vw,20px);background:#a4508b;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease;font-size:clamp(14px,1.8vh,15px)}.form-row button[type=submit]:hover{background:#c065a5}.input-data .underline{position:absolute;bottom:0;height:2px;width:100%;left:0}.input-data .underline:before{position:absolute;content:"";height:2px;width:100%;background:#3498db;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before,.input-data textarea:focus~.underline:before,.input-data textarea:valid~.underline:before{transform:scale(1)}.input-data input:focus~label,.input-data input:valid~label{transform:translateY(-30px);font-size:clamp(12px,1.6vh,14px)}.input-data textarea:focus~label,.input-data textarea:valid~label{transform:translateY(-60px);font-size:clamp(12px,1.6vh,14px)}*{box-sizing:border-box;padding:0;margin:0;--time:50s}p{font-family:Work Sans,sans-serif;font-size:8vw;color:#171616}h1,h2,h3{font-family:Open Sans,serif;font-weight:700;color:#171616}h1{font-size:8vw}h2{font-size:5vw}h3,a,label,button,p,form input,form textarea,strong{font-size:2.5vw}.projects-section{z-index:2;min-height:1190}.projectSuns-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.projectSuns-container .projectSuns{position:absolute;width:100%;height:100%;pointer-events:auto}.contentContainer{width:100vw;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.section{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;width:100%;height:100%;white-space:nowrap}.halfSection{display:flex;flex-direction:column;height:50%}.background{width:100vw;height:100vh;position:fixed;display:flex;flex-direction:column;z-index:-1}.sky,.ocean{width:100%;height:50%}.background,.sky,.ocean{min-height:0;max-height:none}.sky{background-color:#bd4f6c;background-image:radial-gradient(circle at right,#bd4f6c,#d7816a);background-size:400% 400%;position:relative;-webkit-box-reflect:below 0 linear-gradient(transparent,rgba(0,0,0,.7));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;animation:sky var(--time) ease}.ocean{background-color:#a4508b;background-image:radial-gradient(circle at center,#c86dd7,#522343 0%)}.sun{width:15vw;height:15vw;max-width:240px;max-height:240px;border-radius:50%;background-color:#a40606;background-image:linear-gradient(315deg,#a40606,#d98324 74%);transform:translateY(100%);animation:set var(--time) ease infinite;box-shadow:0 0 210px 100px #fd8e3699,0 0 210px 200px #fba762c7}.projectSuns{position:absolute;width:100%;height:100%;-webkit-box-reflect:revert;overflow:hidden;cursor:pointer;z-index:5}.projectSuns .sunProjects{position:absolute;width:25vw;height:25vw;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .8s ease-out;-webkit-box-reflect:revert;cursor:pointer;z-index:5;box-shadow:0 0 50px 50px #fd8e3699,0 0 50px 50px #fba762c7}.projectSuns .sunProjects.hidden{opacity:0;transform:translateY(100%)}.project1{top:20%;left:15%;background-color:#a40606;background-image:linear-gradient(135deg,#a40606,#d98324 74%)}.project2{top:20%;right:15%;background-color:#a40606;background-image:linear-gradient(225deg,#a40606,#d98324 74%)}.project3{bottom:20%;left:15%;background-color:#a4060680;background-image:linear-gradient(45deg,#a4060680,#d9832480 74%);box-shadow:0 0 50px 50px #fd8e364d,0 0 50px 50px #fba76263}.project4{bottom:20%;right:15%;background-color:#a4060680;background-image:linear-gradient(315deg,#a4060680,#d9832480 74%);box-shadow:0 0 50px 50px #fd8e364d,0 0 50px 50px #fba76263}.projectSuns h2{color:#171616;text-align:center;font-size:3vw}.project-enter-bottom{animation:enter-from-bottom .2s ease-out forwards}.project-enter-top{animation:enter-from-top .2s ease-out forwards}.project-exit-bottom{animation:exit-to-bottom .2s linear forwards}.project-exit-top{animation:exit-to-top .2s linear forwards}.contact-section .sky{-webkit-box-reflect:below 0 linear-gradient(transparent,rgba(0,0,0,.7))}.sun.contact-size{width:80vw;height:80vw;transition:width .5s ease-out,height .5s ease-out}@keyframes enter-from-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes enter-from-top{0%{opacity:0;transform:translateY(-100%)}to{opacity:.7;transform:translateY(0)}}@keyframes exit-to-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes exit-to-top{0%{opacity:.7;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@media screen and (min-width: 1024px) and (max-width: 1600px){h1{font-size:4vw}h2{font-size:2.5vw}h3,a,label,button,p,form input,form textarea,strong{font-size:1vw}.projectSuns .sunProjects{width:15vw;height:15vw}.project1,.project3{left:25%}.project2,.project4{right:25%}.project1,.project2{top:10%}.project3,.project4{bottom:10%}.projectSuns h2{font-size:1.5vw}}@media screen and (min-width: 1600px){h1{font-size:64px}h2{font-size:40px}h3,a,label,button,p,form input,form textarea,strong{font-size:16px}.projectSuns h2{font-size:32px}.projectSuns .sunProjects{width:240px;height:240px}.project1,.project3{left:25%}.project2,.project4{right:25%}.project1,.project2{top:10%}.project3,.project4{bottom:10%}}@keyframes set{0%,to{transform:translateY(100%)}40%{transform:translateY(-50%)}60%{transform:translateY(-50%)}}@keyframes quick-descent{to{transform:translateY(105%)}}