@charset "UTF-8";
/* CSS Document */



.team-hero {

    background:
    linear-gradient(
    rgba(16,42,67,.85),
    rgba(16,42,67,.85)
    ),
    url("../images/hero/about.jpg");

    background-size:cover;

    background-position:center;

    height:500px;

    display:flex;

    align-items:center;
    color:white;

    text-align:center;

}



.team-hero h1 {

    font-size:55px;

    margin-bottom:20px;

}

.team-directory{
    padding:90px 0;
}

.section-subtitle{
    max-width:700px;
    margin:0 auto 60px;
    text-align:center;
    color:#666;
}

.team-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:40px;
}

.agent{
    text-align:center;
    padding:30px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.3s;
}

.agent:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.agent img{
    width:170px;
    height:170px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:20px;
}

.agent h3{
    margin-bottom:8px;
}

.agent-title{
    display:block;
    font-weight:600;
    color:#b58b33;
    margin-bottom:12px;
}

.agent-specialties{
    color:#666;
    margin-bottom:25px;
    line-height:1.6;
}
.agent-license{
    color:#666;
    margin-bottom:25px;
    line-height:1.6;
}

.profile-license{
    margin:20px 0;
    padding:12px 16px;
    background:#f8f8f8;
    border-left:4px solid #b08a3c;
    border-radius:6px;
    color:#555;
}
/* =========================
   TEAM PROFILE PAGE
========================= */


.profile-section{

padding:80px 0;

}


.profile-card{

display:grid;

    grid-template-columns:350px minmax(0,1fr);

gap:60px;

align-items:start;

background:#fff;

padding:50px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}
.profile-card > *{
    min-width:0;
}
.profile-photo{

text-align:center;

position:sticky;

top:30px;


}
.why-team{
    padding:90px 0;
    background:#f8f9fb;
}

.section-eyebrow{
    display:block;
    text-align:center;
    color:#b68a35;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}

.section-intro{
    max-width:700px;
    margin:20px auto 60px;
    text-align:center;
    color:#666;
    line-height:1.7;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:30px;
}

.why-card{
    background:#fff;
    padding:35px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s ease;
}

.why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.why-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #b68a35;
    margin-bottom: 20px;
}

.why-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.why-card h3{
    margin-bottom:15px;
}

.why-card p{
    color:#666;
    line-height:1.7;
}

.profile-photo img{

width:300px;

height:300px;

object-fit:cover;

object-position:center;

border-radius:50%;

border:8px solid #f4f4f4;

box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.profile-details{
    min-width:0;
}

.profile-details h2{

font-size:42px;

margin-bottom:10px;

}



.profile-details h3{

font-size:22px;

color:#b08a3c;

margin-bottom:20px;

}



.profile-specialties{

font-weight:600;

font-size:18px;

margin-bottom:25px;

color:#555;

}



.bio{

font-size:17px;

line-height:1.8;

margin-bottom:30px;

}



.profile-contact{

display:flex;

gap:20px;

flex-wrap:wrap;

margin-bottom:30px;

}


.profile-contact a{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    word-break:break-word;
}
.profile-contact img{
    width:18px;
    height:18px;
	    flex-shrink:0;

}



.profile-contact a:hover{

color:#b08a3c;

}




.team-listings{

padding:80px 0;

}
.status-pill {

    display:inline-block;
    padding:6px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
    background:#eee;
    color:#333;

}


.status-pill.available {

    background:#d9f5df;
    color:#187a2f;

}


.status-pill.pending {

    background:#fff1c7;
    color:#8a6500;

}


.status-pill.sold {

    background:#e5e5e5;
    color:#555;

}


.status-pill.lease {

    background:#dcecff;
    color:#1456a0;

}


.card-link {

text-decoration:none;

color:inherit;

}


.card-link .card {

transition:.3s;

}


.card-link:hover .card {

transform:translateY(-8px);

}
.card .btn {

margin-top:20px;
display:inline-block;

}