/* ── jcurl / Sec_10 — CONSULTATION CTA 밴드 ─────────────────────
   시안 아트보드 1920×630 (b1.html 486–503행).
   로비 사진 위 진한 핑크 80% 오버레이 → eyebrow → 2줄 H2 → 리드 → 흰 알약 버튼.

   시안 좌표 → 간격 환산 (섹션 상단 0 기준, 컨테이너 1280 / left 320)
     140  Frame 87 상단 = eyebrow 박스(26h, 광학중심 13)
          eyebrow 실제 행박스 20×1.5=30 → 상단 138
     182  H2 박스(130h, 중심 107) → 2줄 50×1.2=120 실제 상단 187  ⇒ 앞 19
     328  리드 박스(56h, 중심 216) → 2줄 18×1.5=54 실제 상단 329  ⇒ 앞 22
     434  버튼 256×56 (left 512 = 1280 가운데)                    ⇒ 앞 51
     490  버튼 바닥 → 섹션 바닥 630 까지 140
   ⇒ padding-block 138 / 140, 합계 138+352+140 = 630 */

.jcurl-sec_10{
  position:relative;
  overflow:hidden;
  color:var(--text-inverse);
  padding-block:calc(var(--sp-section) + 18px) calc(var(--sp-section) + 20px);
  /* 시안: 사진을 1920×1279 로 cover 시킨 뒤 top −265 로 올려 630 창을 보여준다.
     세로 오프셋 −265 / (1279−630) = 40.8% → cover 기준 position-y 41%.
     사진이 뜨기 전 바탕도 오버레이와 같은 색으로 채운다. */
  background:var(--brand-dark) url('https://channel-static.rebeauty.co.kr/kowonps/renewal/en/assets/img/jcurl-sec_10-1.jpg') center 41% / cover no-repeat;
}

/* 진한 핑크 오버레이 — 시안 rgba(196,0,78,.8) = --brand-dark 80%.
   토큰에 알파 변형이 없어 opacity 로 같은 합성 결과를 만든다. */
.jcurl-sec_10::before{
  content:"";
  position:absolute;inset:0;
  background:var(--brand-dark);
  opacity:.8;
  pointer-events:none;
}

.jcurl-sec_10__inner{position:relative;z-index:1}

/* 시안 H2 앞 19 / 리드 앞 22 — .sec-title·.sec-lead 기본값(--sp-tight 16)에서 보정 */
.jcurl-sec_10__title{margin-top:calc(var(--sp-tight) + 3px)}

/* 리드는 시안이 흰색 단색이다(.sec-lead--light 의 80% 가 아니다) */
.jcurl-sec_10__lead{
  margin-top:calc(var(--sp-tight) + 6px);
  color:var(--text-inverse);
}

/* 시안 버튼 앞 51 */
.jcurl-sec_10__actions{margin-top:calc(var(--sp-stack) + 11px)}

/* 모바일에서는 시안의 고정 줄바꿈을 풀어 자연스럽게 흐르게 한다 */
@media (max-width:767px){
  .jcurl-sec_10__br{display:none}
}