.projectsSection{margin-top:25rem;padding-top:5rem}.projectsContainer{width:100%;max-width:1400px;margin:0 auto}.projectsHeader{text-align:center;margin-top:2rem;margin-bottom:3rem}.projectsTitle{background:linear-gradient(135deg,#51a2e9,#a878a2,#ff4d5a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Montserrat;font-size:5rem;font-weight:700}.projectsSubtitle{color:#fafafa;opacity:.7;font-family:Raleway;font-size:2rem}.projectsList{flex-direction:column;gap:12rem;display:flex}.projectItem{position:relative}.projectGrid{grid-template-columns:1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}@media (min-width:1024px){.projectsTitle{font-size:6rem}.projectsSubtitle{font-size:2.2rem}.projectGrid{grid-template-columns:1.5fr 1fr;gap:6rem}.projectGridReverse{grid-template-columns:1fr 1.5fr}}@media (min-width:1024px) and (max-width:1600px){.projectsSection{padding-top:4rem}.projectsContainer{max-width:1200px}.projectGrid{gap:4rem}.projectImageContainer,.projectContent{height:450px}.projectTitle{font-size:3.2rem}.projectDescription{font-size:1.7rem}}.projectImageContainer{justify-content:center;align-items:center;height:550px;display:flex}.projectImageWrapper{cursor:pointer;background-image:linear-gradient(#1a1a1a,#1a1a1a),linear-gradient(135deg,#51a2e9,#a878a2,#ff4d5a);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:1.5rem;width:100%;max-width:750px;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #51a2e940}.projectImageInner{background:linear-gradient(135deg,#1a1a1a 0%,#282828 50%,#1a1a1a 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.projectImage{object-fit:cover;border-radius:1.5rem;width:100%;height:100%;position:absolute}.projectImageBg{opacity:.2;position:absolute;inset:0}.projectImageBgGradient{background:linear-gradient(135deg,#51a2e9 0%,#0000 50%,#ff4d5a 100%);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.projectImageContent{text-align:center;z-index:10;position:relative}.projectImageIcon{margin-bottom:1.5rem;font-size:12rem;transition:transform .3s}.projectImageWrapper:hover .projectImageIcon{transform:scale(1.1)}.projectImageTitle{color:#fafafa;font-family:Montserrat;font-size:2.4rem;font-weight:600}.projectImageOverlay{opacity:0;background:linear-gradient(#0000 0%,#0009 100%);transition:opacity .3s;position:absolute;inset:0}.projectImageWrapper:hover .projectImageOverlay{opacity:1}.projectContent{justify-content:center;align-items:center;width:100%;max-width:650px;height:550px;display:flex}.projectContentInner{flex-direction:column;justify-content:center;width:100%;height:100%;padding:2rem 0;display:flex}.projectNumber{color:#51a2e9;letter-spacing:.15em;margin-bottom:.8rem;font-family:Montserrat;font-size:1.6rem;font-weight:700}.projectTitle{color:#fafafa;margin-bottom:1.5rem;font-family:Montserrat;font-size:2.8rem;font-weight:700;line-height:1.2}@media (min-width:1024px){.projectTitle{font-size:3.5rem}}.projectDescription{color:#fafafa;opacity:.85;margin-bottom:2rem;font-family:Raleway;font-size:1.6rem;line-height:1.7}@media (min-width:1024px){.projectDescription{font-size:1.8rem}}.projectTechnologies{flex-wrap:wrap;gap:.7rem;margin-bottom:2rem;display:flex}.projectTech{cursor:default;color:#51a2e9;white-space:nowrap;background:#51a2e926;border:2px solid #51a2e966;border-radius:.5rem;padding:.5rem 1rem;font-family:Montserrat;font-size:1.4rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #51a2e91a}.projectTech:hover{transform:scale(1.05)translateY(-2px)}.projectLinks{flex-wrap:wrap;gap:1.5rem;display:flex}.projectLink{text-transform:uppercase;letter-spacing:.0938rem;border:2px solid;border-radius:.75rem;align-items:center;gap:.75rem;padding:1.5rem 3rem;font-family:Montserrat;font-size:1.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.projectLinkLive{color:#ff4d5a;border-color:#ff4d5a;box-shadow:0 4px 20px #ff4d5a33}.projectLinkLive:hover{color:#fff;background:#ff4d5a}.projectLinkGithub{color:#51a2e9;border-color:#51a2e9;box-shadow:0 4px 20px #51a2e933}.projectLinkGithub:hover{color:#fff;background:#51a2e9}.projectLinkArrow{transition:transform .3s}.projectLink:hover .projectLinkArrow{transform:translate(4px)}@media (max-width:1023px){.projectsSection{margin-top:15rem;padding-top:3rem}.projectsTitle{font-size:4rem}.projectsSubtitle{font-size:1.8rem}.projectsList{gap:8rem}.projectImageContainer{height:auto}.projectImageWrapper{height:400px}.projectContent{height:auto}.projectImageIcon{font-size:8rem}.projectImageTitle{font-size:2rem}.projectTitle{font-size:3rem}.projectDescription{font-size:1.8rem}.projectTech{font-size:1.5rem}.projectLink{padding:1.2rem 2.5rem;font-size:1.6rem}}@media (max-width:640px){.projectsHeader{margin-bottom:5rem}.projectsList{gap:5rem}.projectImageWrapper{max-width:100%;height:280px}.projectImageIcon{font-size:5rem}.projectTitle{font-size:2.2rem}.projectDescription{font-size:1.5rem}.projectTech{padding:.6rem 1.2rem;font-size:1.3rem}.projectLink{padding:1rem 2rem;font-size:1.4rem}}@media (max-width:430px){.projectsSection{margin-top:10rem;padding-top:2rem}.projectsHeader{margin-bottom:4rem}.projectsSubtitle{font-size:1.6rem}.projectsList{gap:4rem}.projectImageWrapper{height:250px}.projectTitle{font-size:2rem}.projectDescription,.projectNumber{font-size:1.4rem}}