@font-face{font-family:Great Vibes;src:url(/assets/fonts/GreatVibes.woff2) format("woff2"),url(/assets/fonts/GreatVibes.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter;src:url(/assets/fonts/Bitter.woff2) format("woff2"),url(/assets/fonts/Bitter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter200;src:url(/assets/fonts/Bitter200.woff2) format("woff2"),url(/assets/fonts/Bitter200.woff) format("woff")}header{position:sticky;top:0;z-index:1000;width:100%;padding:1.5rem 10%;background-color:transparent;transition:all .4s ease;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap}header.scrolled{background-color:#f5f5f0d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014;padding:1rem 10%}header .logo a{font-family:Great Vibes;font-size:3.5rem;cursor:pointer;color:#000}header .home ul{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;gap:3rem}header .home a{cursor:pointer;text-decoration:none;color:#000;font-size:2rem;font-weight:400;transition:color .3s ease}header .home a:hover{color:#2f8f83}header .home a.active{color:#2f8f83;font-weight:600}@media screen and (max-width: 768px){header{padding:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f5f5f0}header.scrolled{padding:.8rem}header .home ul{gap:2rem}}@font-face{font-family:Great Vibes;src:url(/assets/fonts/GreatVibes.woff2) format("woff2"),url(/assets/fonts/GreatVibes.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter;src:url(/assets/fonts/Bitter.woff2) format("woff2"),url(/assets/fonts/Bitter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter200;src:url(/assets/fonts/Bitter200.woff2) format("woff2"),url(/assets/fonts/Bitter200.woff) format("woff")}.hero-container{min-height:90vh;max-width:85%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap-reverse;gap:4rem}.hero .text-content{flex:2;margin:0rem}.hero .text-content h1{font-family:Bitter,sans-serif;font-size:4.5rem;font-weight:400;line-height:1.3;color:#000}.hero .text-content h1 .intro-name{font-weight:700;color:#2f8f83;font-size:6rem}.hero .text-content .intro-description-title{font-family:Bitter,sans-serif;font-size:2.5rem;margin-top:1.5rem;color:#000;opacity:.8}.hero .text-content .description{font-size:1.8rem;margin-top:2rem;line-height:1.6;color:#000}.hero .text-content .hero-buttons{display:flex;gap:2rem;align-items:center;margin-top:2rem}.hero .text-content .hero-buttons button,.hero .text-content .hero-buttons a{font-size:1.6rem;font-weight:500;padding:1.2rem 3rem;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.hero .text-content .hero-buttons .btn-primary{background-color:#2f8f83;color:#f5f5f0;border:2px solid #2f8f83;box-shadow:0 4px 15px #6c63ff4d}.hero .text-content .hero-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6c63ff66;background-color:#297c71}.hero .text-content .hero-buttons .btn-secondary{background-color:transparent;color:#000;border:2px solid #000000}.hero .text-content .hero-buttons .btn-secondary:hover{background-color:#000;color:#f5f5f0;transform:translateY(-3px)}.hero .image-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-end;flex-direction:row}.hero .image-wrapper .profile-image{width:350px;height:350px;border-radius:50%;overflow:hidden;border:8px solid #2f8f83;box-shadow:20px 20px #2f8f8333}.hero .image-wrapper .profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero .image-wrapper .profile-image:hover img{transform:scale(1.05)}@media screen and (max-width: 900px){.hero{flex-direction:column-reverse;text-align:center;padding-top:2rem;gap:2rem}.hero .image-wrapper{justify-content:center;margin-bottom:2.5rem}.hero .image-wrapper .profile-image{width:250px;height:250px;box-shadow:10px 10px #2f8f8333}.hero .text-content h1{font-size:3rem;line-height:1.2}.hero .text-content .intro-name{font-size:4rem!important}.hero .text-content .intro-description-title{font-size:2rem;margin-top:1.6rem}.hero .text-content .description{font-size:1.6rem;margin-bottom:2rem}.hero .text-content .hero-buttons{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-top:2.5rem}.hero .text-content .hero-buttons button,.hero .text-content .hero-buttons a{width:50%;max-width:300px;text-align:center;margin-top:1rem;padding:1.2rem 0}}@media screen and (max-width: 900px){.hero-container{min-height:90vh;padding-bottom:4rem}}@font-face{font-family:Great Vibes;src:url(/assets/fonts/GreatVibes.woff2) format("woff2"),url(/assets/fonts/GreatVibes.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter;src:url(/assets/fonts/Bitter.woff2) format("woff2"),url(/assets/fonts/Bitter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter200;src:url(/assets/fonts/Bitter200.woff2) format("woff2"),url(/assets/fonts/Bitter200.woff) format("woff")}.work-page{max-width:85vw;margin:6rem auto 5rem;padding:1rem}.work-page h2{font-family:Bitter,sans-serif;font-size:4rem;color:#000;margin-bottom:4rem}.work-page h2 .highlight{position:relative;display:inline-block;font-weight:700}.work-page h2 .highlight:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:4px;background:linear-gradient(90deg,#2f8f83);border-radius:2px;opacity:.8}.work-page p{font-size:2rem;color:#000;opacity:.8;line-height:1.6;margin-bottom:4rem}.work-page .work-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;margin-top:2rem}.work-item{background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.work-item:hover{transform:translateY(-8px);box-shadow:0 15px 30px #6c63ff26;border-color:#6c63ff4d}.work-item .image-container{width:100%;height:200px;overflow:hidden;background-color:#f9f9f9;border-bottom:1px solid rgba(0,0,0,.05)}.work-item .image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-item .image-container:hover img{transform:scale(1.05)}.work-item .content{padding:2.5rem;flex:1;display:flex;flex-direction:column}.work-item .content h3{font-family:Bitter,sans-serif;font-size:2.2rem;color:#2f8f83;margin-bottom:1rem}.work-item .content .description{font-size:1.5rem;color:#555;line-height:1.6;margin-bottom:2rem;flex-grow:1}.work-item .content .tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.work-item .content .tags .tag{font-size:1.2rem;font-weight:500;color:#2f8f83;background-color:#6c63ff1a;padding:.4rem 1.2rem;border-radius:20px}.work-item .content .footer{border-top:1px solid #eee;padding-top:1.5rem}.work-item .content .footer .source-link{display:flex;align-items:center;gap:.8rem;color:#000;font-size:1.4rem;font-weight:600;transition:color .2s ease}.work-item .content .footer .source-link:hover{color:#2f8f83}.work-item .content .footer .source-link svg{fill:currentColor}@font-face{font-family:Great Vibes;src:url(/assets/fonts/GreatVibes.woff2) format("woff2"),url(/assets/fonts/GreatVibes.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter;src:url(/assets/fonts/Bitter.woff2) format("woff2"),url(/assets/fonts/Bitter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter200;src:url(/assets/fonts/Bitter200.woff2) format("woff2"),url(/assets/fonts/Bitter200.woff) format("woff")}footer{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;background-color:#000;color:#fff;padding:15rem 10rem}footer a,footer p,footer h2{font-weight:300}footer p{margin:2rem 0}footer ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:2rem}footer button{cursor:pointer;margin-top:4rem;padding:1.5rem 3rem;border:none;border-radius:4rem;background-color:#f5f5f0;color:#000;font-family:Bitter,sans-serif;font-size:1.7rem;transition:all .3s ease}footer button:hover{background-color:#2f8f83;color:#f5f5f0;transform:translateY(-3px);box-shadow:0 5px 15px #6c63ff66}footer a{color:#f5f5f0;text-decoration:none;transition:color .3s ease}footer a:hover{color:#2f8f83}@media screen and (max-width: 900px){footer{flex-direction:column;align-items:center;text-align:center;padding:6rem 3rem;gap:4rem}footer .contact{order:1;width:100%}footer .contact p{font-size:1.4rem;margin:1rem 0}footer .contact h2{font-size:3rem;line-height:1.2;margin-bottom:2rem}footer .contact button{margin-top:2rem;width:100%;max-width:300px;padding:1.5rem 0}footer .nav{order:2;width:100%}footer .nav ul{align-items:center;gap:1.5rem}footer .nav ul li{font-size:1.6rem}footer .socials{order:3;width:100%}footer .socials ul{align-items:center;gap:1.5rem}footer .socials ul li{font-size:1.6rem}}@media screen and (max-width: 600px){footer{padding:5rem 2rem;gap:3rem}footer .contact h2{font-size:2.5rem}footer .contact button{font-size:1.4rem}footer .nav ul,footer .socials ul{gap:1.2rem}footer .nav ul li,footer .socials ul li{font-size:1.4rem}}@font-face{font-family:Great Vibes;src:url(/assets/fonts/GreatVibes.woff2) format("woff2"),url(/assets/fonts/GreatVibes.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter;src:url(/assets/fonts/Bitter.woff2) format("woff2"),url(/assets/fonts/Bitter.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Bitter200;src:url(/assets/fonts/Bitter200.woff2) format("woff2"),url(/assets/fonts/Bitter200.woff) format("woff")}*{margin:0;padding:0;box-sizing:border-box;font-family:Bitter,sans-serif}html{font-size:62.5%;background-color:#f5f5f0;color:#000;scroll-behavior:smooth}h1{font-size:3.5rem}li,p,button,label,input,a{font-size:2rem}h2{font-size:4.5rem}h3{font-size:2.5rem}h4,h5{font-size:2rem}ul{list-style:none}a{text-decoration:none}.page{transition:transform 1s ease-in-out}.page-enter{opacity:0;transform:translate(200px)}.page-enter-active{opacity:1;transform:translate(0)}.page-exit{opacity:0;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(100px)}.page-enter-done,.page-exit-done{opacity:1;transform:translate(0)}@media screen and (max-width: 1450px){html{font-size:56.25%}}@media screen and (max-width: 1024px){html{font-size:50%}}@media screen and (max-width: 768px){html{font-size:45%}.splash{display:none}}