.hero{z-index:1;background-color:#fff;width:100%;margin-top:80px;position:relative}@media (max-width:778px){.hero{margin-top:.5rem}}.hero .container{border:1px solid #e6e7e9;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%}}.hero .container .hero__map{z-index:10;background-color:#f3f3f4;border-radius:1rem 1rem 0 0;width:100%;height:250px;position:relative;overflow:hidden}@media (max-width:778px){.hero .container .hero__map{height:clamp(200px,30vw,400px)}}.hero .container .hero__map:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 0%,#fff 100%);width:100%;height:30%;position:absolute;bottom:0;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:#f8fafc;width:100%;height:100%}.hero .container .hero__map .interactive-map-container .leaflet-control-attribution{display:none!important}.hero .container .hero__mapLoading{color:#a6a7a9;z-index:2;background-color:#f3f3f4;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;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:2rem}}.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;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);z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-color:#f3f3f4;border:.25rem solid #fff;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(-50px,-10vw,-70px)}}.hero .container .hero__profile .hero__profile-content .hero__media .hero__image{width:var(--square-size);height:var(--square-size);object-fit:cover;transition:all .3s ease-in-out}.hero .container .hero__profile .hero__profile-content .hero__media .hero__media-overlay{opacity:1;opacity:0;background-color:#14151833;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:#f3f3f4;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}.hero .container .hero__profile .hero__profile-content .hero__info .hero__title{color:#2a2b30;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:clamp(1rem,1.2vw,1.25rem);height:clamp(1rem,1.2vw,1.25rem)}.hero .container .hero__profile .hero__profile-content .hero__info .hero__role{color:#515256;font-size:calc(.875rem - 1px)}.hero .container .hero__profile .hero__profile-content .hero__info .hero__role span{color:#6f7074}.hero .container .hero__profile .hero__profile-content .hero__info .hero__location{color:#6f7074;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 .hero__cta{justify-content:center;align-items:center;gap:.5rem;display:flex}@media (max-width:778px){.hero .container{height:100%}}.hero-cta-btn{cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.25rem;text-decoration:none;display:flex;overflow:hidden}.hero-cta-btn--resume{color:#f3f3f4;background-color:#2a2b30;border-radius:.5rem;padding:calc(.5rem + 2px)}.hero-cta-btn--resume .hero-cta-btn__icon svg,.hero-cta-btn--resume .hero-cta-btn__label{color:#f3f3f4}.hero-cta-btn--resume .hero-cta-btn__label{text-transform:uppercase;font-size:clamp(.75rem,1.4vw,.875rem);font-weight:700}.hero-cta-btn--light{background-color:#fff;padding:.75rem 0}.hero-cta-btn--light .hero-cta-btn__icon svg,.hero-cta-btn--light .hero-cta-btn__label{color:#6f7074}.hero-cta-btn--light .hero-cta-btn__label{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600}.hero-cta-btn .hero-cta-btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-cta-btn .hero-cta-btn__label{display:inline-block;overflow:hidden}.social-links-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;padding:.5rem;display:grid}@media (max-width:778px){.social-links-grid{grid-template-columns:repeat(3,1fr)}}.social-links-grid .social-link-item{cursor:pointer;background-color:#fff;border:1px solid #a6a7a9;border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.social-links-grid .social-link-item:hover{color:var(--hover-color,#f3f3f4);border-color:var(--hover-color,#d2d3d5);transform:translateY(-2px)}.social-links-grid .social-link-item:hover .social-link-icon{color:var(--hover-color)}.social-links-grid .social-link-item:hover .social-link-label{color:#6f7074}.social-links-grid .social-link-item .social-link-icon{color:#515256;transition:color .2s}.social-links-grid .social-link-item .social-link-label{color:#515256;font-size:clamp(.625rem,1.4vw,.75rem);font-weight:500;transition:color .2s}.share-portfolio-modal{border-radius:1rem;flex-direction:column;align-items:center;gap:1.25rem;padding:4rem 1.5rem 1.5rem;display:flex;overflow:hidden}@media (max-width:778px){.share-portfolio-modal{gap:.5rem;padding-top:3.5rem}}.share-portfolio-modal .qr{background-color:#fff;border-radius:.5rem;justify-content:center;align-items:center;padding:clamp(.5rem,1.5vw,1rem);display:flex;box-shadow:0 0 1px #d2d3d5}.share-portfolio-modal .qr svg{display:block}.share-portfolio-modal .download-btn{color:#f3f3f4;cursor:pointer;background-color:#1e1f23;border:none;border-radius:2rem;outline:none;width:100%;max-width:clamp(160px,40vw,200px);padding:.75rem 1rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;transition:all .2s;box-shadow:0 0 1px #2a2b30}.share-portfolio-modal .download-btn:hover{color:#1e1f23;background-color:#e6e7e9}
.about{background-color:#fff;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%}}.about .container .about__header{color:#6f7074;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f3f3f4;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700}.about .container .about__grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;margin-top:1rem;display:grid}.about .container .about__text .about__info{text-indent:.75rem;color:#1e1f23;font-size:.875rem;font-weight:400;line-height:1.8}.about .container .about__video{width:100%}.video-preview{all:unset;aspect-ratio:9/6;cursor:pointer;background-color:#f3f3f4;border:1px solid #e6e7e9;border-radius:1rem;width:100%;transition:box-shadow .25s;display:block;position:relative;overflow:hidden}.video-preview:hover{box-shadow:0 4px 20px #0f0f100f}.video-preview:hover .video-preview__play{opacity:1;transform:translate(-50%,-50%)scale(1.05)}.video-preview__poster{position:absolute;inset:0}.video-preview__poster-img{object-fit:cover}.video-preview__play{z-index:2;color:#2a2b30;opacity:.9;background-color:#fff;border:1px solid #e6e7e9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 2px 10px #0f0f1014}.video-preview__play svg{flex-shrink:0;margin-left:2px}
.skills{background-color:#fff;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%}}.skills .container .skills__header{color:#6f7074;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f3f3f4;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700}.skills .container .skills__wrapper{max-height:280px;transition:max-height .4s ease-in-out;position:relative;overflow:hidden}.skills .container .skills__wrapper--expanded{max-height:1000px}.skills .container .skills__fade{pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#fff9 20%,#ffffffe6 60%,#fff 100%);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;color:#6f7074;background-color:#fff;border:1px solid #e6e7e9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;animation:2s infinite bounce;display:flex;box-shadow:0 2px 8px #0000001a}.skills .container .skills__fade .skills__more-indicator:hover{color:#2a2b30;background-color:#f3f3f4}.skills .container .skills__fade .skills__more-indicator svg{color:inherit}.skills .container .skills__collapse-btn{color:#6f7074;cursor:pointer;background-color:#fff;border:1px solid #e6e7e9;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{color:#2a2b30;background-color:#f3f3f4}.skills .container .skills__collapse-btn svg{color:inherit}.skills .container .skills__content{z-index:1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;padding:1rem 0;display:grid;position:relative}@media (max-width:778px){.skills .container .skills__content{grid-template-columns:repeat(3,1fr);gap:.5rem}}.skills .container .skills__content .skill-card{-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #d2d3d5;border-radius:.5rem;flex-direction:column;align-items:center;width:130px;padding:1.5rem .5rem;transition:all .3s ease-in-out;display:flex}@media (max-width:778px){.skills .container .skills__content .skill-card{width:auto}}.skills .container .skills__content .skill-card .skill-card__icon{justify-content:center;align-items:center;transition:inherit;display:flex;position:relative}.skills .container .skills__content .skill-card .skill-card__icon svg{z-index:2;transition:all .3s ease-in-out;position:relative;color:#515256!important}.skills .container .skills__content .skill-card .skill-card__name{color:#515256;text-align:center;margin-top:auto;font-size:.875rem;font-weight:400}@media (max-width:778px){.skills .container .skills__content .skill-card .skill-card__name{font-size:.75rem}}.skills .container .skills__content .skill-card:hover .skill-card__icon{filter:drop-shadow(0 0 15px var(--skill-color))}.skills .container .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}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}