/* ===================== DIRECTOR PAGE ===================== */
.director-hero{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;
}
.director-hero-photo{
  border-radius:24px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;
}
.director-hero-photo img{width:100%;height:100%;object-fit:cover;}
.director-hero-cred li{
  display:flex;gap:12px;font-size:14.5px;margin-bottom:11px;align-items:flex-start;
  color:var(--ink-soft);
}
.director-hero-cred .tag{
  flex:none;font-size:11px;font-weight:700;color:var(--gold-deep);
  background:var(--gold-soft);padding:4px 10px;border-radius:6px;margin-top:1px;
}

/* ---- Letter section ---- */
.letter-wrap{
  max-width:760px;margin:0 auto;
  background:#fff;border:1px solid var(--line);border-radius:24px;
  padding:56px 60px;box-shadow:var(--shadow-sm);
  position:relative;
}
.letter-mark{
  display:flex;align-items:center;gap:14px;margin-bottom:34px;padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.letter-mark img{width:54px;height:54px;border-radius:50%;object-fit:cover;}
.letter-mark strong{display:block;font-size:16px;font-weight:800;}
.letter-mark span{font-size:12.5px;color:var(--ink-soft);}
.letter-body{font-size:16px;line-height:2;color:var(--ink);}
.letter-body p{margin:0 0 26px;}
.letter-body h3{
  font-size:18px;font-weight:800;margin:42px 0 16px;
  display:flex;align-items:center;gap:10px;
}
.letter-body h3::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);}
.letter-body .q{
  color:var(--ink-soft);font-style:normal;
  border-left:3px solid var(--gold-soft);padding-left:16px;margin:0 0 26px;
}
.letter-body ul{margin:0 0 26px;padding-left:0;}
.letter-body ul li{
  list-style:none;padding-left:22px;position:relative;margin-bottom:10px;color:var(--ink-soft);
}
.letter-body ul li::before{
  content:"›";position:absolute;left:0;color:var(--gold-deep);font-weight:800;
}
.letter-signoff{
  margin-top:44px;padding-top:28px;border-top:1px dashed var(--line);
  text-align:right;font-size:15px;color:var(--ink-soft);
}
.letter-signoff strong{display:block;font-size:18px;color:var(--ink);font-weight:800;margin-top:4px;}

/* ---- Equip mini list ---- */
.dir-equip-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.dir-equip-list .item{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-align:center;
}
.dir-equip-list .item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:10px;}
.dir-equip-list .item span{font-size:12.5px;font-weight:700;}

@media (max-width:980px){
  .director-hero{grid-template-columns:1fr;}
  .director-hero-photo{max-width:320px;margin:0 auto;}
  .letter-wrap{padding:36px 24px;}
  .dir-equip-list{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:560px){
  .dir-equip-list{grid-template-columns:repeat(2,1fr);}
}