/* =========================================================
   CTA — JW MEDIA "START A PROJECT / READY TO ROLL?" 구조 재현
   전 페이지 공용, .jw-cta 에만 적용 (푸터 바로 위 주황 섹션)

   레퍼런스 실측 (1440px):
   - 배경 #FF6A1A, 글자 #0B0A09, padding 96 / 24 / 112, 컨텐츠 1280px, 블록 간 48px
   - 라벨 12px ls.8px → 48 → 대형 2줄 205px/900 lh.76 ls-7px, 줄 간 20px (2번째 줄 외곽선 2px)
   - → 48 → 하단: 좌 666(제목 30px/600 → 14 → 본문 15px lh1.7) | gap 64 | 우 550(위 22px 띄움)
     버튼 13px ls.7px padding 20/40 1px 테두리, 버튼 간 12 → 12 → 연락처 12px ls.5px
   ========================================================= */

@font-face{font-family:"Paperlogy";font-weight:400;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2") format("woff2")}
@font-face{font-family:"Paperlogy";font-weight:600;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2") format("woff2")}
@font-face{font-family:"Paperlogy";font-weight:900;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2") format("woff2")}

.jw-cta{
  --ct-bg:#6E1A26; /* 와인 버건디 */
  --ct-ink:#EEECE6; /* 버건디 위 아이보리 */

  background:var(--ct-bg);
  color:var(--ct-ink);
  padding:96px 24px 112px;
  font-family:"Paperlogy",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  word-break:keep-all;
  overflow-x:clip; /* 대형 단어 가로 압축 전 폭으로 인한 가로 스크롤 방지 */
}
.jw-cta *{box-sizing:border-box}
.jw-cta__inner{max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;gap:48px}
/* 회사소개·자료실·문의하기: 본문(.wrap 80%)과 좌우 끝선 맞춤 */
.jw-cta--wrap{padding-inline:0}
.jw-cta--wrap .jw-cta__inner{width:80%;max-width:none}

.jw-cta__kicker{margin:0;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.8px;text-transform:uppercase;color:var(--ct-ink)}

/* ---------- 대형 2줄 ---------- */
.jw-cta__display{display:flex;flex-direction:column;gap:20px;container-type:inline-size}
.jw-cta__word{margin:0;font-size:205px;font-weight:900;line-height:.86;letter-spacing:-4px;text-transform:uppercase;color:var(--ct-ink);white-space:nowrap}
.jw-cta__word span{display:inline-block;transform:scaleX(var(--sx,1));transform-origin:left top}
.jw-cta__word--out{color:var(--ct-bg);-webkit-text-stroke:2px var(--ct-ink);letter-spacing:.03em} /* 외곽선은 자간을 좁히면 선끼리 교차해 겹쳐 보임(R·A 등) → 살짝 벌림 */
/* 두 줄 같은 크기. 가장 긴 YOUR BRAND.(폭 = 글자 크기 × 7.52)가 칸에 들어가도록 칸 폭 기준(cqi)으로 상한 */
.jw-cta__word{font-size:128px;font-size:min(128px,9.9cqi)} /* 사용자 지정 영역: YOUR BRAND. 끝이 칸 폭 약 72%에서 끝나도록 (1280칸에서 128px) */
.jw-cta__word--out i{font-style:normal;margin-right:.08em} /* BRAND 의 R 다리와 A 사선이 맞닿는 것 방지 */
#cta-w2{--sx:.93}   /* YOUR BRAND. 174px·자간 .03em에서 약 1360px → 1280 칸에 맞춤 */

/* ---------- 하단 ---------- */
.jw-cta__lower{display:flex;gap:34px 64px}
.jw-cta__copy{flex:0 1 666px;min-width:0;display:flex;flex-direction:column;gap:14px}
.jw-cta__title{margin:0;font-size:30px;font-weight:600;line-height:1.3;color:var(--ct-ink)}
.jw-cta__body{margin:0;font-size:15px;font-weight:400;line-height:1.7;color:var(--ct-ink)}
.jw-cta__actions{flex:0 1 550px;min-width:0;padding-top:22px;display:flex;flex-direction:column;gap:12px}
.jw-cta__btns{display:flex;flex-wrap:wrap;gap:10px 12px}
.jw-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:20px 40px;border:1px solid var(--ct-ink);font-size:13px;font-weight:400;line-height:1;letter-spacing:.7px;text-decoration:none;transition:background-color .2s,color .2s}
.jw-cta__btn--solid{background:var(--ct-ink);color:var(--ct-bg)}
.jw-cta__btn--line{background:transparent;color:var(--ct-ink)}
.jw-cta__btn--solid:hover{background:transparent;color:var(--ct-ink)}
.jw-cta__btn--line:hover{background:var(--ct-ink);color:var(--ct-bg)}
.jw-cta__details{margin:0;font-size:12px;line-height:1.3;letter-spacing:.5px;color:var(--ct-ink)}
.jw-cta__details a{color:inherit;text-decoration:none}
.jw-cta__details a:hover{text-decoration:underline}

/* =========================================================
   TABLET (≤1024) — 레퍼런스: padding 78/32/92, 대형 148px, 하단 좌 482 | 우 399
   ========================================================= */
@media (max-width:1024px){
  .jw-cta{padding:78px 32px 92px}
  .jw-cta--wrap{padding-inline:0}
  .jw-cta__word{letter-spacing:-3px}
}

/* =========================================================
   MOBILE (≤767) — 레퍼런스: padding 68/20/78, 대형 92px(2번째 줄 86px, 2줄로 줄바꿈),
   하단 세로 쌓기, 제목 24px, 버튼 가로 꽉 채움
   ========================================================= */
@media (max-width:767px){
  .jw-cta{padding:68px 20px 78px}
  .jw-cta--wrap{padding-inline:0}
  .jw-cta--wrap .jw-cta__inner{width:calc(100% - 40px)}
  .jw-cta__word{font-size:84px;line-height:.92;white-space:normal;letter-spacing:-2px}
  .jw-cta__word--out{font-size:72px} /* BRAND. 이 335px 칸에 들어가도록 (레퍼런스 86px보다 단어가 김) */
  .jw-cta__word span{transform:none}
  .jw-cta__word--out{letter-spacing:.02em}
  .jw-cta__lower{flex-direction:column}
  .jw-cta__copy,.jw-cta__actions{flex:0 0 auto;width:100%}
  .jw-cta__actions{padding-top:0}
  .jw-cta__title{font-size:24px}
  .jw-cta__body br{display:none}
  .jw-cta__btns{flex-direction:column}
  .jw-cta__btn{width:100%}
}