#lubinik-custom-section-512 {
        background-color: var(--color-primary);
        padding-block: clamp(56px, 12vw, 140px);
        }
        
        .chi-siamo-section {
          max-width: var(--container-xl);
          margin: 0 auto;
          width: 100%;
        }
        

        /* Section Container */
        .chi-siamo-section {
            padding: clamp(48px, 8vw, 96px) var(--spacing-lg);
            background: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
            position: relative;
            overflow: hidden;
        }

        /* Background Decorative Elements */
        .chi-siamo-section .section-decoration {
            position: absolute;
            border-radius: 50%;
            opacity: 0.5;
            z-index: 0;
        }

        .chi-siamo-section .decoration-1 {
            width: 400px;
            height: 400px;
            background-color: var(--color-secondary);
            top: -100px;
            right: -100px;
        }

        .chi-siamo-section .decoration-2 {
            width: 300px;
            height: 300px;
            background-color: var(--color-primary-light);
            bottom: -50px;
            left: -50px;
        }

        .decoration-3 {
            width: 250px;
            height: 250px;
            background-color: var(--color-primary-dark);
            top: 50%;
            right: 5%;
            opacity: 0.06;
        }

        /* Main Container */
        .chi-siamo-section .container {
            max-width: var(--container-3xl);
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }



        /* Main Grid Layout */
        .chi-siamo-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-5xl);
            align-items: start;
            margin-top: var(--spacing-2xl);
        }

        /* Left Column - Cards */
        .left-column {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-3xl);
        }

        /* Card Component */
        .info-card {
            background: var(--color-white);
            padding: var(--card-padding);
            border-radius: var(--card-radius);
            box-shadow: var(--card-shadow);
            transition: all var(--transition-base);
            border-left: 5px solid var(--color-primary);
            position: relative;
        }

        .info-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--card-shadow-hover);
        }

        .info-card:nth-child(2) {
            border-left-color: var(--color-primary-light);
        }

        .info-card:nth-child(3) {
            border-left-color: var(--color-primary-dark);
        }

        /* Card Icon */
        .card-icon {
            font-size: var(--font-size-5xl);
            margin-bottom: var(--spacing-lg);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            border-radius: var(--radius-lg);
            background: var(--color-background-alt);
            transition: all var(--transition-base);
        }

        .info-card:nth-child(1) .card-icon {
            color: var(--color-primary);
            background: rgba(var(--color-primary-rgb), 0.1);
        }

        .info-card:nth-child(2) .card-icon {
            color: var(--color-primary-light);
            background: rgba(var(--color-primary-light-rgb), 0.1);
        }

        .info-card:nth-child(3) .card-icon {
            color: var(--color-primary-dark);
            background: rgba(var(--color-primary-dark-rgb), 0.1);
        }

        .info-card:hover .card-icon {
            transform: scale(1.1) rotate(5deg);
        }

        /* Card Title */
        .card-title {
            font-size: var(--font-size-lg);
            font-weight: var(--font-weight-bold);
            color: var(--color-primary);
            margin-bottom: var(--spacing-md);
            text-transform: uppercase;
            letter-spacing: 1px;
            font-family: var(--font-heading);
        }

        .info-card:nth-child(2) .card-title {
            color: var(--color-primary-light);
        }

        .info-card:nth-child(3) .card-title {
            color: var(--color-primary-dark);
        }

        /* Card Description */
        .card-description {
            font-size: var(--font-size-sm);
            color: var(--color-text-light);
            line-height: var(--line-height-relaxed);
        }

        /* Right Column - Mission Section */
        .right-column {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-3xl);
        }

        /* Mission Card */
        .mission-card {
            background: linear-gradient(135deg, var(--color-primary) 0%, rgba(var(--color-primary-rgb), 0.9) 100%);
            padding: var(--spacing-5xl);
            border-radius: var(--card-radius);
            color: var(--color-white);
            position: relative;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(var(--color-primary-rgb), 0.2);
        }

        .mission-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 300px;
            height: 300px;
            background: rgba(var(--color-primary-light-rgb), 0.1);
            border-radius: 50%;
            z-index: 0;
        }

        .mission-card::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -30%;
            width: 250px;
            height: 250px;
            background: rgba(var(--color-secondary-rgb), 0.1);
            border-radius: 50%;
            z-index: 0;
        }

        .mission-content {
            position: relative;
            z-index: 1;
        }

        .mission-icon {
            font-size: var(--font-size-6xl);
            margin-bottom: var(--spacing-lg);
            color: var(--color-primary-light);
        }

        .mission-title {
            font-size: var(--font-size-4xl);
            font-weight: var(--font-weight-bold);
            margin-bottom: var(--spacing-lg);
            font-family: var(--font-heading);
        }

        .mission-text {
            font-size: var(--font-size-sm);
            line-height: var(--line-height-relaxed);
            opacity: 0.95;
        }

        /* CTA Button */
        .cta-button {
            display: inline-block;
            margin-top: var(--spacing-2xl);
            padding: var(--button-padding-y) var(--button-padding-x);
            background-color: var(--color-primary-dark);
            color: var(--color-white);
            text-decoration: none;
            border-radius: var(--button-radius);
            font-weight: var(--font-weight-bold);
            font-size: var(--font-size-sm);
            transition: all var(--transition-base);
            border: 2px solid var(--color-primary-dark);
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 5px 15px rgba(var(--color-primary-dark-rgb), 0.3);
            font-family: var(--font-primary);
        }

        .cta-button:hover {
            background-color: transparent;
            color: var(--color-primary-dark);
            transform: translateX(5px);
        }

        /* Stats Section */
        .stats-section {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--spacing-xl);
            margin-top: var(--spacing-3xl);
        }

        .stat-item {
            background: var(--color-white);
            padding: var(--spacing-xl);
            border-radius: var(--card-radius);
            text-align: center;
            box-shadow: var(--card-shadow);
            transition: all var(--transition-base);
        }

        .stat-item:hover {
            box-shadow: var(--card-shadow-hover);
        }

        .stat-number {
            font-size: var(--font-size-5xl);
            font-weight: var(--font-weight-bold);
            background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: var(--spacing-md);
            font-family: var(--font-heading);
        }

        .stat-label {
            font-size: var(--font-size-sm);
            color: var(--color-text-light);
            font-weight: var(--font-weight-semibold);
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .chi-siamo-grid {
                grid-template-columns: 1fr;
                gap: var(--spacing-3xl);
            }

            .section-title {
                font-size: var(--font-size-5xl);
            }

            .chi-siamo-section {
                padding: var(--section-padding-y-mobile) var(--spacing-lg);
            }
        }

        @media (max-width: 768px) {

            section#shortcode-theme_custom_section_512 {
                padding: 0 !important;
            }

            section#shortcode-theme_custom_section_512 > .shortcode-container {
                padding: 0 !important;
                margin: 0 !important;
            }

            #lubinik-custom-section-512 {
                padding-top: 0 !important;
                padding-bottom: 100px;
            }

            .chi-siamo-section {
                padding: var(--section-padding-y-mobile) var(--spacing-sm);
            }

            .chi-siamo-section .container {
                max-width: 100%;
            }

            .section-title {
                font-size: var(--font-size-4xl);
                margin-bottom: var(--spacing-3xl);
            }

            .info-card {
                padding: var(--spacing-xl);
            }

            .mission-card {
                padding: var(--spacing-3xl);
            }

            .stats-section {
                grid-template-columns: 1fr;
                gap: var(--spacing-lg);
            }

