/* ===== 업종별 매출 개선 사례 — recatch.cc 컬러블록 타일 콜라주 =====
   좌측정렬 헤딩 + 다크/오렌지 교차 타일(중앙정렬) + 리포트 미리보기 타일. */
.cases{
  background:#fff;
  padding:clamp(64px,8vw,110px) clamp(20px,5vw,40px);
  min-height:0 !important; height:auto !important;   /* 전역 100svh 무효화 */
}
.cases-inner{max-width:1160px; margin:0 auto;}

/* 헤딩 — recatch: 좌측 정렬 */
.cases-head{text-align:left; margin-bottom:clamp(28px,3.5vw,44px);}
.cases-head .sec-eyebrow{display:inline-block;}
.cases-title{
  margin:10px 0 0;
  font-size:clamp(24px,3.4vw,38px); font-weight:800; letter-spacing:-1px; line-height:1.3; color:#17181c;
}
.cases-title span{color:var(--orange,#f97316);}
.cases-title br{display:none;}                        /* 좌측정렬이라 한 줄 흐름 */
.cases-sub{margin:14px 0 0; color:#5b6673; font-size:clamp(14px,1.4vw,16px); line-height:1.6;}
.cases-sub br{display:none;}

/* 타일 그리드 (2열) */
.cases-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,1.6vw,18px); align-items:stretch;}

.case-tile{
  border-radius:22px; padding:clamp(32px,3.4vw,48px) clamp(28px,3vw,44px);
  min-height:300px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
}
.case-tile-badge{
  display:inline-flex; align-items:center; height:28px; padding:0 14px; margin-bottom:16px;
  border-radius:999px; font-size:13px; font-weight:800; letter-spacing:-.02em;
}
.case-tile-title{
  margin:0; font-size:clamp(18px,1.9vw,22px); font-weight:800; letter-spacing:-.4px; line-height:1.4;
}
.case-tile-body{
  margin:14px 0 0; max-width:340px;
  font-size:clamp(13.5px,1.1vw,15px); font-weight:500; line-height:1.62; letter-spacing:-.2px;
}
.case-tile-result{
  margin:18px 0 0; padding-top:16px; position:relative;
  font-size:15px; font-weight:800; letter-spacing:-.3px; line-height:1.4;
}
.case-tile-result::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:40px; height:2px; border-radius:2px; opacity:.5;
}
.case-tile-result::after{content:" ↑"; font-weight:900;}

/* 다크 타일 */
.case-tile--dark{background:#17181c; color:#fff;}
.case-tile--dark .case-tile-badge{background:var(--orange,#f97316); color:#fff;}
.case-tile--dark .case-tile-body{color:rgba(255,255,255,.72);}
.case-tile--dark .case-tile-result{color:var(--orange,#f97316);}
.case-tile--dark .case-tile-result::before{background:var(--orange,#f97316);}

/* 오렌지 타일 */
.case-tile--orange{background:var(--orange,#f97316); color:#fff;}
.case-tile--orange .case-tile-badge{background:rgba(255,255,255,.24); color:#fff;}
.case-tile--orange .case-tile-body{color:rgba(255,255,255,.9);}
.case-tile--orange .case-tile-result{color:#fff;}
.case-tile--orange .case-tile-result::before{background:#fff;}

/* 리포트 미리보기 타일 (recatch 사진 타일 대응) */
.case-tile--report{background:#fbfbfc; border:1px solid #eef0f3;}
.ct-report{width:100%; max-width:320px; display:flex; flex-direction:column; align-items:stretch;}
.ct-report-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}
.ct-report-badge{display:inline-flex; align-items:center; height:26px; padding:0 12px; border-radius:999px; background:#fff1e8; color:var(--orange-deep,#e8590c); font-size:12.5px; font-weight:800;}
.ct-report-week{color:#98a1ac; font-size:13px; font-weight:600;}
.ct-bars{display:flex; align-items:flex-end; gap:9px; height:96px; margin-bottom:20px;}
.ct-bars span{flex:1; background:#ffd9bf; border-radius:5px 5px 0 0; min-height:8px;}
.ct-bars span.is-peak{background:var(--orange,#f97316);}
.ct-report-cap{margin:0; color:#17181c; font-size:15px; font-weight:800; letter-spacing:-.3px; line-height:1.5; text-align:center;}

@media (max-width:820px){
  .cases-head{text-align:center;}
  .cases-grid{grid-template-columns:1fr; max-width:480px; margin:0 auto;}
  .case-tile{min-height:0; padding:36px 28px;}
}