.hero-section{padding:7.5rem 1rem 3.5rem}@media screen and (min-width:1023px){.hero-section{padding:8.375rem 1.5rem 3.5rem}}@media screen and (min-width:1200px){.hero-section{max-width:1560px;margin:0 auto;padding-bottom:8.75rem}}@media screen and (min-width:1570px){.hero-section{padding-left:0;padding-right:0}}.hero-section .hero-content{flex-direction:column;gap:80px;margin:0 auto;display:flex}@media screen and (min-width:1200px){.hero-section .hero-content{flex-direction:row;justify-content:space-between;gap:0}}.hero-section .hero-main{flex-direction:column;gap:1.5rem;display:flex}.hero-section .hero-title{letter-spacing:-.17rem;color:var(--primary);font-size:2.7rem;line-height:.91;font-family:var(--font-inter-display);font-weight:500}@media screen and (min-width:767px){.hero-section .hero-title{width:662px;font-size:2.8rem}}@media screen and (min-width:1023px){.hero-section .hero-title{font-size:3.5rem;line-height:.95}}@media screen and (min-width:1200px){.hero-section .hero-title{letter-spacing:-.25rem;width:720px;font-size:4.25rem}}@media screen and (min-width:1023px){.hero-section .hero-title .gray-text{color:var(--gray-text)}}.hero-section .hero-footer{flex-direction:column;gap:1.5rem;display:flex}@media screen and (min-width:767px){.hero-section .hero-footer{width:368px}}.hero-section .hero-footer .hero-description{color:var(--gray-text);font-size:1rem;line-height:1.5}.projects-section{max-width:1560px;margin:0 auto;padding:3.5rem 1rem}@media screen and (min-width:1023px){.projects-section{padding:3.5rem 1.5rem 6rem}}@media screen and (min-width:1570px){.projects-section{padding-left:0;padding-right:0}}.projects-section .projects-header{justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1rem;display:flex}.projects-section .projects-header span:first-child{font-size:1.5rem;font-weight:500;font-family:var(--font-inter-display);letter-spacing:-.5px}@media screen and (min-width:810px){.projects-section .projects-header span:first-child{font-size:2rem}}.projects-section .projects-header span:nth-child(2){color:var(--gray-text);font-size:1.125rem}@media screen and (min-width:810px){.projects-section .projects-header span:nth-child(2){font-size:1.25rem}}.projects-section .projects-list{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.projects-section .projects-list .project-text-item{cursor:pointer;width:-moz-fit-content;width:fit-content;position:relative}.projects-section .projects-list .project-text-item .project-year{color:var(--gray-text);font-size:1.25rem;font-family:var(--font-inter);opacity:0;transition:all .4s;display:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media screen and (min-width:767px){.projects-section .projects-list .project-text-item .project-year{display:flex}}.projects-section .projects-list .project-text-item .project-title{font-size:max(4.8rem,min(14vw,13rem));font-family:var(--font-inter-display);letter-spacing:-.07em;color:var(--black-bg);white-space:nowrap;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;line-height:1.1;transition:all .4s;transform:translate(-3px)}@media screen and (min-width:767px){.projects-section .projects-list .project-text-item .project-title{transform:translate(0)}}.projects-section .projects-list .project-text-item .project-arrow{opacity:0;color:var(--gray-text);transition:all .4s;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.projects-section .projects-list .project-text-item .project-arrow-icon{font-size:4rem}@media screen and (min-width:767px){.projects-section .projects-list .project-text-item .project-arrow{display:flex}}.projects-section .projects-list .project-text-item:hover .project-year{opacity:1;left:-100px}.projects-section .projects-list .project-text-item:hover .project-title{color:var(--gray-text);letter-spacing:-.01em}.projects-section .projects-list .project-text-item:hover .project-arrow{opacity:1;right:-100px}.about-section{max-width:1560px;margin:0 auto;padding:3.5rem 1rem 6.25rem}@media screen and (min-width:1023px){.about-section{padding:3.5rem 1.5rem 6.25rem}}@media screen and (min-width:1200px){.about-section{justify-content:space-between;padding:4rem 2rem 8rem 1.5rem;display:flex}}@media screen and (min-width:1570px){.about-section{padding-left:0;padding-right:0}}.about-section .about-header{font-size:1.125rem;font-weight:500;font-family:var(--font-inter);margin-bottom:2rem}.about-section .about-header .gray-text{color:var(--gray-text)}.about-section .about-description{font-size:2.25rem;line-height:1.1;font-family:var(--font-inter-display);letter-spacing:-1.5px;max-width:720px;margin-bottom:3rem;font-weight:500}@media screen and (min-width:1023px){.about-section .about-description{font-size:2.8rem;line-height:1}}@media screen and (min-width:1200px){.about-section .about-description{font-size:2.5rem}}.about-section .about-description .gray-text{color:var(--gray-text)}.services-section{padding:4rem 1rem 5rem}@media screen and (min-width:1023px){.services-section{padding:4rem 1.5rem 5rem}}@media screen and (min-width:1200px){.services-section{justify-content:space-between;gap:4rem;max-width:1560px;margin:0 auto;display:flex}}@media screen and (min-width:1570px){.services-section{padding-left:0;padding-right:0}}.services-section .services-header{font-size:1.125rem;font-weight:500;font-family:var(--font-inter);flex-shrink:0;margin-bottom:2rem}.services-section .services-header .gray-text{color:var(--gray-text)}@media screen and (min-width:1200px){.services-section .services-header{width:200px;margin-bottom:0}}.services-section .services-info{flex-direction:column;display:flex}.services-section .services-description{font-size:2.25rem;line-height:1.1;font-family:var(--font-inter-display);letter-spacing:-1.5px;max-width:720px;margin-bottom:2rem;font-weight:500}@media screen and (min-width:1023px){.services-section .services-description{font-size:2.8rem;line-height:1}}@media screen and (min-width:1200px){.services-section .services-description{margin-bottom:4rem;font-size:2.5rem}}.services-section .services-description .gray-text{color:var(--gray-text)}.services-section .services-list{flex-direction:column;display:flex}.services-section .service-item{border-bottom:1px solid rgba(0,0,0,.08);flex-direction:column;gap:1.5rem;padding:2rem 0;display:flex}.services-section .service-item:last-child{border-bottom:1px solid rgba(0,0,0,.1)}@media screen and (min-width:767px){.services-section .service-item{flex-direction:row;justify-content:space-between}}.services-section .service-item .service-left{flex-direction:column;gap:1rem;display:flex}@media screen and (min-width:1024px){.services-section .service-item .service-left{flex-direction:row;align-items:center;height:-moz-fit-content;height:fit-content}}.services-section .service-item .service-left .service-icon{line-height:.6}.services-section .service-item .service-left .service-icon .icon-box{font-size:2rem}.services-section .service-item .service-left .service-title{font-size:1.125rem;font-weight:500;font-family:var(--font-inter-display)}.services-section .service-item .service-right{color:var(--gray-text);flex-direction:column;gap:.5rem;font-size:1rem;display:flex}@media screen and (min-width:767px){.services-section .service-item .service-right{align-items:flex-start;width:200px}}.skills-section{padding:0 1rem 10rem}@media screen and (min-width:1023px){.skills-section{padding:2rem 1.5rem 10rem}}@media screen and (min-width:1200px){.skills-section{justify-content:space-between;gap:4rem;max-width:1560px;margin:0 auto;padding:2rem 1.5rem 10rem;display:flex}}@media screen and (min-width:1570px){.skills-section{padding-left:0;padding-right:0}}.skills-section .skills-header{font-size:1.125rem;font-weight:500;font-family:var(--font-inter);flex-shrink:0;margin-bottom:2rem}.skills-section .skills-header .gray-text{color:var(--gray-text)}@media screen and (min-width:1200px){.skills-section .skills-header{width:200px;margin-bottom:0}}.skills-section .skills-info{flex-direction:column;display:flex}.skills-section .skills-description{font-size:2.25rem;line-height:1.1;font-family:var(--font-inter-display);letter-spacing:-1.5px;max-width:720px;margin-bottom:4rem;font-weight:500}@media screen and (min-width:1023px){.skills-section .skills-description{font-size:2.8rem;line-height:1}}@media screen and (min-width:1200px){.skills-section .skills-description{font-size:2.5rem}}.skills-section .skills-description .gray-text{color:var(--gray-text)}.skills-section .skills-scroller{width:100%;overflow-x:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 3%,#000 22.5%,#000 77.5%,transparent 97%);mask-image:linear-gradient(90deg,transparent 3%,#000 22.5%,#000 77.5%,transparent 97%)}@media screen and (min-width:1200px){.skills-section .skills-scroller{max-width:720px}}.skills-section .skills-scroller[data-direction=right]{margin-top:-2rem}.skills-section .skills-scroller[data-direction=right] .scroller-inner{animation-direction:reverse}.skills-section .skills-scroller .scroller-inner{width:-moz-fit-content;width:fit-content;animation:30s linear infinite scroll;display:flex}.skills-section .skills-scroller .scroller-inner .skill-item{flex-direction:column;align-items:center;display:flex;position:relative}.skills-section .skills-scroller .scroller-inner .skill-item .skill-icon{background-color:var(--gray-bg);color:#333;z-index:2;cursor:pointer;border-radius:12px;padding:2.2rem 2.5rem;font-size:2.2rem;transition:background-color .1s}.skills-section .skills-scroller .scroller-inner .skill-item .skill-icon:hover{background-color:var(--gray-text-light)}.skills-section .skills-scroller .scroller-inner .skill-item .skill-tooltip{color:#fff;text-align:center;background-color:rgba(15,15,15,.8);border-radius:12px;width:130px;margin-bottom:.5rem;padding:.5rem 0;font-size:1.125rem;transition:all .2s;transform:translateY(75px)scale(0)}.skills-section .skills-scroller .scroller-inner .skill-item .skill-tooltip.visible{transform:translateY(0)scale(1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}