/* Director Message page styles - clean and professional */
:root{
  --accent:#0d6efd;
  --muted:#6c757d;
  --bg:#f7f9fb;
  --card:#ffffff;
  --radius:14px;
}

.director-hero{
  position:relative;
  background-size:cover;
  background-position:center;
  padding:80px 0;
  color:#fff;
}
.director-hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,22,41,0.55), rgba(7,22,41,0.55));}
.director-hero .hero-inner{position:relative; z-index:2}
.director-hero h1{font-size:2.4rem; font-weight:700; margin-bottom:8px}
.breadcrumb{background:transparent; justify-content:center; padding:0}

.director-section{padding:60px 0; background:var(--bg)}
.director-card{background:var(--card); padding:28px; border-radius:var(--radius); box-shadow:0 10px 40px rgba(10,30,60,0.06); border:1px solid rgba(15,40,60,0.03)}
.director-grid{display:grid; grid-template-columns:220px 1fr; gap:28px; align-items:center}
.director-image img{width:220px; height:220px; object-fit:cover; border-radius:50%; border:6px solid rgba(13,110,253,0.08); box-shadow:0 6px 20px rgba(10,30,60,0.08)}

.director-content h2{margin-top:0; font-size:1.25rem; color:#0b2b46}
.lead{font-size:1.05rem; color:#233a4a; margin-bottom:1rem}
.director-content p{color:var(--muted); line-height:1.7}

blockquote{margin:18px 0; padding:12px 18px; background:linear-gradient(90deg, rgba(13,110,253,0.05), rgba(13,110,253,0.02)); border-left:4px solid var(--accent); color:#0b2b46; font-style:italic}

.director-sign{margin-top:18px}
.sign-name{font-family: 'Segoe Script', cursive; font-size:1.2rem; color:#0b2b46}
.sign-role{color:var(--muted); font-size:.95rem}

@media (max-width: 991px){
  .director-grid{grid-template-columns:1fr; text-align:center}
  .director-image img{margin:0 auto}
  .director-content h2{margin-top:12px}
}