.ceo-section {
            padding: 0px 0 100px 0;
            overflow: hidden;
        }
        
        .ceo-card {
            --gold: #bfa161;
            --gold-dark: #9a7f3f;
            --navy: #101a3d;
            --text: #5f6678;
            --line: #e9e4d6;

            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
            padding:30px 30px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 10px 36px rgba(16, 26, 61, 0.06);
            transition:
                transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.5s ease,
                border-color 0.5s ease;
        }

        .ceo-card:hover {
            transform: translateY(-6px);
            border-color: var(--gold);
            box-shadow: 0 26px 52px rgba(16, 26, 61, 0.12);
        }

        /* gold line along the top, draws in on hover */
        .ceo-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--gold);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .ceo-card:hover::before { transform: scaleX(1); }

        /* ---------- Text side ---------- */
        .ceo-content {
            flex: 1;
            min-width: 0;
        }

        .ceo-heading {
            margin: 0 0 34px;
            font-family: "Playfair Display", Georgia, serif;
            font-size: 30px;
            line-height: 1.2;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--navy);
        }

        .ceo-quote {
            display: block;
            margin-bottom: 14px;
            font-family: "Playfair Display", Georgia, serif;
            font-size: 64px;
            line-height: 0.8;
            height: 34px;
            color: var(--gold);
            transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
            user-select: none;
        }

        .ceo-card:hover .ceo-quote { transform: translateX(8px); }

        .ceo-message p {
            margin: 0 0 18px;
            max-width: 620px;
            font-size: 15.5px;
            line-height: 1.85;
            color: var(--text);
        }

        .ceo-message p:last-child { margin-bottom: 0; }

        .ceo-person {
            display: flex;
            flex-direction: column;
            width: fit-content;
            margin-top: 34px;
        }

        .ceo-name {
            margin: 0 0 4px;
            font-size: 20px;
            font-weight: 600;
            color: var(--navy);
        }

        .ceo-role {
            margin: 0;
            font-size: 14px;
            color: var(--text);
        }

        /* gold underline under the name that grows on hover */
        .ceo-person::after {
            content: "";
            order: -1;
            width: 40px;
            height: 2px;
            margin-bottom: 14px;
            background: var(--gold);
            transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .ceo-card:hover .ceo-person::after { width: 100px; }

        /* ---------- Photo side ---------- */
        .ceo-photo-side {
            flex: 0 0 340px;
            display: flex;
            justify-content: center;
        }

        .ceo-photo-wrap {
            position: relative;
            width: 340px;
            height: 440px;
        }

        /* thin gold ring, offset behind the photo, settles on hover */
        .ceo-photo-wrap::before {
            content: "";
            position: absolute;
            inset: 0;
            border: 2px solid var(--gold);
            border-radius: 5%;
            transform: translate(14px, 14px);
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .ceo-card:hover .ceo-photo-wrap::before { transform: translate(0, 0); }

        .ceo-photo {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 5%;
            overflow: hidden;
            background: #e6e7eb;
        }

        .ceo-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
            display: block;
            transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .ceo-card:hover .ceo-photo img { transform: scale(1.06); }

        /* ---------- Tablet ---------- */
        @media (max-width: 991px) {
            .ceo-section { padding: 75px 0; }
            .ceo-card { gap: 40px; padding: 48px 40px; }
            .ceo-photo-side { flex-basis: 260px; }
            .ceo-photo-wrap { width: 260px; height: 260px; }
            .ceo-heading { font-size: 28px; }
        }

        /* ---------- Phone: vertical, photo first ---------- */
        @media (max-width: 767px) {
            .ceo-section { padding: 60px 0; }

            .ceo-card {
                flex-direction: column-reverse;
                align-items: stretch;
                gap: 36px;
                padding: 40px 24px 36px;
            }

            .ceo-photo-side { flex: none; }
            .ceo-photo-wrap { width: 220px; height: 220px; }
            .ceo-heading { font-size: 24px; margin-bottom: 26px; }
            .ceo-message p { font-size: 15px; }
        }

        @media (prefers-reduced-motion: reduce) {
            .ceo-card, .ceo-card *, .ceo-card::before { transition: none !important; }
        }