/* ── BANNER ── */
.permanent-homes-banner {
  position: relative;
  width: 100%;
  min-height: 330px;
  background: url('../images/Team_Banner_DTP.webp') no-repeat center center/cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ffffff;
}
.banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,32,85,0.75) 0%, rgba(0,58,130,0.35) 45%, rgba(0,48,110,0.15) 100%);
  z-index: 1;
}
.banner-content { position: relative;
    z-index: 2;
    padding-left: 126px;
    padding-right: 21px;
    padding-top: 75px; }
.banner-content h1 {
margin: 0;
    font-family: 'orlean';
    font-size: 78px;
    font-weight: 100;
    line-height: 1.1;
    color: #F6ECA4;
}


@media (max-width: 991px) {
  .permanent-homes-banner { min-height: 260px; }
  .banner-content { padding-left: 90px; }
  .banner-content h1 { font-size: 56px; }
}
@media (max-width: 767px) {
  .permanent-homes-banner { min-height: 280px; background: url('../images/Team_Banner_MBL.webp') no-repeat center center/cover !important;}
  .banner-content { padding-left: 20px; padding-right: 20px; }
  .banner-content h1 { font-size: 38px; line-height: 1.2; word-break: break-word; }
}

/* ── LEADERSHIP SECTION ── */
.leadership-section { padding: 100px 0; background-color: #fff; }
.leadership-wrapper {
  max-width: 1400px; margin: 0 auto; padding: 0 20px;
  display: flex; align-items: center; gap: 100px;
}
.leadership-image { flex: 1; max-width: 500px; }
.leadership-image img { width: 100%; height: auto; display: block; }
.leadership-content { flex: 1.3; }
.leader-name {
 font-family: 'orlean';
    color: #9b6948;
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: 0.9px;
}
.leader-designation {
  font-family:'orlean'; color: #333;
  font-size: 26px; font-weight: 300; margin-bottom: 25px;letter-spacing:0.9px;
}
.leader-divider {
  width: 100%; max-width: 650px; height: 1px;
  background-color: #e2d7cc; margin-bottom: 40px;
}
.leader-bio { font-family: 'poppins-light'; color: #333; font-size: 16px; line-height: 1.8; text-align: justify; }

@media (max-width: 1199px) { .leadership-wrapper { gap: 50px; } .leader-name { font-size: 44px; } }
@media (max-width: 991px) {
  .leadership-section { padding: 60px 0; }
  .leadership-wrapper { flex-direction: column; text-align: center; gap: 40px; }
  .leadership-image { max-width: 350px; margin: 0 auto; }
  .leader-divider { margin: 0 auto 30px; }
  .leader-bio { text-align: justify; }
}
@media (max-width: 480px) { .leader-name { font-size: 34px; } .leader-designation { font-size: 22px; } }

/* ── TEAM GRID SECTION ── */
.team-grid-section { padding: 80px 0; background-color: #fff; text-align: center; }
.team-main-title { font-family: 'orlean'; color: #9b6948; font-size: 42px; font-weight: 300; margin-bottom: 50px; }
.container { max-width: 1300px; margin: 0 auto; padding: 0 20px; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

/* ── MEMBER CARD ── */
.member-card {
  position: relative; border-radius: 40px; overflow: hidden;
  background-color: #fff; border: 1px solid #eee;
  height: 550px; cursor: pointer; transition: transform 0.3s ease;
}
.member-card:hover { transform: translateY(-5px); }
.card-image-wrap { height: 100%; display: flex; flex-direction: column; }
.card-image-wrap img { width: 100%; height: 80%; object-fit: contain; padding-top: 30px; }
.card-bottom-bar {
  background-color: #9b6948; height: 20%; display: flex;
  flex-direction: column; justify-content: center; padding: 0 30px; text-align: left;
}
.member-name { color: #fff; font-family: 'orlean'; font-size: 34px; font-weight: 600;letter-spacing: 0.9px; }
.member-title { color: #f1b48b; font-family: 'orlean'; font-size: 16px;letter-spacing:0.9px; }
.card-hover-overlay {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-color: #9f785ff0; padding: 50px 35px;
  text-align: left; display: flex; flex-direction: column;
  opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.05);
}
.member-card:hover .card-hover-overlay { opacity: 1; visibility: visible; transform: scale(1); }
.hover-name { color: #fff; font-family: 'orlean'; font-size: 34px; margin-bottom: 5px; }
.hover-title { color: #f6b88e; font-family: 'orlean'; font-size: 20px; margin-bottom: 35px; }
.hover-bio { color: #fff; font-family: 'Poppins-light'; font-size: 15px; line-height: 1.8; }

@media (max-width: 1100px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) {
  .team-grid { grid-template-columns: 1fr; max-width: 450px; margin: 0 auto; }
  .team-main-title { font-size: 32px; }
  .member-card { height: 500px; }
  .hover-bio { color: #fff; font-family: 'poppins-light'; font-size: 13px; line-height: 1.8; }
    .banner-content h1 { font-size: 33px !important;
        margin-top: 10%; }


}

@media (max-width: 1024px) {
  .leadership-section { padding: 5px 0; }
  .team-grid-section { padding: 30px 0; }
  .brand-heading { font-size: 35px; }
  .member-name { font-size: 26px; margin-bottom: 10px;letter-spacing: 0.9px; }
  .leader-name { font-size: 35px; margin-bottom: 10px; }
  .leader-designation { font-size: 20px; }
  .hover-name { font-size: 24px; line-height: 1.5; }
  .hover-title { margin-bottom: 15px; }
  .banner-content { padding-top: 35px; }
  .banner-content h1 { font-size: 45px; }
}

@media only screen and (min-width: 999px) and (max-width: 1200px) {
  .leadership-section { padding: 35px 0; }
  .member-name { font-size: 24px; margin-bottom: 10px;letter-spacing: 0.9px; }
  .team-grid-section { padding: 50px 0 30px; }
  .hover-name { font-size: 24px; margin-bottom: 10px; }
  .brand-heading { font-size: 50px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .leadership-section { padding: 35px 0 15px; }
  .leader-name { font-size: 35px; line-height: 1.5; }
  .member-name { font-size: 24px; line-height: 1.5; margin-bottom: 5px;letter-spacing: 0.9px; }
  .team-grid-section { padding: 35px 0 30px; }
  .brand-heading { font-size: 50px; }
  .hover-name { font-size: 24px; line-height: 1.5; }
  .hover-title { margin-bottom: 15px; }
}

/* Fix: banner-area animation – override opacity:0 initial state from style.css */
.banner-area .brand-heading,
.banner-area .hero-explore-link {
    opacity: 1 !important;
    transform: none !important;
}
.imagination-wrapper {
    max-width: 85%;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: flex-start;
    gap: 80px;
}


/*history page*/