/* Image in left column */
.chi-siamo-image {
    border-radius: var(--card-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    margin-top: var(--spacing-xl);
}

.chi-siamo-image img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    display: block;
    transition: transform var(--transition-base);
}

.chi-siamo-image:hover img {
    transform: scale(1.03);
}

/* Stats on right column - 2x2 grid */
.right-column .stats-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
    margin-top: var(--spacing-3xl);
}

/* Responsive */
@media (max-width: 1024px) {
    .chi-siamo-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-3xl);
    }
    
    .chi-siamo-image {
        margin-top: var(--spacing-lg);
    }
    
    .chi-siamo-image img {
        max-height: 350px;
    }
    
    .right-column .stats-section {
        margin-top: var(--spacing-2xl);
    }
}

@media (max-width: 768px) {
    .chi-siamo-image img {
        max-height: 300px;
    }
    
    .right-column .stats-section {
        gap: var(--spacing-md);
    }
}

@media (max-width: 480px) {
    .chi-siamo-image img {
        max-height: 250px;
    }
    
    .right-column .stats-section {
        grid-template-columns: 1fr;
        gap: var(--spacing-sm);
    }
}


            .stat-number {
                font-size: var(--font-size-4xl);
            }

            .decoration-1, .decoration-2, .decoration-3 {
                opacity: 0.04;
            }
        }

        @media (max-width: 480px) {
            .chi-siamo-section {
                padding: var(--spacing-2xl) var(--spacing-md);
            }

            .section-title {
                font-size: var(--font-size-3xl);
            }

            .chi-siamo-grid {
                gap: var(--spacing-2xl);
            }

            .info-card {
                padding: var(--spacing-lg);
            }

            .card-icon {
                width: 60px;
                height: 60px;
                font-size: var(--font-size-4xl);
            }

            .mission-card {
                padding: var(--spacing-2xl);
            }

            .mission-title {
                font-size: var(--font-size-2xl);
            }

            .cta-button {
                width: 100%;
                text-align: center;
            }
        }