/* ───────────────────────────────────────────────
   block_instructor_hero — 강사 히어로 (다크 풀블리드)
   배경 인물 사진 전체 풀블리드 cover + 좌→우 그라데이션(좌측 텍스트 가독, 우측 인물 원본). 텍스트 좌측 정렬.
   ─────────────────────────────────────────────── */
.block_instructor_hero {
  position: relative;
  overflow: hidden;
  background: var(--ink-900);
  color: var(--white);
  min-height: 78vh;
  display: flex;
  align-items: center;
  padding-block: clamp(72px, 10vw, 120px);
}

/* 우측 절반 인물 사진 — absolute cover */
.block_instructor_hero__portrait {
  position: absolute;
  inset: 0;
  width: 100%;   /* 배경 전체 풀블리드 */
  z-index: 0;
}
.block_instructor_hero__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;   /* 인물이 우측에 오게 */
  display: block;
}
/* 좌→우 다크 그라데이션 오버레이 — 좌측 텍스트 가독성 */
.block_instructor_hero__portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    var(--ink-900) 0%,
    var(--ink-900-72) 30%,
    var(--ink-900-25) 55%,
    transparent 78%
  );
  pointer-events: none;
}

/* 콘텐츠 — 좌측 정렬, 수직 중앙(섹션 flex로) */
.block_instructor_hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: var(--space-md);
}
/* 래퍼는 .container(중앙 정렬·좌우 패딩) 유지, 텍스트 줄폭만 자식에서 제한 */
.block_instructor_hero__inner > * { max-width: 620px; }

.block_instructor_hero__eyebrow {
  font-size: var(--fs-body-sm);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--orange-700);
}

.block_instructor_hero__sub-top {
  font-size: 17px;
  line-height: var(--lh-loose);
  color: var(--ink-200);
  max-width: 52ch;
}

.block_instructor_hero__title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: var(--tracking-display-md);
  color: var(--white);
  max-width: 22ch;
}
.block_instructor_hero__title em {
  font-style: normal;
  font-weight: 700;
  color: var(--orange-700);
}

.block_instructor_hero__signature {
  margin-top: var(--space-sm);
}
.block_instructor_hero__signature img {
  width: 132px;
  height: auto;
  display: block;
}

@media (max-width: 860px) {
  .block_instructor_hero {
    min-height: 0;
    padding-block: clamp(56px, 9vw, 88px);
  }
  /* 모바일 — 인물 사진을 배경 풀블리드로, 상단/하단 다크 페이드로 텍스트 가독성 */
  .block_instructor_hero__portrait {
    width: 100%;
    opacity: 0.5;
  }
  .block_instructor_hero__portrait::after {
    background: linear-gradient(
      to bottom,
      var(--ink-900-55) 0%,
      var(--ink-900) 100%
    );
  }
  .block_instructor_hero__inner {
    max-width: 100%;
  }
}