/* 회사 소개 EN(our-firm-en.html) 전용 보정 — our-firm.css 다음에 읽는다.
   영문이 길어 줄바꿈·넘침이 생기는 곳만 html[lang="en"]로 좁혀 덮어쓴다. KO 페이지에는 영향 없음.
   참고: Chrome은 강제 줄바꿈(<br>)이 있는 제목에는 text-wrap: balance를 적용하지 않는다 — 영문 줄바꿈은 <br> 위치와 아래 규칙으로 잡았다. */

/* ① Hero — 768–1279(58px 고정)에서 둘째 줄 'setting the standard in M&A.'가 들어가지 않아 'M&A.' 한 단어만 셋째 줄로 넘어갔다.
   두 줄 구성을 지키도록 폭에 비례해 줄인다: 768 48px → 921↑ 58px(원래 크기). 1280↑(78px)·<768은 그대로 */
@media (min-width: 768px) and (max-width: 1279px) {
  html[lang='en'] .fhero__title {
    font-size: min(52px, 5.65vw);
  } /* 10-02 한국어 히어로 제목이 58 → 52px로 작아져 같은 비율로 */
}
/* 둘째 <br>('setting the standard / in M&A.')은 600 미만에서만 — 472–599(38px)에서 'M&A.' 한 단어만 셋째 줄로 넘어가던 것.
   390 등 더 좁은 폭은 원래도 같은 자리에서 꺾여 결과가 같다 */
html[lang='en'] .fhero__title br:nth-of-type(2) {
  display: none;
}
@media (max-width: 599px) {
  html[lang='en'] .fhero__title br:nth-of-type(2) {
    display: inline;
  }
}

/* ③ Our Firm 아코디언 — 리드 문장이 두 줄로 꺾일 때 마지막 줄에 한두 단어만 남지 않게 */
html[lang='en'] .facc__inner .facc__lead {
  text-wrap: balance;
}

/* Team — 머리 오른쪽 설명(메인에서 가져온 부품, 문구는 index-en 그대로)이 768–1279 한 줄 폭에서 'work.' 한 단어만 다음 줄로 넘어갔다 */
html[lang='en'] .people .sec-head__side {
  text-wrap: pretty;
}

/* 인증 설명(문구는 index-en 그대로) — 430 등에서 'institutions.' 한 단어만 다음 줄로 넘어가던 것 */
html[lang='en'] .certsec__sub {
  text-wrap: pretty;
}

/* 팀(10-15 개편) — 영문 직책(Managing Director · Executive Director)이 이름 옆에서 두 단어 사이로 끊기지 않게 한 덩어리로(넘치면 직책 전체가 다음 줄) */
html[lang='en'] .fteam .member__role,
html[lang='en'] .fteam__ceo-name span {
  white-space: nowrap;
}

/* 팀 1440↑ — 영문은 글이 길어 사진 옆에 다 넣으면 글이 사진보다 길어진다(10-15 사용자: 사진이 글보다 낮으면 안 됨) → 1439↓와 같은 배치(사진 옆 직무 · 이름 · 경력, 소개 · 프로필 보기는 아래) */
@media (min-width: 1440px) {
  html[lang='en'] .fteam--a .member__link {
    grid-template-rows: 1fr auto auto auto 1fr auto auto;
    column-gap: 24px;
    align-items: start;
    isolation: isolate;
  }
  html[lang='en'] .fteam--a .member__info {
    display: contents;
  }
  html[lang='en'] .fteam--a .member__img {
    grid-column: 1;
    grid-row: 1 / 6;
  }
  html[lang='en'] .fteam--a .member__job {
    grid-column: 2;
    grid-row: 2;
  }
  html[lang='en'] .fteam--a .member__name {
    grid-column: 2;
    grid-row: 3;
  }
  html[lang='en'] .fteam--a .member__career {
    grid-column: 2;
    grid-row: 4;
  }
  html[lang='en'] .fteam--a .member__desc {
    grid-column: 1 / -1;
    grid-row: 6;
    margin-top: 16px;
  }
  html[lang='en'] .fteam--a .member__more {
    grid-column: 1 / -1;
    grid-row: 7;
  }
  html[lang='en'] .fteam--a .member__info::before {
    inset: calc(var(--pt) - 12px) -12px calc(var(--pb) - 12px) -12px;
  }
}

/* 팀 767↓ — 영문 직무 · 경력이 두 줄씩 되면 사진보다 몇 px 길어져 이름만 한 단계 작게(24 → 22) */
@media (max-width: 767px) {
  html[lang='en'] .fteam--a .member__name {
    font-size: 22px;
  }
}

/* 팀 767↓ — 영문 경력이 길어(좁은 폰에서 세 줄) 사진 옆엔 직무 · 이름만, 경력도 사진 아래로 — 사진이 글보다 낮아지지 않게(10-15 사용자) */
@media (max-width: 767px) {
  html[lang='en'] .fteam--a .member__link {
    grid-template-rows: 1fr auto auto 1fr auto auto auto;
  }
  html[lang='en'] .fteam--a .member__img {
    grid-row: 1 / 5;
  }
  html[lang='en'] .fteam--a .member__job {
    grid-row: 2;
  }
  html[lang='en'] .fteam--a .member__name {
    grid-row: 3;
  }
  html[lang='en'] .fteam--a .member__career {
    grid-column: 1 / -1;
    grid-row: 5;
    margin-top: 16px;
  }
  html[lang='en'] .fteam--a .member__desc {
    grid-row: 6;
    margin-top: 8px;
  }
  html[lang='en'] .fteam--a .member__more {
    grid-row: 7;
  }
}
