/* =========================================================
   NUMBERS SECTION — JW MEDIA "WHY JW MEDIA" 구조 재현
   prototype.html 의 .jw-why 에만 적용 (다른 섹션 영향 없음)

   레퍼런스 실측 (1440px):
   - 배경 #FF6A1A, 글자 전부 #0B0A09, padding 122 / 24 / 132, 컨텐츠 1280px
   - 상단: 좌 62%(라벨 12px → 20px → 제목 82px/900 lh1.3 ls-2.8px) | gap 70 | 우 38%(위 38px 띄움, 본문 17px/500 lh1.7 → 30 → 영문 12px)
   - 상단 → 숫자 72px, 숫자 3칸 gap 28: 상단 1px 선, padding 28/24/30/0, 큰 글자 92px/900 lh.85 ls-3px → 12 → 설명 12px 2줄
   - 숫자 → 원칙 71px, 원칙 3줄 gap 20: 상단 1px 선, padding 22/0, 19px/600
   ========================================================= */

@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:500;font-style:normal;font-display:swap;
  src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.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-why{
  --wy-bg:#6E1A26; /* 와인 버건디 */
  --wy-ink:#EEECE6; /* 버건디 위 아이보리 */
  --wy-content:1280px;

  background:var(--wy-bg);
  color:var(--wy-ink);
  padding:122px 24px 132px;
  font-family:"Paperlogy",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  word-break:keep-all;
}
.jw-why *{box-sizing:border-box}
.jw-why__inner{max-width:var(--wy-content);margin-inline:auto}

/* ---------- 상단 ---------- */
.jw-why__intro{display:flex;align-items:flex-start;gap:30px 70px;padding-bottom:24px;margin-bottom:72px}
.jw-why__head{flex:0 1 62%;min-width:0;display:flex;flex-direction:column;gap:20px}
.jw-why__side{flex:0 1 38%;min-width:0;padding-top:38px;display:flex;flex-direction:column;gap:30px}
.jw-why__kicker,.jw-why__standard{margin:0;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.8px;text-transform:uppercase;color:var(--wy-ink)}
.jw-why__title{margin:0;font-size:82px;font-weight:900;line-height:1.3;letter-spacing:-2.8px;color:var(--wy-ink)}
.jw-why__body{margin:0;font-size:17px;font-weight:500;line-height:1.7;color:var(--wy-ink)}

/* ---------- 숫자 3칸 ---------- */
.jw-why__proofs{display:flex;gap:0 28px;margin-bottom:71px}
.jw-why__proof{flex:1 1 0;min-width:0;border-top:1px solid var(--wy-ink);padding:28px 24px 30px 0;display:flex;flex-direction:column;gap:12px}
.jw-why__big{margin:0;font-size:92px;font-weight:900;line-height:.85;letter-spacing:-3px;color:var(--wy-ink)}
.jw-why__small{margin:0;font-size:12px;font-weight:400;line-height:1.35;letter-spacing:.7px;text-transform:uppercase;color:var(--wy-ink)}

/* ---------- 원칙 3줄 ---------- */
.jw-why__rows{display:flex;flex-direction:column;gap:20px}
.jw-why__row{margin:0;border-top:1px solid var(--wy-ink);padding:22px 0;font-size:19px;font-weight:600;line-height:1.4;color:var(--wy-ink)}

/* =========================================================
   TABLET (≤1024) — 레퍼런스: padding 92/32/104, 제목 62px, 큰 글자 68px
   ========================================================= */
@media (max-width:1024px){
  .jw-why{padding:92px 32px 104px}
  .jw-why__title{font-size:62px}
  .jw-why__big{font-size:68px}
}

/* =========================================================
   MOBILE (≤767) — 레퍼런스: padding 78/20/88, 제목 48px, 본문 15px, 큰 글자 62px, 원칙 17px
   ========================================================= */
@media (max-width:767px){
  .jw-why{padding:78px 20px 88px}
  .jw-why__intro{flex-direction:column;margin-bottom:40px}
  .jw-why__head,.jw-why__side{flex:0 0 auto;width:100%}
  .jw-why__side{padding-top:0}
  .jw-why__title{font-size:48px}
  .jw-why__body{font-size:15px}
  .jw-why__body br{display:none}
  .jw-why__proofs{flex-direction:column;margin-bottom:48px}
  .jw-why__big{font-size:62px}
  .jw-why__row{font-size:17px}
}