/* =========================================
           MAIN SECTION
        ========================================= */

        .founder-section {

            position: relative;

            width: 100%;

            min-height: 760px;

            overflow: hidden;

            background: #e7dac6;
        }


        /* =========================================
           BACKGROUND IMAGES
        ========================================= */

        .founder-images {

            position: absolute;

            inset: 0;

            overflow: hidden;
        }


        .founder-image {

            position: absolute;

            inset: 0;

            width: 100%;
            height: 100%;

            background-position: center right;

            background-repeat: no-repeat;

            background-size: cover;

            opacity: 0;

            transform: scale(1.05);

            transition:
                opacity 1.3s ease,
                transform 7s ease;
        }


        .founder-image.active {

            opacity: 1;

            transform: scale(1);
        }


        /* =========================================
           OVERLAY
        ========================================= */

        .founder-overlay {

            position: absolute;

            inset: 0;

            background:
                linear-gradient(
                    90deg,
                    rgba(231, 218, 198, 0.98) 0%,
                    rgba(231, 218, 198, 0.94) 28%,
                    rgba(231, 218, 198, 0.30) 55%,
                    rgba(231, 218, 198, 0.02) 80%
                );
        }


        /* =========================================
           CONTENT CONTAINER
        ========================================= */

        .founder-container {

            position: relative;

            z-index: 5;

            min-height: 760px;

            display: flex;

            align-items: center;
        }


        /* =========================================
           WHITE CONTENT BOX
        ========================================= */

        .founder-card {

            width: 500px;

            min-height: 610px;

            padding: 48px;

            background: rgba(255, 253, 248, 0.97);

            border-radius: 12px;

            box-shadow:
                0 10px 40px rgba(0, 0, 0, 0.04);
        }


        /* =========================================
           SLIDE CONTENT
        ========================================= */

        .founder-slide {

            display: none;

            opacity: 0;

            transform: translateY(15px);
        }


        .founder-slide.active {

            display: block;

            opacity: 1;

            transform: translateY(0);

            animation: contentFadeIn 0.8s ease forwards;
        }


        @keyframes contentFadeIn {

            from {

                opacity: 0;

                transform: translateY(20px);
            }

            to {

                opacity: 1;

                transform: translateY(0);
            }
        }


        /* =========================================
           LABEL
        ========================================= */

        .founder-label {

            margin-bottom: 18px;

            font-size: 13px;

            font-weight: 600;

            letter-spacing: 4px;

            text-transform: uppercase;

            color: #171512;
        }


        /* =========================================
           TITLE
        ========================================= */

        .founder-name {

            margin: 0;

            font-family: "Playfair Display", serif;

            font-size: 32px;

            font-weight: 400;

            line-height: 1.2;

            color: #211e1a;
        }


        /* =========================================
           QUOTE
        ========================================= */

        .quote-icon {

            margin-top: 80px;

            margin-bottom: 70px;

            font-family: Georgia, serif;

            font-size: 80px;

            line-height: 0.5;

            color: #e4d4bc;
        }


        /* =========================================
           DESCRIPTION
        ========================================= */

        .founder-text {

            margin: 0;

            font-family: "Playfair Display", serif;

            font-size: 20px;

            line-height: 1.38;

            color: #28241f;
        }


        /* =========================================
           NAVIGATION
        ========================================= */

        .founder-navigation {

            position: absolute;

            z-index: 10;

            right: 32px;

            bottom: 32px;

            display: flex;

            align-items: center;

            gap: 8px;

            padding: 5px 8px;

            border-radius: 30px;

            background: rgba(45, 43, 39, 0.65);

            backdrop-filter: blur(8px);
        }


        .founder-dot {

            position: relative;

            width: 55px;

            height: 3px;

            padding: 0;

            border: 0;

            background: rgba(255, 255, 255, 0.35);

            overflow: hidden;

            cursor: pointer;
        }


        .founder-dot span {

            position: absolute;

            left: 0;

            top: 0;

            width: 0;

            height: 100%;

            background: #fff;
        }


        .founder-dot.active span {

            width: 100%;

            transition: width 6s linear;
        }


        /* =========================================
           TABLET
        ========================================= */

        @media (max-width: 991.98px) {

            .founder-section {

                min-height: 700px;
            }


            .founder-container {

                min-height: 700px;

                align-items: flex-end;

                padding-bottom: 45px;
            }


            .founder-card {

                width: 480px;

                min-height: auto;

                padding: 38px;
            }


            .founder-overlay {

                background:
                    linear-gradient(
                        180deg,
                        rgba(231, 218, 198, 0.05) 0%,
                        rgba(231, 218, 198, 0.20) 35%,
                        rgba(231, 218, 198, 0.96) 75%,
                        rgba(231, 218, 198, 1) 100%
                    );
            }


            .quote-icon {

                margin-top: 55px;

                margin-bottom: 45px;
            }
        }


        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 575.98px) {

            .founder-section {

                min-height: 720px;
            }


            .founder-container {

                min-height: 720px;

                padding: 20px;

                align-items: flex-end;
            }


            .founder-card {

                width: 100%;

                padding: 28px;

                border-radius: 10px;
            }


            .founder-label {

                font-size: 10px;

                letter-spacing: 2.5px;
            }


            .founder-name {

                font-size: 26px;
            }


            .quote-icon {

                margin-top: 45px;

                margin-bottom: 40px;

                font-size: 65px;
            }


            .founder-text {

                font-size: 17px;

                line-height: 1.45;
            }


            .founder-navigation {

                right: 20px;

                bottom: 15px;
            }


            .founder-dot {

                width: 35px;
            }

        }