* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Century Gothic', 'Segoe UI', 'Roboto', system-ui, sans-serif;
            background: #faf9f8;
            color: #1e2a2e;
            line-height: 1.4;
        }

        .staff-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 1rem 2rem 3rem 2rem;
        }

        .chairman-section {
            text-align: center;
            margin-bottom: 3rem;
            padding: 1rem 0.5rem 1.5rem;
            border-bottom: 2px solid #e2e8f0;
        }

        .chairman-img-wrapper {
            display: flex;
            justify-content: center;
            margin-bottom: 1rem;
        }

        .chairman-img {
            width: 180px;
            height: 180px;
            object-fit: cover;
            border-radius: 50%;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
            border: 4px solid #ffffff;
            background: #eef2f5;
            transition: transform 0.2s;
        }

        .chairman-img:hover {
            transform: scale(1.02);
        }

        .chairman-name {
            font-size: 1.7rem;
            font-weight: 700;
            color: #1e5a4c;
            letter-spacing: 0.5px;
            margin: 0.5rem 0 0.25rem;
        }

        .chairman-position {
            font-size: 1.2rem;
            font-weight: 500;
            color: #b5651e;
            background: #fff0e2;
            display: inline-block;
            padding: 0.2rem 1.2rem;
            border-radius: 40px;
        }

        .staff-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centers all items horizontally */
    gap: 2rem 1.5rem;
    margin-top: 1rem;
}

.staff-card {
    flex: 0 0 200px; /* Fixed width, don't grow or shrink */
    background: #ffffff;
    border-radius: 1.25rem;
    padding: 1.5rem 0.8rem 1.2rem;
    text-align: center;
    transition: all 0.2s ease;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9edf0;
}

        .staff-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 24px -10px rgba(0, 0, 0, 0.1);
            border-color: #cbdcd4;
        }

        .staff-img-wrapper {
            display: flex;
            justify-content: center;
            margin-bottom: 0.8rem;
        }

        .staff-img {
            width: 180px;
            height: 180px;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid #e6dfd3;
            background: #f8f4ef;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
        }

        .staff-name {
            font-size: 1rem;
            font-weight: 700;
            color: #2c5a50;
            margin: 0.5rem 0 0.2rem;
            word-break: break-word;
        }

        .staff-position {
            font-size: 0.8rem;
            font-weight: 500;
            color: #9b6b3c;
            background: #fef6ea;
            display: inline-block;
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            margin-top: 0.3rem;
        }

        @media (max-width: 640px) {
            .staff-container {
                padding: 1rem 1rem 2rem;
            }
            .chairman-img {
                width: 130px;
                height: 130px;
            }
            .chairman-name {
                font-size: 1.4rem;
            }
            .staff-grid {
                gap: 1.2rem;
                grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            }
            .staff-img {
                width: 85px;
                height: 85px;
            }
        }

        .soft-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, #cbdcd6, transparent);
            margin: 0.5rem 0 1.8rem;
        }