.projetos {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-light);
    padding: var(--padding);
    margin-top: -1px;
    gap: 8.5vw;
    z-index: 1;
}

.projetos-texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    margin: 0 auto;
    gap: 24px;
}

.projetos-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vw;
}

.projeto {
    width: 60%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6vw;
    overflow: hidden;
}

.projeto img {
    width: 100vw;
    object-fit: cover;
    aspect-ratio: 1872 / 877;
    filter: saturate(0);
}

.projeto-informacao {
    position: absolute;
    bottom: clamp(16px, 2vw, 32px);
    left: clamp(16px, 2.5vw, 40px);
    display: flex;
    flex-direction: column;
    gap: 4px;
    mix-blend-mode: difference;
}

.projeto-titulo {
    font-family: var(--font-clash);
    font-size: clamp(12px, 1.4vw, 18px);
    font-weight: 500;
    color: var(--text-light-900);
}

.projeto-stack {
    font-family: var(--font-poppins);
    font-size: clamp(10px, 0.9vw, 14px);
    font-weight: 400;
    color: var(--text-light-700);
    letter-spacing: 0.5px;
}