.external-people .people-shell,
.external-people .person-shell {
  width: min(calc(100% - 2 * clamp(24px, 7vw, 112px)), 1280px);
  margin-inline: auto;
}

.external-people .people-hero {
  min-height: 390px;
  padding: 76px 0 70px;
  background-color: #281d18;
  background-image:
    linear-gradient(90deg, rgba(31, 22, 18, .42), rgba(31, 22, 18, .12) 75%),
    url('/assets/people-hero-desktop.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.external-people .people-hero h1 { font-size: clamp(44px, 4.2vw, 64px); }
.external-people .people-hero p.people-hero-lead {
  max-width: 680px;
  margin: 22px 0 0;
  color: #f0e5d9;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -.01em;
  word-break: keep-all;
}

.external-people .person-profile,
.external-people .person-profile:nth-child(even) {
  padding: 86px 0;
  background: #fffdf9;
  border-bottom: 1px solid #d9cec2;
}
.external-people .person-shell {
  display: grid;
  grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
  align-items: start;
  gap: clamp(48px, 5vw, 88px);
}
.external-people .person-image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 30%;
}
.external-people .person-profile:nth-child(2) .person-image,
.external-people .person-profile:nth-child(3) .person-image,
.external-people .person-profile:nth-child(4) .person-image { object-position: center; }
.external-people .person-copy { min-width: 0; max-width: none; }
.external-people .person-role { margin-bottom: 10px; }
.external-people .person-copy h2 { font-size: clamp(40px, 3.5vw, 50px); }
.external-people .person-lead {
  margin-top: 20px;
  color: #3d342e;
  font-size: 21px;
  line-height: 1.65;
  font-weight: 550;
  word-break: keep-all;
}
.external-people .person-areas { margin-top: 27px; }
.external-people .person-areas h3,
.external-people .person-career h3 {
  margin: 0 0 13px;
  color: #342d27;
  font-size: 17px;
  font-weight: 700;
}
.external-people .person-areas ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.external-people .person-areas li {
  color: #514941;
  font-size: 17px;
  line-height: 1.55;
  word-break: keep-all;
}
.external-people .person-description {
  margin: 29px 0 0;
  color: #5d544c;
  font-size: 17px;
  line-height: 1.75;
  word-break: keep-all;
}
.external-people .person-career {
  margin-top: 29px;
  padding-top: 26px;
}
.external-people .person-career li { font-size: 16px; line-height: 1.65; }

@media (max-width: 900px) {
  .external-people .person-shell { gap: 38px; }
  .external-people .person-profile,
  .external-people .person-profile:nth-child(even) { padding: 64px 0; }
  .external-people .person-lead { font-size: 19px; }
}

@media (max-width: 640px) {
  .external-people .people-shell,
  .external-people .person-shell { width: auto; margin-inline: 24px; }
  .external-people .people-hero {
    min-height: 320px;
    padding: 58px 0;
    background-image:
      linear-gradient(90deg, rgba(31, 22, 18, .48), rgba(31, 22, 18, .12)),
      url('/assets/people-hero-mobile.webp');
    background-position: center 25%;
  }
  .external-people .people-hero h1 { font-size: 38px; }
  .external-people .people-hero p.people-hero-lead { max-width: 327px; font-size: 16px; }
  .external-people .person-profile,
  .external-people .person-profile:nth-child(even) { padding: 54px 0; }
  .external-people .person-shell { display: block; }
  .external-people .person-image { aspect-ratio: 4 / 5; }
  .external-people .person-copy { margin-top: 25px; }
  .external-people .person-copy h2 { font-size: 30px; }
  .external-people .person-lead { font-size: 18px; }
  .external-people .person-areas { margin-top: 23px; }
  .external-people .person-areas li { font-size: 16px; }
  .external-people .person-description { margin-top: 24px; font-size: 16px; }
  .external-people .person-career { margin-top: 25px; padding-top: 23px; }
  .external-people .person-career li { font-size: 16px; }
}

/* Confirmed four-person profiles. Keep the fifth profile's layout unchanged. */
body.external-people .person-profile--detailed {
  padding:80px 0; background:#FFFFFF; border:0;
}
body.external-people .person-profile--detailed:nth-child(even) { background:#F8F7F5; }
body.external-people .person-profile--detailed .person-shell {
  display:grid !important; grid-template-columns:minmax(0,360px) minmax(0,1fr);
  align-items:start; gap:80px;
}
body.external-people .person-profile--detailed figure { background:transparent; }
body.external-people .person-profile--detailed .person-image {
  height:auto; max-height:none; aspect-ratio:4/5; object-fit:cover;
}
body.external-people .person-profile--detailed .person-copy { margin-top:0; }
body.external-people .person-profile--detailed .person-role {
  margin:0 0 10px; font:500 15px/1.6 Pretendard,Arial,sans-serif; letter-spacing:0;
}
body.external-people .person-profile--detailed h2 {
  font-family:"Noto Serif KR",serif; font-size:40px; line-height:1.4;
}
body.external-people .person-profile--detailed .person-lead {
  max-width:none; margin:24px 0 0; font-size:21px; font-weight:600; line-height:1.7;
}
body.external-people .person-profile--detailed .person-description {
  margin:28px 0 0; font-size:17px; line-height:1.8;
}
body.external-people .person-profile--detailed .person-description p { margin:0; }
body.external-people .person-profile--detailed .person-description p+p { margin-top:20px; }
body.external-people .person-profile--detailed .person-areas { margin-top:24px; }
body.external-people .person-profile--detailed .person-areas ul {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;
}
body.external-people .person-profile--detailed .person-areas li {
  display:flex; align-items:center; justify-content:center; box-sizing:border-box;
  min-height:48px; padding:10px 8px; background:#F1EFED; color:#514941;
  font-size:16px; line-height:1.5; text-align:center;
}
body.external-people .person-profile--detailed .person-career {
  margin-top:32px; padding:0; border:0;
}
body.external-people .person-profile--detailed .person-career li { margin:10px 0; font-size:16px; line-height:1.8; }
@media(max-width:980px) {
  body.external-people .person-profile--detailed .person-shell { grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:32px; }
  body.external-people .person-profile--detailed .person-lead { font-size:19px; }
}
@media(max-width:767px) {
  body.external-people .person-profile--detailed { padding:56px 0; }
  body.external-people .person-profile--detailed .person-shell { display:block !important; }
  body.external-people .person-profile--detailed .person-copy { margin-top:36px; }
  body.external-people .person-profile--detailed h2 { font-size:32px; }
  body.external-people .person-profile--detailed .person-lead { margin-top:20px; font-size:18px; }
  body.external-people .person-profile--detailed .person-description { margin-top:24px; font-size:16px; }
  body.external-people .person-profile--detailed .person-areas li { font-size:15px; }
}

/* Approved HERO-to-first-photo gap: 40 + 80 = 120px on desktop. */
body.external-people .people-list {
  padding-top:40px !important;
  border-top:0;
}
@media(max-width:767px) {
  /* Keep the existing 56px profile padding: 16 + 56 = 72px. */
  body.external-people .people-list { padding-top:16px !important; }
}

/* Use the approved 4:5 photo ratio for all five members. */
body.external-people .person-image {
  height:auto;
  max-height:none;
  aspect-ratio:4/5;
}

/* Approved member-page readability rules; preserve content, photos and reading order. */
body.external-people .person-profile--detailed .person-description,
body.external-people .person-profile--detailed .person-description p,
body.external-people .person-profile--detailed .person-career li {
  color:#302E2B;
  font-size:18px;
  line-height:1.8;
  word-break:keep-all;
  overflow-wrap:break-word;
}
body.external-people .person-profile--detailed .person-areas li {
  color:#302E2B;
  font-size:18px;
}
body.external-people .person-profile--detailed .person-role { color:#655E56 !important; }
@media(max-width:767px) {
  body.external-people .person-profile--detailed .person-description,
  body.external-people .person-profile--detailed .person-description p,
  body.external-people .person-profile--detailed .person-career li,
  body.external-people .person-profile--detailed .person-areas li { font-size:17px; }
  body.external-people .person-profile--detailed .person-description p+p { margin-top:16px; }
  body.external-home.external-people .external-consultation .external-consultation-actions { gap:12px; }
  body.external-home.external-people .external-consultation .external-consultation-actions a { font-size:17px; }
}
