/* Management page styles */


.management-hero .hero-card {
    /* Layered background: dark overlay on top of the image for readable text */
    background-image: linear-gradient(rgba(9,36,40,0.72), rgba(9,36,40,0.6)), url('/media/miscellaneous/bg_img.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    overflow: hidden;
}
/* Make portrait responsive and keep it a fixed visual size but allow shrinking */
.hero-media { flex: 0 0 auto; }
.hero-portrait { display:block; width:220px; max-width:100%; height:auto; object-fit:cover; border-radius:6px; }
.hero-text p { max-width:70%; line-height:1.6; }

.management-team .section-title { font-weight:700; margin-bottom:10px; }

.team-card {
    background: #ee9b4846;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}
.team-card:hover {
    transform: translateY(-10px);
}
.team-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 3px solid #fff;
}

/* Center the team portrait inside the card without altering HTML */
.team-card .team-img { display: block; margin: 0 auto; }
.team-info {
    background: transparent;
    margin-top: 15px;
}

.team-name { font-weight:700; }

@media (max-width:768px) {
  .hero-text p { max-width:100%; }
  /* Stack the hero card vertically on small screens */
  .management-hero .hero-card { padding: 1rem; flex-direction: column; align-items: center; text-align: center; }
  .hero-media { margin-bottom: 1rem; }
  .hero-portrait { width:160px; height:auto; }
  .team-img { width:120px; height:120px; }
  .hero-text { margin-left: 0 !important; }
}