.hero{background-color:var(--white);z-index:1;width:100%;position:relative}.hero .container{border-radius:1rem;max-width:767px;margin:0 auto;padding:0 0 2rem;position:relative;overflow:hidden}@media (max-width:778px){.hero .container{width:100%;max-width:100%;padding:1rem .75rem}}.hero .container .hero__map{background-color:var(--gray-100);z-index:10;border-radius:1rem 1rem 0 0;width:100%;height:250px;position:relative}@media (max-width:778px){.hero .container .hero__map{border-radius:0;height:clamp(250px,30vw,400px)}}.hero .container .hero__map:after{content:"";z-index:2;background:linear-gradient(to top,var(--white)25px,transparent 100%);border-radius:inherit;pointer-events:none;width:100%;height:30%;position:absolute;bottom:-15px;left:0}.hero .container .hero__map .interactive-map-container{z-index:1;width:100%;height:100%;position:relative}.hero .container .hero__map .interactive-map-container .leaflet-container{background:var(--gray-100);width:100%;height:100%}.hero .container .hero__map .interactive-map-container .leaflet-control-attribution{display:none!important}.hero .container .hero__mapLoading{background-color:var(--gray-50);width:100%;height:100%;color:var(--gray-600);z-index:2;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.hero .container .hero__profile{justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}@media (max-width:778px){.hero .container .hero__profile{flex-direction:column;gap:.75rem}}.hero .container .hero__profile .hero__profile-content{justify-content:space-between;align-items:center;width:fit-content;padding-left:2rem;display:flex}@media (max-width:778px){.hero .container .hero__profile .hero__profile-content{flex-direction:column;gap:.75rem;width:100%;padding-left:0}}.hero .container .hero__profile .hero__profile-content .hero__media{--square-size:10rem;width:var(--square-size);height:var(--square-size);border:.25rem solid var(--white);z-index:10;cursor:pointer;background-color:var(--gray-100);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:50%;margin-top:-70px;margin-left:.75rem;position:relative;overflow:hidden}@media (max-width:778px){.hero .container .hero__profile .hero__profile-content .hero__media{--square-size:clamp(200px,18vw,300px);margin-top:clamp(-65px,-10vw,-70px)}}.hero .container .hero__profile .hero__profile-content .hero__media .hero__image{width:100%;height:100%}.hero .container .hero__profile .hero__profile-content .hero__media .hero__media-overlay{background-color:color-mix(in srgb,var(--gray-900)20%,transparent);opacity:1;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.hero .container .hero__profile .hero__profile-content .hero__media .hero__media-overlay svg{color:var(--gray-100);transition:all .3s ease-in-out .3s}.hero .container .hero__profile .hero__profile-content .hero__media:hover .hero__media-overlay{opacity:1}.hero .container .hero__profile .hero__profile-content .hero__media:hover .hero__media-overlay svg{scale:1.2}.hero .container .hero__profile .hero__profile-content .hero__info{flex-direction:column;gap:.25rem;padding-left:.75rem;display:flex}@media (max-width:778px){.hero .container .hero__profile .hero__profile-content .hero__info{gap:.5rem}}.hero .container .hero__profile .hero__profile-content .hero__info .hero__title{color:var(--gray-900);text-wrap:nowrap;align-items:center;gap:.25rem;margin-bottom:-.25rem;font-size:1.5rem;display:flex}.hero .container .hero__profile .hero__profile-content .hero__info .hero__title .verified-badge{width:1.25rem;height:1.25rem}.hero .container .hero__profile .hero__profile-content .hero__info .hero__role{color:var(--gray-700);font-size:calc(.875rem - 1px)}.hero .container .hero__profile .hero__profile-content .hero__info .hero__role span{color:var(--gray-500)}.hero .container .hero__profile .hero__profile-content .hero__info .hero__location{color:var(--gray-600);font-size:.75rem;font-weight:500}@media (max-width:778px){.hero .container .hero__profile .hero__profile-content .hero__info .hero__title{justify-content:center}.hero .container .hero__profile .hero__profile-content .hero__info .hero__role,.hero .container .hero__profile .hero__profile-content .hero__info .hero__location{text-align:center}}.hero .container .hero__profile .resume-btn-container{justify-content:center;align-items:center;display:flex}@media (max-width:778px){.hero .container .hero__profile .resume-btn-container{margin-left:1rem}.hero .container{border-radius:0;height:100%;padding:0 0 2.5rem}}
.about{background-color:var(--white);width:100%}.about .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.about .container{width:100%;max-width:100%;padding:1rem .75rem}}.about .container .about__header{background-color:var(--gray-200);cursor:default;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1vw,.875rem)}.about .container .about__header h3{color:var(--gray-600);-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,1vw,.875rem);font-weight:700}.about .container .about__content{flex-direction:column;gap:clamp(1rem,3vw,1.5rem);width:100%;padding:1rem 0;display:flex}.about .container .about__content .about__me{flex-direction:column;gap:clamp(.25rem,2vw,.5rem);display:flex}.about .container .about__content .about__me .about__text{color:var(--gray-700);word-spacing:-.13em;text-wrap:pretty;font-size:clamp(.875rem,1.9vw,1rem);font-weight:400;line-height:1.6}.about .container .about__content .about__me .about__text:first-child{text-indent:1.5rem}.about .container .about__content .about__me .about__video-note{color:var(--gray-600);font-size:clamp(.75rem,1.9vw,.875rem);font-style:italic;font-weight:400;line-height:1.6}.about .container .about__content .about__video{aspect-ratio:16/9;border:1px solid var(--gray-200);background-color:var(--gray-100);border-radius:1rem;width:100%;overflow:hidden}.about .container .about__content .about__video .video__preview{border-radius:inherit;background:0 0;width:100%;height:100%;display:block;position:relative;overflow:hidden}@media (hover:hover){.about .container .about__content .about__video .video__preview:hover .video__preview__play{transform:translate(-50%,-50%)scale(1.05)}}.about .container .about__content .about__video .video__preview .thumbnail{position:absolute;inset:0}.about .container .about__content .about__video .video__preview .video__preview__play{z-index:2;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.about .container .about__content .about__video .video__preview .video__preview__play svg{background-color:var(--gray-900);color:var(--gray-100);border-radius:50%;padding:calc(.25rem - 2px);font-size:clamp(50px,2vw,80px)}[data-theme=light] .about .container .about__content .about__video .video__preview .video__preview__play svg{background-color:var(--gray-50);color:var(--gray-300)}
.skills{background-color:var(--white);width:100%}.skills .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.skills .container{width:100%;max-width:100%;padding:1rem .75rem}}.skills .container .skills__header{background-color:var(--gray-200);cursor:default;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1vw,.875rem)}.skills .container .skills__header h3{color:var(--gray-600);-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,1vw,.875rem);font-weight:700}.skills .container .skills__wrapper{transition:max-height .4s ease-in-out;position:relative;overflow:hidden}.skills .container .skills__wrapper .skills__content{z-index:1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(.5rem,1.5vw,1rem);padding:1rem 0;display:grid;position:relative}@media (max-width:778px){.skills .container .skills__wrapper .skills__content{grid-template-columns:repeat(4,1fr)}}.skills .container .skills__wrapper .skills__content .skill__card{border:solid 1px var(--gray-300);background-color:var(--white);-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;align-items:center;padding:clamp(1rem,1.5vw,1.5rem) clamp(.25rem,1.5vw,.5rem);transition:all .3s ease-in-out;display:flex}.skills .container .skills__wrapper .skills__content .skill__card .skill__card-icon{justify-content:center;align-items:center;transition:inherit;display:flex;position:relative}.skills .container .skills__wrapper .skills__content .skill__card .skill__card-icon svg{z-index:2;font-size:clamp(1.5rem,1.5vw,2rem);transition:all .3s ease-in-out;position:relative;color:var(--gray-600)!important}.skills .container .skills__wrapper .skills__content .skill__card .skill__card-name{color:var(--gray-600);text-align:center;margin-top:auto;font-size:.875rem;font-weight:400}@media (max-width:778px){.skills .container .skills__wrapper .skills__content .skill__card .skill__card-name{font-size:.75rem}}.skills .container .skills__wrapper .skills__content .skill__card:hover .skill-card__icon{filter:drop-shadow(0 0 15px var(--skill-color))}.skills .container .skills__wrapper .skills__content .skill__card:hover .skill-card__icon svg{margin-top:-8px;box-shadow:none!important;color:var(--skill-color)!important;border:none!important;outline:none!important}.skills .container .skills__fade{background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--white)60%,transparent)20%,color-mix(in srgb,var(--white)90%,transparent)60%,var(--white)100%);pointer-events:none;z-index:10;justify-content:center;align-items:flex-end;height:90px;padding-bottom:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.skills .container .skills__fade .skills__more-indicator{pointer-events:auto;cursor:pointer;background-color:var(--white);border:1px solid var(--gray-200);width:40px;height:40px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;animation:2s infinite bounce;display:flex;box-shadow:0 2px 8px #0000001a}.skills .container .skills__fade .skills__more-indicator:hover{background-color:var(--gray-100);color:var(--gray-700)}.skills .container .skills__fade .skills__more-indicator svg{color:inherit}.skills .container .skills__collapse-btn{background-color:var(--white);border:1px solid var(--gray-200);color:var(--gray-500);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;margin:1rem auto 0;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:flex}.skills .container .skills__collapse-btn:hover{background-color:var(--gray-100);color:var(--gray-700)}.skills .container .skills__collapse-btn svg{color:inherit}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}
.experiences{background-color:var(--white);width:100%}.experiences .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.experiences .container{width:100%;max-width:100%;padding:1rem .75rem}}.experiences .container .experiences__header{justify-content:space-between;align-items:center;display:flex}.experiences .container .title{background-color:var(--gray-200);cursor:default;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1vw,.875rem)}.experiences .container .title h3{color:var(--gray-600);-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,1vw,.875rem);font-weight:700}.experiences .container .view-all-link{color:var(--gray-600);justify-content:center;align-items:center;gap:clamp(.25rem,1.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.875rem);transition:all .3s ease-in-out;display:flex;position:relative}.experiences .container .view-all-link:after{content:"";background-color:var(--gray-600);transform-origin:100%;width:100%;height:1px;transition:transform .3s ease-in-out;position:absolute;bottom:clamp(-3px,1.5vw,-2px);left:0;transform:scaleX(0)}.experiences .container .view-all-link svg{all:unset;transition:all .3s ease-in-out}@media (max-width:778px){.experiences .container .view-all-link svg{scale:.8}}.experiences .container .view-all-link:hover{color:var(--gray-700)}.experiences .container .view-all-link:hover:after{transform-origin:0;transform:scaleX(1)}.experiences .container .view-all-link:hover svg{transform:translate(clamp(-3px,1.5vw,-2px))rotate(45deg);color:inherit!important}.experiences .container .tabs{grid-template-columns:repeat(var(--tab-count),1fr);background-color:var(--gray-100);border-radius:.5rem;grid-template-rows:1fr;gap:clamp(.25rem,2vw,.5rem);width:100%;margin:clamp(.5rem,2vw,1rem) 0;padding:.25rem;display:grid;position:relative}.experiences .container .tabs .indicator{width:calc((100% - .5rem)/var(--tab-count));height:calc(100% - .5rem);transform:translateX(calc(var(--active-index)*100%));background-color:var(--white);z-index:0;border-radius:.5rem;transition:all .3s ease-in-out;position:absolute;top:.25rem;left:.25rem}@media (max-width:778px){.experiences .container .tabs .indicator{display:none}}.experiences .container .tabs .tab{z-index:1;color:var(--gray-400);white-space:nowrap;text-align:center;border-radius:.5rem;flex:1 0 auto;justify-content:center;align-items:center;gap:clamp(.25rem,2vw,.5rem);padding:clamp(.25rem,2vw,.5rem) 0;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;transition:color .3s ease-in-out;display:flex;position:relative}.experiences .container .tabs .tab svg{color:inherit!important;transition:all .3s ease-in-out!important}.experiences .container .tabs .tab.active{color:var(--gray-700);font-weight:600}.experiences .container .tabs .tab.active svg{transition:all .3s ease-in-out;transform:scale(1.1);color:inherit!important}@media (max-width:778px){.experiences .container .tabs .tab .label{opacity:0;width:0;transition:all .3s ease-in-out;overflow:hidden}.experiences .container .tabs .tab svg{margin:0 .75rem;scale:1.1}.experiences .container .tabs .tab.active{background-color:var(--white);flex:100%;padding-left:.75rem;padding-right:.75rem}.experiences .container .tabs .tab.active .label{opacity:1;width:auto}.experiences .container .tabs .tab.active svg{margin:0}}.experiences .container .timeline-wrapper{overflow:hidden}.experiences .container .timeline{flex-direction:column;padding:.5rem 0;display:flex}.experiences .container .languages{flex-direction:column;gap:0;display:flex}.experiences .container .languages .language{border-bottom:1px solid var(--gray-200);align-items:center;padding:1rem .5rem;display:flex}.experiences .container .languages .language:last-child{border-bottom:none}.experiences .container .languages .language .name{color:var(--gray-700);flex:1;font-size:clamp(.875rem,2vw,1rem);font-weight:500}.experiences .container .languages .language .level{color:var(--gray-500);margin-right:1rem;font-size:clamp(.75rem,2vw,.875rem)}.experiences .container .languages .language .flag{align-items:center;display:inline-flex}.experiences .container .languages .language .flag svg{border-radius:.25rem;width:clamp(32px,4vw,44px);height:auto}.experiences .container .hire-me{background-color:var(--gray-50);border-radius:1rem;width:100%;height:400px;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,2vw,2rem);position:relative;overflow:hidden}.experiences .container .hire-me .content{z-index:1;width:auto;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,2vw,2rem);position:absolute;top:0;left:0}.experiences .container .hire-me .content .text{width:clamp(300px,60vw,500px);text-shadow:0 0 1px var(--white);-webkit-text-stroke:1px var(--gray-900);-webkit-text-fill-color:#0000;font-size:clamp(2rem,2vw,2.5rem);font-weight:700;line-height:1.25}.experiences .container .hire-me .content .button{border:2px solid var(--gray-50);background-color:var(--gray-700);width:fit-content;color:var(--white);text-transform:capitalize;border-radius:1rem;justify-content:center;align-items:center;gap:.25rem;margin-top:clamp(1.5rem,2vw,2rem);padding:clamp(.25rem,2vw,.5rem) clamp(1.125rem,2vw,1.5rem);font-size:clamp(1.25rem,2vw,1.5rem);transition:all .3s ease-in-out;display:flex}.experiences .container .hire-me .content .button svg{transition:all .3s ease-in-out}.experiences .container .hire-me .content .button:hover{background-color:var(--gray-800)}.experiences .container .hire-me .content .button:hover svg{translate:3px;scale:1.2}.experiences .container .hire-me .avatar{width:400px;height:inherit;position:absolute;bottom:clamp(.5rem,2vw,1rem);right:clamp(.5rem,2vw,1rem)}@media (max-width:460px){.experiences .container .hire-me .avatar{width:300px;height:300px}}.experiences .container .hire-me .avatar img{object-fit:contain;width:100%;height:100%}.experiences .container .empty{text-align:center;color:var(--gray-500);flex-direction:column;justify-content:center;padding:2rem 0;font-size:clamp(.75rem,2vw,.875rem);display:flex}
.projects{background-color:var(--white);width:100%}.projects .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.projects .container{width:100%;max-width:100%;padding:1rem .75rem}}.projects .container .projects__header-container{justify-content:space-between;align-items:center;padding:0 0 1rem;display:flex}.projects .container .projects__header-container .projects__header{background-color:var(--gray-200);cursor:default;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1vw,.875rem)}.projects .container .projects__header-container .projects__header h3{color:var(--gray-600);-webkit-user-select:none;user-select:none;font-size:clamp(.75rem,1vw,.875rem);font-weight:700}.projects .container .projects__header-container .projects__button{color:var(--gray-600);justify-content:center;align-items:center;gap:clamp(.25rem,1.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.875rem);transition:all .3s ease-in-out;display:flex;position:relative}.projects .container .projects__header-container .projects__button:after{content:"";background-color:var(--gray-600);transform-origin:100%;width:100%;height:1px;transition:transform .3s ease-in-out;position:absolute;bottom:clamp(-3px,1.5vw,-2px);left:0;transform:scaleX(0)}.projects .container .projects__header-container .projects__button svg{all:unset;transition:all .3s ease-in-out}@media (max-width:778px){.projects .container .projects__header-container .projects__button svg{scale:.8}}.projects .container .projects__header-container .projects__button:hover{color:var(--gray-700)}.projects .container .projects__header-container .projects__button:hover:after{transform-origin:0;transform:scaleX(1)}.projects .container .projects__header-container .projects__button:hover svg{transform:translate(clamp(-3px,1.5vw,-2px))rotate(45deg);color:inherit!important}.projects .container .projects__grid{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}