/* ================= HERO ================= */
.team-hero{
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
    url('/assets/images/hero/team-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 20px;
}

/* ================= DIRECTOR IMAGE ================= */
.director-image-wrapper{
    position: relative;
    display: inline-block;
}

.director-image{
    width: 320px;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
    border: 4px solid #fff;
}

/* ================= NAME ================= */
h2{
    font-weight: 700;
}

/* ================= BADGE ================= */
.qualification-badge{
    display: inline-block;
    padding: 8px 16px;
    background: #c8a96b;
    color: #111;
    font-weight: 600;
    border-radius: 50px;
    font-size: 0.9rem;
}

/* ================= BUTTON ================= */
.btn-gold{
    background: #c8a96b;
    color: #111;
    border: none;
    padding: 12px 28px;
    font-weight: 600;
    border-radius: 10px;
}

.btn-gold:hover{
    background: #d8bb84;
    color: #111;
}