html{box-sizing:border-box;scroll-behavior:smooth;margin:0 auto}*,*:before,*:after{box-sizing:inherit}*{box-sizing:border-box}:root{--font-bodycopy: "Noto Sans", sans-serif;--font-title: "Cormorant Garamond", serif;--c-dark-green: #1D2B1A;--c-light-green: #64823E;--c-pink: #F4C9C4;--c-beige: #F7EFDA}body{overflow-x:hidden;margin:0 auto;font-family:var(--font-bodycopy);color:var(--c-dark-green);background-color:var(--c-beige)}.badge-link{all:unset}h1{color:var(--c-dark-green);font-family:var(--font-bodycopy);font-size:200px;font-weight:600;display:flex;align-items:flex-start;gap:.1em;justify-content:center}h2{font-family:var(--font-title);transform:translate(20rem,-22rem)}p{font-family:var(--font-bodycopy);line-height:1.5}.p-tail{color:var(--c-dark-green);width:98.6px;height:404.8px;display:block;margin-top:.1em;margin-bottom:.2em;transform:translateY(40px)}.highlight-l{color:var(--c-light-green);margin-left:-1rem;margin-right:-1rem}.hero{text-align:center;padding:4rem 1rem 2rem;background-color:var(--c-beige);position:relative}.mobile-title,.p-fallback{display:none}.p-tail-wrapper{display:inline-block;position:relative}.badges{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;z-index:1}.badges .badge{display:inline-block;padding:6px 22px;margin:.3em;border-radius:5px;font-size:35px;position:relative}.badge.motion{text-decoration:none;position:absolute;top:0;background-color:var(--c-light-green);color:var(--c-beige);margin-top:-16rem;margin-left:-35rem}.badge.motion:after{content:"";position:absolute;left:20px;bottom:-5px;width:0;height:0;border-top:25px solid var(--c-light-green);border-right:25px solid transparent;transform:rotate(-135deg);transform-origin:center}.badge.ux{text-decoration:none;position:absolute;top:0;background-color:var(--c-dark-green);color:var(--c-beige);margin-top:-20rem;margin-left:35rem}.badge.ux:after{content:"";position:absolute;right:20px;bottom:-5px;width:0;height:0;border-top:25px solid var(--c-dark-green);border-left:25px solid transparent;transform:rotate(135deg);transform-origin:center}.badge.visual{text-decoration:none;color:var(--c-dark-green);position:absolute;top:0;background-color:var(--c-pink);margin-top:3rem;margin-left:-25rem}.badge.visual:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-bottom:10px solid var(--c-pink);border-left:10px solid transparent;border-right:10px solid transparent}.strip--introduce{background-color:var(--c-dark-green);color:var(--c-beige);white-space:nowrap;padding:.5rem 0;position:relative;z-index:1;width:200%!important;margin-left:-30rem;margin-top:-14rem}.strip-inner--introduce{display:flex;width:3200px;animation:scroll 20s linear infinite}.strip--work{background-color:var(--c-pink);color:var(--c-dark-green);white-space:nowrap;padding:.5rem 0;position:relative;z-index:1;width:200%!important;margin-left:-30rem}.strip-inner--work{display:flex;width:3200px;animation:scroll 20s linear infinite}.repeat{flex:0 0 200px;margin-right:50px;white-space:nowrap}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{margin-top:3rem;justify-content:center;position:relative;display:flex;gap:2rem;padding:2rem;align-items:flex-start;z-index:3}.about img{border-radius:10px}.about-text{max-width:650px;display:flex;flex-direction:column;gap:1rem}.about-text p{margin:0;line-height:1.5}.tags{margin-top:-.7rem}.tags span{padding:.4rem .8rem;margin-right:.5rem;border-radius:5px;font-size:18px;border:2px solid var(--c-dark-green)}.tags .highlight{background-color:var(--c-dark-green);color:beige;border-color:var(--c-dark-green)}.about-title{position:absolute;margin-top:18rem;margin-left:-35rem}.education .about-title{margin-left:-42rem}.skills-education{position:relative;z-index:10;display:flex;justify-content:space-between;border-top:2px solid var(--c-dark-green);border-bottom:2px solid var(--c-dark-green);padding:6rem 0 2rem;gap:4rem;background-color:var(--c-beige);color:var(--c-dark-green);margin-top:4rem}.skills,.education{flex:1;display:flex;flex-direction:column;align-items:center}.skills h2,.education h2{font-size:2rem;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill{display:flex;gap:.8rem;align-items:flex-start;margin-top:.3em}.skill p{margin:0;line-height:1.8}.skill img{width:50px;height:50px;object-fit:contain;border-radius:12px}.dots{display:flex;gap:4px;margin-top:.3rem}.dots span{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--c-dark-green)}.dots .filled{background-color:var(--c-dark-green);border:none}.timeline{position:relative;display:flex;flex-direction:column;gap:3rem;padding-left:-6rem}.skills-education:before{content:"";position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:2px;background:var(--c-dark-green);z-index:0}.event{position:relative;display:flex;align-items:center;gap:1.5rem}.dot-line{width:12px;height:12px;background:var(--c-dark-green);border-radius:50%;flex-shrink:0}.year{font-weight:700;width:90px}.desc{flex:1}.skills .icons img{width:40px;margin:.3rem}.education{position:relative}.education ul{list-style:none;padding-left:0}.welcome{background-color:var(--c-beige);text-align:center;padding:2rem;max-width:680px;display:flex;flex-direction:column}.welcome--message{display:flex;justify-content:center;margin-top:15rem;margin-bottom:10rem}.personal-project{max-width:1200px;margin:0 auto 8rem;padding:4rem 2rem;border-top:2px solid var(--c-dark-green);border-bottom:2px solid var(--c-dark-green);text-align:center}.personal-project--tittle{font-family:var(--font-title);font-size:75px;font-weight:400;line-height:1;margin:0 0 1.5rem}.personal-project p{max-width:760px;margin:0 auto 1rem}.personal-project-link{display:inline-block;margin:1.5rem 0 2.5rem;padding:.8rem 1.2rem;background-color:var(--c-dark-green);color:var(--c-beige);text-decoration:none;border-radius:6px;border:2px solid var(--c-dark-green);font-weight:700;transition:all .2s ease}.personal-project-link:hover,.personal-project-link:focus-visible{background-color:transparent;color:var(--c-dark-green);outline:none}.personal-project-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:stretch}.personal-project-media img,.personal-project-media video{width:100%;height:auto;display:block;border-radius:10px;border:1px solid rgba(29,43,26,.2)}.coming-soon{background-color:var(--c-dark-green);text-align:center;padding:5rem 2rem;position:relative;align-items:center;display:flex;flex-direction:column}.coming-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem}.coming-soon:after{content:"";position:absolute;height:2px;width:100%;background-color:var(--c-dark-green);top:-15px;left:0}.coming-soon:before{content:"";position:absolute;height:4px;width:100%;background-color:var(--c-dark-green);top:-34px;left:0}.coming-soon--banner{margin-top:5rem;font-size:150px;font-weight:700;color:var(--c-pink);line-height:1;text-transform:uppercase;transform:scaleY(1.5);display:inline-block;margin-bottom:0}.comming-soon-title{font-family:var(--font-title);font-size:75px;font-weight:400;max-width:700px}.somming-soon--title-center{display:flex;justify-content:center;text-align:center}.project-box{background-color:var(--c-light-green);color:var(--c-beige);padding:2rem;border-radius:.1rem;box-shadow:0 0 0 1rem #fff;text-align:center;z-index:1;position:relative;top:-300px;margin-bottom:-200px}.project-box h4{font-size:75px;margin:0}.project-box p{font-size:150px;font-weight:600;margin:1rem 0 0}.project-box:before,.project-box:after{content:"";position:absolute;left:0;width:100%}.moodboard-section{flex:0 0 100vw;scroll-snap-align:start;display:flex;justify-content:center;padding:10rem 2rem}.moodboard-content{display:flex;align-items:center;max-width:1200px;gap:50px}.moodboard-texts{display:flex;flex-direction:column}.moodboard-texts h3{font-family:var(--font-title);font-size:75px;font-weight:400;line-height:75px;margin:0}.moodboard-texts .hashtag{margin-top:10px;margin-bottom:15px;color:var(--c-light-green)}.moodboard-description p{margin:0 0 10px;max-width:300px}.moodboard-image img{display:block;max-width:100%;height:auto}.scroll-wrapper{position:relative;overflow:hidden;padding:0 4rem}.horizontal-scroll{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:4rem;padding:2rem;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.horizontal-scroll::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--c-dark-green);color:#fff;border:none;padding:1rem 1.2rem;border-radius:50%;cursor:pointer;z-index:10;transition:background .2s ease}.scroll-btn:hover{background:var(--c-light-green)}.scroll-btn.left{left:.5rem}.scroll-btn.right{right:.5rem}.scroll-wrapper:before{left:0;background:linear-gradient(to right,white 60%,transparent)}.scroll-wrapper:after{right:0;background:linear-gradient(to left,white 60%,transparent)}footer{background-color:var(--c-dark-green);padding:2rem 0;display:flex;flex-direction:column;align-items:center}.footer-text{color:var(--c-beige);font-size:25px;text-decoration:none}.footer-text a{color:var(--c-beige);text-decoration:none}.footer-banner{margin-top:20px;margin-bottom:-30px;color:var(--c-beige);font-weight:600;font-size:115px;line-height:1;text-align:center;overflow:hidden;height:80px}.footer-info{display:flex;justify-content:space-around;width:100%;height:12rem;gap:2rem}.footer-text img[alt="LinkedIn icoon"],.footer-text img[alt="Behance icoon"]{position:relative;top:5px}@media (max-width: 768px){.hero h1.desktop-title{display:none!important}h1{font-size:clamp(2rem,8vw,4rem);text-align:center;line-height:1.2;margin-bottom:1rem}h2{font-size:clamp(1.25rem,5vw,2rem);transform:none;margin:0 auto 2rem;text-align:center}.mobile-title{display:block;font-size:2.5rem;font-weight:600;margin-top:1rem}.highlight-l{margin-left:-40px}.badges{position:static;transform:none;flex-direction:column;align-items:center;gap:1rem;margin:2rem auto}.badges .badge{position:static;font-size:clamp(1rem,4vw,1.5rem);margin:.5rem auto;text-align:center}.badge:after{display:none}.strip--introduce,.strip--work{width:100%!important;margin-left:0!important;overflow:hidden;max-width:100vw;box-sizing:border-box}.repeat{flex:0 0 120px;margin-right:15px;font-size:.8em;display:flex;align-items:center;justify-content:center}.strip--introduce,.strip--work{margin-left:0rem}.strip--introduce{margin-top:1rem}.about,.skills-education{flex-direction:column;align-items:center;padding:2rem 1rem}.about-title,.education .about-title{position:static;margin:2rem 0 1rem;text-align:center}.about--interests{display:flex;justify-content:center}.skills-education:before{display:none}.skills-education{flex-direction:column;gap:2rem;padding:3rem 1rem}.skills-education:before{content:none}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.skill{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.skill img{width:40px;height:40px}.skill>div{display:flex;flex-direction:column;align-items:center;gap:0rem;margin-bottom:2rem}img:not(.logo){max-width:60%;height:auto;display:block;margin:0 auto}.hero h1{font-size:2.5rem;line-height:1.1;text-align:center;margin:1rem auto 0;display:block}.hero h1 img.p-tail{display:none}.hero h1 .highlight-l{color:inherit}.hero h2{font-size:1.25rem;text-align:center;margin-top:-1rem}.tags span{display:block;margin-bottom:.5rem;width:fit-content;margin-left:auto;margin-right:auto}.tags span:last-child{margin-bottom:0}.tags{display:flex;flex-direction:column;align-items:center}.comming-soon-title{font-size:35px}.coming-soon--banner{font-size:75px;margin-top:0rem;margin-bottom:8rem}.project-box{padding:1rem;box-shadow:0 0 0 .5rem #fff;position:static;margin:2rem auto;max-width:90%;box-sizing:border-box}.project-box h4{font-size:2.5rem;line-height:1.2}.project-box p{font-size:4.5rem;margin:.5rem 0 0}.moodboard-section{padding:4rem 1rem}.moodboard-content{flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:none}.moodboard-texts{text-align:center;align-items:center}.moodboard-texts h3{font-size:3rem;line-height:1.1}.moodboard-texts .hashtag{font-size:1rem}.moodboard-description p{max-width:80%;margin-left:auto;margin-right:auto;font-size:.9rem}.moodboard-image{width:90%;max-width:400px}.moodboard-image img{width:100%;height:auto}.personal-project{margin:0 auto 4rem;padding:2.5rem 1rem}.personal-project--tittle{font-size:3rem}.personal-project-link{width:100%;max-width:330px}.personal-project-media{grid-template-columns:1fr;gap:1rem}.personal-project-media img,.personal-project-media video{max-width:100%!important}.scroll-wrapper{width:100%;margin:0 auto;padding:0 0rem}.horizontal-scroll{display:block;overflow-x:unset;scroll-snap-type:unset;white-space:normal}.moodboard-section{min-width:unset;width:100%;margin-bottom:1rem}.moodboard-image video{display:block;width:100%;max-width:500px;height:auto;margin:0 auto;object-fit:cover}.moodboard-image img,.moodboard-image video{max-width:100%}.scroll-btn{display:none}.strip--introduce,.strip--work{margin-left:0rem;max-width:100vh}footer{padding:1.5rem 1rem}.footer-info{flex-direction:column;align-items:flex-start;height:auto;gap:1.5rem;width:90%}.contact,.connect{width:100%;display:flex;flex-direction:column;align-items:flex-start}.footer-text{font-size:1rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:.5rem}.footer-text:last-of-type{margin-bottom:0}.footer-text strong{font-size:1.2rem;margin-bottom:.5rem;display:block;width:100%;text-align:left}.footer-text img{width:20px;height:20px;flex-shrink:0}.footer-banner{font-size:2.5rem;margin-top:1.5rem;margin-bottom:0;height:auto;padding:0 1rem;word-break:break-word}}@media (min-width: 768px) and (max-width: 1024px){h1{font-size:clamp(3rem,10vw,6rem);flex-wrap:wrap;text-align:center}h2{transform:translate(0);text-align:center;margin-top:-22rem}.p-tail{margin-top:-1rem}.badges{position:static;transform:none;flex-direction:column;align-items:center;gap:1rem}.badges .badge{position:static;margin:.5rem auto;font-size:clamp(1.5rem,3vw,2rem)}.badge:after{display:none}.strip--introduce{margin-top:15rem}.skills-education{flex-direction:column;padding:3rem 1rem}.about{flex-direction:column;align-items:center;padding:2rem 1rem}.about-title,.education .about-title{position:static;margin:2rem 0 1rem;text-align:center}.personal-project{margin-bottom:6rem}.personal-project-media{grid-template-columns:1fr}.skills-education:before{display:none}.footer-banner{font-size:var(--step-4)}.footer-info{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}}@media (min-width: 1201px){.content--page{max-width:1600px;margin:0 auto}}