/* --- PORTFOLIO SECTION --- */
.project-wrapper { width: 100%; padding: 6rem 5%; }
.project-container { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 10rem; }
.project-card { display: flex; flex-direction: column-reverse; gap: 3rem; align-items: center; }
.project-card__content { flex: 1; width: 100%; }
.project-card__label { display: flex; align-items: center; gap: 12px; color: #4ade80; font-size: 0.9rem; font-weight: 600; margin-bottom: 1.5rem; }
.project-card__label::before { content: ""; width: 30px; height: 1px; background-color: #4ade80; }
.project-card__title { font-family: 'Montserrat', sans-serif; font-size: clamp(2.2rem, 4vw, 3.2rem); margin-bottom: 1.5rem; line-height: 1.1; }
.project-card__description { color: #a1a1aa; font-size: 1.05rem; margin-bottom: 2.5rem; max-width: 550px; }
.project-card__link { display: inline-flex; align-items: center; gap: 12px; color: #facc15; font-weight: 600; transition: all 0.4s ease; }
.project-card__link:hover { gap: 0px; }

.project-card__visual { flex: 1.2; width: 100%; }
.mockup-wrapper { position: relative; width: 100%; }
.mockup-img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 25px 50px rgba(0,0,0,0.6); transition: transform 0.4s; }
.mockup-img:hover { transform: translateY(-10px); }

@media (min-width: 1024px) { .project-card { flex-direction: row; gap: 6rem; } .project-card:nth-child(even) { flex-direction: row-reverse; } }