/* ═══════════════════════════════════════════════════════════
   BUSINESS 페이지 공통 보강 — 리듬 · 구분 · 등장 모션
   (biz-enhance.js 가 .is-in 클래스를 부여)
   ═══════════════════════════════════════════════════════════ */

/* ── 1) 인트로: 굵은 문장에 라임 하이라이트가 그어지듯 등장 ── */
.biz-intro__tit b{
  background:linear-gradient(var(--brand-soft),var(--brand-soft)) 0 88% / 0% 34% no-repeat;
  transition:background-size 1.3s cubic-bezier(.2,.7,.2,1) .35s;
}
.biz-intro.is-in .biz-intro__tit b{background-size:100% 34%}

/* ── 2) 소단원: 번호 + 상단 구분선(드로잉) ── */
.biz-wrap{counter-reset:bizrow}
.biz-row{position:relative;counter-increment:bizrow}
.biz-row::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:var(--line-strong);
  transform:scaleX(0);transform-origin:left center;
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1);
}
.biz-row.reverse::before{transform-origin:right center}
.biz-row.is-in::before{transform:scaleX(1)}

/* 라벨 앞 번호 (01 ── INDUSTRY CONTEXT) */
.biz-row__label::before{
  content:counter(bizrow, decimal-leading-zero);
  width:auto;height:auto;
  padding-right:44px;
  font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--brand-dark);
  background:linear-gradient(var(--ink),var(--ink)) right center / 32px 1px no-repeat;
}

/* 이미지: 커튼이 열리듯 와이프 + 살짝 줌아웃 */
.biz-row__media{
  clip-path:inset(0 100% 0 0);
  transition:clip-path 1.25s cubic-bezier(.7,0,.2,1) .1s;
}
.biz-row.reverse .biz-row__media{clip-path:inset(0 0 0 100%)}
.biz-row.is-in .biz-row__media{clip-path:inset(0 0 0 0)}
.biz-row__media img{transform:scale(1.12)}
.biz-row.is-in .biz-row__media img{
  transform:scale(1);
  transition:transform 1.8s cubic-bezier(.2,.7,.2,1) .1s;
}
.biz-row.is-in .biz-row__media:hover img{
  transform:scale(1.03);transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
/* 이미지 모서리 라임 마커 */
.biz-row__media::before{
  content:"";position:absolute;z-index:2;left:0;bottom:0;
  width:56px;height:4px;background:var(--brand);
  transform:scaleX(0);transform-origin:left;
  transition:transform .7s cubic-bezier(.2,.7,.2,1) 1.1s;
}
.biz-row.reverse .biz-row__media::before{left:auto;right:0;transform-origin:right}
.biz-row.is-in .biz-row__media::before{transform:scaleX(1)}

/* ── 3) Related Solutions: 풀블리드 톤 배경으로 구분 ── */
.biz-related{position:relative;isolation:isolate;margin-top:80px}
.biz-related::before{
  content:"";position:absolute;top:0;bottom:0;
  left:calc(50% - 50vw);right:calc(50% - 50vw);
  background:var(--bg-soft);z-index:-1;
}
@media(max-width:1024px){.biz-related{margin-top:56px}}

/* 카드: 흰 타일 + 1px 간격 */
.biz-related__grid{
  gap:1px;background:var(--line-strong);
  border-top:0;border:1px solid var(--line-strong);
}
.biz-rlink{
  background:#fff;border:0 !important;
  overflow:hidden;
}
.biz-rlink::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.biz-rlink:hover{background:#fff}
.biz-rlink:hover::before{transform:scaleX(1)}
.biz-rlink:hover .biz-rlink__ko{color:var(--ink)}
.biz-rlink__num{
  font-size:28px;letter-spacing:-.02em;font-weight:300;color:var(--ink-4);
  transition:color .3s ease;
}
.biz-rlink:hover .biz-rlink__num{color:var(--brand-dark)}
.biz-rlink__desc{max-width:420px}

@media(prefers-reduced-motion:reduce){
  .biz-row::before,.biz-row__media,.biz-row__media img,.biz-row__media::before,
  .biz-intro__tit b{transition:none !important}
  .biz-row::before{transform:scaleX(1)}
  .biz-row__media,.biz-row.reverse .biz-row__media{clip-path:none}
  .biz-row__media img{transform:none}
  .biz-row__media::before{transform:scaleX(1)}
  .biz-intro__tit b{background-size:100% 34%}
}