/* About Section Styles */
.about-section {
    margin-top: 100px;
    padding: var(--spacing-4xl) var(--spacing-5xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-2xl);

    .about-section-title {
        font-family: var(--font-family);
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-5xl);
        line-height: var(--line-height-snug);
        letter-spacing: 2%;
        color: var(--text-primary);
    }

    .about-section-content {
        font-family: var(--font-family);
        font-weight: var(--font-weight-regular);
        font-size: var(--font-size-2xl);
        line-height: var(--line-height-extra-loose);
        letter-spacing: 2%;
        color: var(--text-secondary);
    }
}

.founders-section {
    padding: var(--spacing-4xl) var(--spacing-5xl);
    background: var(--bg-screen);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .founders-section-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-2xl);
        align-items: flex-start;

        .founders-section-container-title {
            font-family: var(--font-family);
            font-weight: var(--font-weight-semibold);
            font-size: var(--font-size-5xl);
            line-height: var(--line-height-snug);
            letter-spacing: 2%;
            color: var(--text-primary);
        }

        .founders-section-cards-container {
            width: 100%;
            display: flex;
            flex-direction: row;
            gap: var(--spacing-lg);
            justify-content: space-between;
            align-items: flex-start;
        }

        .founders-section-card-link {
            text-decoration: none;
            transition: transform var(--transition-fast), box-shadow var(--transition-fast);
            border-radius: var(--radius-lg);
        }

        .founders-section-card-link:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            text-decoration: none;
        }

        .founders-section-cards-container {
            .founders-section-card {
                width: 358px;
                display: flex;
                flex-direction: column;
                gap: var(--spacing-md);
                padding: var(--spacing-md);
                align-items: flex-start;
                color: var(--white);
                border-radius: var(--radius-lg);

                .founders-section-card-image {
                    width: 100%;
                    max-width: 326px;
                    height: 310px;
                    object-fit: cover;
                    background: linear-gradient(135.52deg, #C3C2C5 1.67%, #D5D4D5 96.12%);
                    border-radius: var(--radius-lg) var(--radius-lg) var(--radius-lg) 0px;
                }

                .founders-section-card-content {
                    display: flex;
                    flex-direction: column;
                    gap: var(--spacing-xs);
                    align-items: flex-start;
                }

                .founders-section-card-name {
                    font-family: var(--font-family);
                    font-weight: var(--font-weight-semibold);
                    font-size: var(--font-size-xl);
                    line-height: var(--line-height-normal);
                    color: var(--text-primary);
                }

                .founders-section-card-title {
                    font-family: var(--font-family);
                    font-weight: var(--font-weight-medium);
                    font-size: var(--font-size-lg);
                    line-height: var(--line-height-normal);
                    color: var(--primary-color);
                }

                .founders-section-card-description {
                    font-family: var(--font-family);
                    font-weight: var(--font-weight-regular);
                    font-size: var(--font-size-lg);
                    line-height: var(--line-height-loose);
                    color: var(--text-secondary);
                }
            }
        }
    }
}

.investors-section {
    padding: var(--spacing-4xl) var(--spacing-5xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
    align-items: flex-start;
    background: var(--white);

    .investors-section-title {
        font-family: var(--font-family);
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-5xl);
        line-height: var(--line-height-snug);
        letter-spacing: 2%;
        color: var(--text-primary);
    }

    .investors-vc-container {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-lg);

        .investors-vc-card {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-md);
            padding: var(--spacing-md);
            align-items: flex-start;
            background: var(--white);
            border-radius: var(--radius-lg);

            .investors-vc-card-image {
                width: 100%;
                max-width: 230px;
                height: 230px;
                border-radius: var(--radius-lg);
                object-fit: cover;
            }

            .investors-vc-card-name {
                font-family: var(--font-family);
                font-weight: var(--font-weight-bold);
                font-size: var(--font-size-xl);
                line-height: var(--line-height-normal);
                color: var(--text-primary);
            }
        }

        .investors-vc-person-card {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-sm);
            padding: var(--spacing-md);
            align-items: flex-start;
            background: var(--white);
            border-radius: var(--radius-lg);

            .investors-vc-card-image {
                width: 100%;
                max-width: 230px;
                height: 230px;
                border-radius: var(--radius-lg);
                background: linear-gradient(135.52deg, #C3C2C5 1.67%, #D5D4D5 96.12%);
                object-fit: cover;
            }

            .investors-vc-card-name {
                font-family: var(--font-family);
                font-weight: var(--font-weight-bold);
                font-size: var(--font-size-lg);
                line-height: var(--line-height-normal);
                color: var(--text-primary);
            }

            .investors-vc-card-title {
                font-family: var(--font-family);
                font-weight: var(--font-weight-regular);
                font-size: var(--font-size-lg);
                line-height: var(--line-height-loose);
                color: var(--text-secondary);
            }
        }
    }
}

