/* ===== STAFF detail page ===== */
.sd-top{
  background:url("../images/staff-detail/01.png") no-repeat top center;
  background-size:cover;
}

/* --- profile hero --- */
.sd-hero{padding:70px 0 90px}
.sd-hero__inner{display:grid;grid-template-columns:400px 1fr;gap:64px;align-items:start}
.sd-hero__photo{
  aspect-ratio:1/1.28;overflow:hidden;border-radius:4px;
  box-shadow:0 18px 40px rgba(120,110,160,.28);
  background:#cfcfcf;
}
.sd-hero__photo img{width:100%;height:100%;object-fit:cover}

.sd-hero__role{font-size:12px;color:#7a7a7a;letter-spacing:.06em;margin-bottom:6px}
.sd-hero__en{
  font-family:var(--latin);font-weight:400;font-size:44px;letter-spacing:.05em;
  line-height:1.1;margin-bottom:8px;
}
.sd-hero__jp{font-size:15px;font-weight:700;letter-spacing:.06em;margin-bottom:34px}

.sd-profile-h{
  font-family:var(--latin);font-size:20px;letter-spacing:.06em;
  padding-bottom:10px;border-bottom:1px solid #cdc9d2;margin-bottom:22px;
}
.sd-profile dt{font-size:12px;color:#666;margin-bottom:2px}
.sd-profile dd{font-size:13.5px;color:#333;margin-bottom:14px;line-height:1.7}
.sd-profile dd strong{font-weight:400}
.sd-close{font-size:13.5px;color:#444;line-height:1.9;margin-top:8px}

/* --- other staff --- */
.sd-other{padding:20px 0 110px}
.sd-other .sec-title{font-size:44px}

/* staff card (shared look with list page) */
.scards{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px}
.scard{display:block}
.scard__photo{
  position:relative;aspect-ratio:3/3.7;overflow:hidden;border-radius:3px;
  background:#cfcfcf;margin-bottom:16px;
}
.scard__photo img{width:100%;height:100%;object-fit:cover}
.scard__en{
  position:absolute;left:14px;bottom:14px;z-index:2;
  font-family:var(--latin);font-weight:700;font-size:32px;line-height:1.02;
  color:#fff;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.25);
}
.scard__role{font-size:11px;color:#8a8a8a;letter-spacing:.04em;margin-bottom:4px}
.scard__name{font-size:16px;font-weight:700;letter-spacing:.04em}
.scard:hover .scard__photo img{opacity:.9}

@media(max-width:900px){
  .sd-hero__inner{grid-template-columns:1fr;gap:30px}
  .scards{grid-template-columns:1fr 1fr;gap:24px 18px}
}

@media(max-width:820px){
  .sd-hero{padding:34px 0 48px}
  .sd-hero__en{font-size:34px}
  .sd-hero__jp{margin-bottom:24px}
  .sd-profile-h{font-size:18px;margin-bottom:18px}
  .sd-other{padding:8px 0 64px}
  .sd-other .sec-title{font-size:30px}
  .scards{grid-template-columns:1fr 1fr;gap:22px 14px}
  .scard__en{font-size:20px;left:10px;bottom:10px}
  .scard__role{font-size:10.5px}
  .scard__name{font-size:14px}
}