@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.desktop-nav,.nav-links{display:flex}.logo,.nav-links a{line-height:1}.desktop-nav{justify-content:space-around;align-items:center;height:17vh}.nav-links{align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--color-text);font-size:1.4rem;font-weight:400;-webkit-text-decoration:none;text-decoration:none}.nav-links a:hover{color:gray;text-underline-offset:1rem;-webkit-text-decoration:underline #b5b5b5;text-decoration:underline #b5b5b5}.logo{font-size:2rem;font-weight:500}.logo:hover{cursor:default}@media (width<=768px){.desktop-nav{flex-direction:column;align-items:center;gap:.5rem;height:auto;padding:1rem .5rem}.nav-links{flex-direction:column;align-items:center;gap:.8rem}.nav-links a{padding:.35rem .5rem;font-size:1.05rem}}.hero{justify-content:center;align-items:center;gap:5rem;height:80vh;display:flex}.hero__image{width:420px;height:420px;margin:auto 0;display:flex}.hero__image img{object-fit:cover;object-position:48% center;filter:grayscale();border-radius:50%;width:100%;height:100%;transition:filter 1s}.hero__image img:hover{filter:grayscale(30%)}.hero__content{text-align:center;align-self:center}.hero__content p{font-weight:600}.hero__greeting{text-align:center;color:var(--color-muted);margin-bottom:.25rem;font-size:1.5rem}.hero__name{text-align:center;font-size:3.5rem;line-height:1.1}.hero__role{color:var(--color-muted);margin-bottom:1rem;font-size:2rem}.hero__buttons{justify-content:center;gap:1rem;display:flex}.hero__button{border:.1rem solid var(--color-dark);cursor:pointer;border-radius:2rem;justify-content:center;align-items:center;width:11rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero__button--outline{color:var(--color-text);background:0 0}.hero__button--outline:hover,.hero__button--dark{background:var(--color-dark);color:#fff}.hero__button--dark:hover{background:#000}.hero__socials{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.hero__social-icon,.hero__img--linkedin,.hero__img--github{cursor:pointer;height:2rem;transition:transform .3s}.hero__social-icon:hover{transform:translateY(-3px)}@media (width<=1024px){.hero{flex-direction:column;gap:2.5rem;height:auto;padding:2rem 0}.hero__image{width:320px;height:320px}.hero__name{font-size:2.6rem}.hero__role{font-size:1.5rem}}@media (width<=640px){.hero{gap:1.25rem;padding:1.25rem 0}.hero__image{width:200px;height:200px}.hero__greeting{font-size:1.1rem}.hero__name{font-size:1.8rem}.hero__role{font-size:1.1rem}.hero__button{width:auto;padding:.7rem 1rem;font-size:.95rem}}.about{box-sizing:border-box;height:96vh;min-height:fit-content;margin:0 10rem;padding-top:4vh;position:relative}.about__subtitle{text-align:center;color:var(--color-muted);font-weight:600}.about__title{text-align:center;font-size:3rem}.about__container{align-items:center;gap:4rem;height:80%;display:flex}.about__image{width:400px;height:400px;margin:auto 0}.about__photo{object-fit:cover;object-position:48% center;filter:grayscale()brightness(1.25)contrast(.95);border-radius:2rem;width:100%;height:100%;transition:filter 1s}.about__photo:hover{filter:grayscale(40%)brightness(1.05)contrast()}.about__details{flex-direction:column;flex:1;justify-content:center;display:flex}.about__cards{gap:2rem;margin:2rem 0;display:flex}.about__card{text-align:center;background:#fff;border:.1rem solid #a3a3a359;border-radius:2rem;flex:1;padding:1.8rem;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 35px #0000001a}.about__card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #00000024}.about__icon{cursor:default;height:2.2rem;margin-bottom:.7rem}.about__card-title{color:var(--color-text);margin-bottom:.35rem;font-size:1.15rem}.about__card-text{color:var(--color-muted);margin-bottom:.35rem;font-size:1.15rem;line-height:1.6}.about__text-container{text-align:left}.about__text{color:var(--color-muted);margin-top:.5rem;font-size:1.2rem;line-height:1.7}@media (width<=1024px){.about{margin:0 3rem}.about__image{width:320px;height:320px}}@media (width<=640px){.about{height:auto;margin:0 1.5rem;padding-bottom:2rem}.about__container{flex-direction:column;align-items:center;gap:1.25rem}.about__image{width:220px;height:220px;margin:0}.about__cards{flex-direction:column;gap:1rem}.about__text{font-size:1rem}}.experience{box-sizing:border-box;min-height:auto;margin:0 10rem;padding-top:2vh;padding-bottom:4rem;position:relative}.experience__subtitle{text-align:center;color:var(--color-muted);font-weight:600}.experience__title{text-align:center;font-size:3em}.experience__block{margin-top:1.5rem}.experience__section-title{color:var(--color-text);text-align:left;margin-bottom:1.5rem;font-size:1.8rem}.experience__grid{grid-template-columns:1fr;gap:2rem;display:grid}.experience__grid--it{grid-template-columns:1fr}.experience__card{background:#fff;border:.1rem solid #a3a3a359;border-radius:2rem;width:100%;max-width:900px;margin:0 auto;padding:1.8rem 2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 35px #0000001a}.experience__card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #00000024}.experience__period{color:var(--color-muted);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.experience__role{color:var(--color-text);margin-bottom:.3rem;font-size:1.4rem}.experience__company{color:var(--color-text);margin-bottom:.2rem;font-weight:600}.experience__location{color:var(--color-muted);margin-bottom:1rem;font-size:.95rem}.experience__description{color:var(--color-muted);margin-bottom:1rem;line-height:1.6}.experience__list{color:var(--color-muted);margin-top:1rem;padding-left:1.2rem;font-size:1rem;line-height:1.6}.experience__list li{margin-bottom:.5rem}.experience__places{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.experience__place{border-right:.1rem solid #a3a3a340;padding-right:1rem}.experience__place:last-child{border-right:none;padding-right:0}.experience__text{color:var(--color-muted);margin-top:1rem;font-size:1rem;line-height:1.7}@media (width<=1024px){.experience{margin:0 3rem}.experience__places{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.experience{margin:0 1.5rem;padding-bottom:2rem}.experience__places{grid-template-columns:1fr}.experience__title{font-size:2rem}}.projects{box-sizing:border-box;min-height:96vh;margin:0 8rem;padding-top:4vh;position:relative}.projects__subtitle{text-align:center;color:var(--color-muted);font-weight:600}.projects__title{text-align:center;font-size:3rem}.projects__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}@media (width<=1024px){.projects{margin:0 3rem}.projects__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=640px){.projects{margin:0 1.5rem;padding-bottom:2rem}.projects__grid{grid-template-columns:1fr;gap:1rem}.projects__card{padding:1rem}.projects__image{width:100%;height:auto}}.projects__card{background:#fff;border:.1rem solid #a3a3a359;border-radius:2rem;flex-direction:column;justify-content:space-between;padding:1.4rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 12px 35px #0000001a}.projects__card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #00000024}.projects__image{border-radius:1.2rem;width:60%;height:auto;margin:0 auto 1rem;display:block}.projects__name{color:var(--color-text);margin-bottom:.6rem;font-size:1.25rem}.projects__description{color:var(--color-muted);margin-bottom:.8rem;font-size:.9rem;line-height:1.5}.projects__tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.projects__tag{color:var(--color-text);border:.1rem solid #a3a3a359;border-radius:2rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.projects__button{color:var(--color-text);border:.1rem solid var(--color-dark);border-radius:2rem;align-self:flex-start;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.projects__button:hover{background:var(--color-dark);color:#fff}.contact{box-sizing:border-box;flex-direction:column;justify-content:center;height:70vh;margin:0 10rem;padding-top:4vh;display:flex;position:relative}.contact__subtitle{text-align:center;color:var(--color-muted);font-weight:600}.contact__title{text-align:center;font-size:3rem}.contact__container{background:#fff;border:.1rem solid #a3a3a359;border-radius:2rem;justify-content:center;gap:2rem;margin:3rem auto 0;padding:1.5rem 2rem;display:flex;box-shadow:0 12px 35px #0000001a}.contact__item{color:var(--color-text);align-items:center;gap:.7rem;font-size:1.1rem;font-weight:500;text-decoration:none;display:flex}.contact__item:hover{color:var(--color-muted);text-decoration:none}.contact__icon{object-fit:contain;width:2rem;height:2rem}@media (width<=1024px){.contact{margin:0 3rem}.contact__container{padding:1rem}}@media (width<=640px){.contact{height:auto;margin:0 1.5rem}.contact__container{flex-direction:column;gap:1rem;padding:1rem}.contact__item{font-size:1rem}}:root{--color-bg:#fff;--color-text:#1f1f1f;--color-muted:#555;--color-dark:#2f2f2f;--color-border:#ddd}*{margin:0;padding:0}body{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}:root{--container-padding-desktop:10rem;--container-padding-tablet:3rem;--container-padding-mobile:1.5rem}h1{font-size:clamp(1.6rem,4.5vw,3.5rem)}h2{font-size:clamp(1.25rem,3.5vw,2.5rem)}@media (width<=1024px){.about,.projects,.contact,.experience{margin:0 var(--container-padding-tablet)}}@media (width<=640px){.about,.projects,.contact,.experience,.hero{margin:0 var(--container-padding-mobile);padding-left:0;padding-right:0}body{font-size:14px}}