/* Responsive Design for About Section */
@media (max-width: 1200px) {
    .about-section {
        padding: var(--spacing-4xl) var(--spacing-4xl);
    }
    
    .about-section-content {
        max-width: 100%;
    }
}

/* @media (max-width: 768px) {
    .about-section {
        padding: var(--spacing-4xl) var(--spacing-lg);
    }
    
    .about-section-title {
        font-size: var(--font-size-4xl);
        text-align: center;
    }
    
    .about-section-content {
        max-width: 100%;
    }
} */

@media (max-width: 480px) {
    .about-section {
        margin-top: 64px;
        padding: var(--spacing-2xl) var(--spacing-md);
        gap: var(--spacing-md);
    }
    
    .about-section-title {
        font-size: var(--font-size-2xl) !important;
        padding-left: var(--spacing-md) !important;
    }
    
    .about-section-content {
        font-size: var(--font-size-sm) !important;
        padding-left: var(--spacing-md) !important;
    }

    .founders-section-card-name {
        width: 160px !important;
        height: 20px !important;
        font-size: 14px !important;
    }

    .founders-section-card-title {
        width: 160px !important;
        height: 20px !important;
        font-size: 14px !important;
    }

    .founders-section-card-description {
        width: 160px !important;
        height: 40px !important;
        font-size: 12px !important;
    }

    .investors-vc-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .investors-vc-card-image {
        height: 152px !important;
        width: 152px !important;
    }

    .investors-vc-card-name {
        font-size: 14px !important;
    }

    .founders-section-card-content {
        gap: var(--spacing-xss) !important;
    }
}

/* Responsive Design for Founders Section */
@media (max-width: 1200px) {
    .founders-section {
        padding: var(--spacing-4xl) var(--spacing-4xl);
    }
    
    .founders-section-container {
        max-width: 100%;
    }
    
    .founders-section-cards-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .founders-section-card {
        width: 100%;
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .founders-section {
        padding: var(--spacing-4xl) var(--spacing-lg);
    }
    
    .founders-section-container {
        align-items: center;
    }
    
    .founders-section-cards-container {
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-xl);
    }
    
    .founders-section-card {
        width: 100%;
        max-width: 400px;
    }
}

@media (max-width: 480px) {
    .founders-section {
        padding: var(--spacing-2xl) var(--spacing-md);
    }
    
    .founders-section-container-title {
        font-size: var(--font-size-2xl) !important;
        padding-left: var(--spacing-md) !important;
    }
    
    .founders-section-card {
        width: 100%;
        max-width: 100%;
        flex-direction: row !important;
        align-items: flex-end !important;
    }
    
    .founders-section-card .founders-section-card-image {
        max-width: none !important;
        height: 152px !important;
        width: 152px !important;
    }

    .founders-section-cards-container {
        gap: var(--spacing-md) !important;
    }
}

@media (max-width: 480px) {
    .investors-section {
        padding: var(--spacing-3xl) var(--spacing-md);
    }
    
    .investors-section-title {
        font-size: var(--font-size-2xl) !important;
        padding-left: var(--spacing-md) !important;
    }
    
    .investors-vc-container {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
    
    .investors-vc-card,
    .investors-vc-person-card {
        width: 100%;
        max-width: 100%;
    }
    
    .investors-vc-card-image {
        height: 200px;
    }
}