/* 40-biz — 사업 상세 6페이지 (4번 사업 상세 소유). 접두사 .bz-* 만 사용.
   히어로 수식: bz-field(현장 사진 우세) · bz-line(공정 라인 파노라마) · bz-device(장치 전폭) · bz-data/bz-pilot(.hero.split) */

/* ── 전폭 사진 히어로(split 아님): 텍스트 압축 → 사진이 첫 화면 안 ── */
.hero.bz-field:not(.split) .grid,.hero.bz-line .grid,.hero.bz-device .grid{padding-top:clamp(36px,4vw,64px)}
.hero.bz-field:not(.split) .kicker,.hero.bz-line .kicker,.hero.bz-device .kicker{margin-bottom:clamp(16px,1.6vw,24px)}
.hero.bz-field:not(.split) .lead,.hero.bz-line .lead,.hero.bz-device .lead{grid-column:1/10;margin-top:clamp(16px,1.6vw,24px);padding-top:0;border-top:0}
.hero.bz-field:not(.split) .hero-img,.hero.bz-line .hero-img,.hero.bz-device .hero-img{margin-top:clamp(24px,3vw,44px)}
.hero.bz-field:not(.split) .hero-img img{aspect-ratio:16/9;max-height:78svh}
.hero.bz-line .hero-img{background:#fff}

/* split 히어로 공통: 긴 2문장 lead는 약간 작게 */
.hero.split.bz-field .lead,.hero.split.bz-pilot .lead{font-size:clamp(16.5px,1.2vw,18px)}

/* ── 섹션 내부 2단(좌 5 : 우 7) ── */
.bz-2col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(24px,3vw,56px);align-items:start}
.bz-2col-a>*+*,.bz-2col-b>*+*{margin-top:28px}
.bz-2col-a>p:not(.src):not(.ask){font-size:17px;line-height:1.8;color:var(--t2)}
.bz-field-figs img{object-fit:cover}
.bz-2col .stat-row+p.src{margin-top:12px}
.bz-2col p.ask{margin-top:16px}
.bz-size{display:block;max-width:480px}

/* 독립 figure 캡션 */
.bz-2col figcaption,.bz-ga figcaption,.bz-cat figcaption,.bz-seq figcaption,.bz-results figcaption,.bz-water figcaption,.bz-diagram figcaption,.bz-small figcaption,.bz-burst figcaption{font-size:14px;line-height:1.6;color:var(--t4);padding-top:10px}
.bz-2col figure img,.bz-ga img,.bz-seq img,.bz-results img,.bz-water img,.bz-diagram img,.bz-small img,.bz-burst img{width:100%;cursor:zoom-in}

/* ── 결과 표 강조 (정성·수치 결과 열을 진하게) ── */
table.data.bz-res{border-top:2px solid var(--ink)}
table.data.bz-res caption{color:var(--ink)}
table.data.bz-res td:last-child{color:var(--ink);font-weight:600}
table.data.bz-vs td:last-child{color:var(--ink);font-weight:600}
table.data tr.bz-hl th,table.data tr.bz-hl td{color:var(--ink);font-weight:700}
table.data tr.bz-hl th{box-shadow:inset 3px 0 0 var(--red);padding-left:14px}

/* ── 공정 도식 변형 ── */
.sec.gray .bz-flow .flow-step>figure img{background:#fff}
.flow-step.bz-hl{box-shadow:inset 0 3px 0 var(--red)}
.flow-step.bz-hl>b{color:var(--red-t)}
.bz-chain .flow-step{padding-right:28px}
.bz-chain .flow-step>b{font-size:16px}
.bz-chain+.bz-2col{margin-top:48px}
.bz-tag{display:inline-block;margin:0 8px 6px 0;padding:2px 10px;border:1px solid var(--ink);font-size:13.5px;font-weight:600;line-height:1.6;color:var(--ink);vertical-align:1px}

/* ── 녹조: GA 도면 크게 + 운항 사진 ── */
.bz-ga{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gut) clamp(24px,3vw,48px);align-items:start}
.bz-ga-main img{background:#fff;border:1px solid var(--line)}
.bz-ga-side>*+*{margin-top:24px}
.bz-ga-side>p{font-size:17px;line-height:1.8;color:var(--t2)}
.bz-ga-side img{aspect-ratio:16/9;object-fit:cover;background:var(--gray)}

/* 사진 3장 동일 크기 (1440) */
@media (min-width:761px){
  .figs.bz-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
  .figs.bz-trio figure,.figs.bz-trio figure:first-child{grid-column:auto;grid-row:auto}
  .figs.bz-trio figure:first-child img{height:auto;aspect-ratio:4/3}
}
.figs.bz-trio img{object-fit:cover}

/* ── 호수: 장치 카탈로그 행 ── */
.bz-cat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
.bz-cat li{border-top:2px solid var(--ink);padding-top:16px}
.bz-cat img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--gray);cursor:zoom-in}
.bz-cat figcaption{font-size:17px;font-weight:700;color:var(--ink);padding-top:14px}
.bz-cat p{font-size:15.5px;line-height:1.6;color:var(--t2);margin-top:4px}
.bz-site{max-width:880px}
.bz-flow+.bz-site{margin-top:48px}

/* ── 토양: 부상 시간 순서 전폭 ── */
.bz-seq{max-width:960px}
.bz-seq img{background:#fff}

/* ── 해수담수: 원리 3열, 하단 수면 사진 ── */
.bz-ctl h3{font-size:18px}
.bz-water{max-width:560px}

/* ── 양식: 막대 + 계통도 ── */
.bz-grow .bars{max-width:760px}
.bz-diagram{max-width:1222px}
.bz-diagram img{background:#fff}
.bz-loop+.bz-diagram{margin-top:48px}

/* ── 세척: 실험 비교 사진 아래 열 라벨 (사진 안 3열과 정렬) ── */
.bz-results{max-width:960px}
.bz-res3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:960px;padding-left:11.5%}
.sec-b>.bz-res3{margin-top:12px}
.bz-res3 li{border-top:2px solid var(--ink);padding-top:10px}
.bz-res3 li.hl{border-top-color:var(--red)}
.bz-res3 b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.bz-res3 li>span{display:block;font-size:14px;line-height:1.5;color:var(--t4)}
.bz-res3 li.hl b{color:var(--red-t)}
.bz-burst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--gut)}
.bz-burst li{border-top:2px solid var(--ink);padding-top:18px}
.bz-burst h3{font-size:19px}
.bz-burst p{margin-top:10px;font-size:15.5px;line-height:1.7;color:var(--t2)}
.bz-burst figure{margin-top:18px}
.bz-burst img{background:#fff}
.bz-chips{display:flex;flex-wrap:wrap;gap:8px}
.bz-chips li{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--ink);font-size:15px;font-weight:600;line-height:1.4;color:var(--ink)}
.bz-small{max-width:478px}

/* ── 반응형 ── */
@media (max-width:1024px){
  .bz-2col,.bz-ga{grid-template-columns:minmax(0,1fr)}
  .bz-burst{grid-template-columns:1fr 1fr}
  .hero.bz-field:not(.split) .lead,.hero.bz-line .lead,.hero.bz-device .lead{grid-column:1/13}
}
@media (max-width:760px){
  .hero.bz-field:not(.split) .grid,.hero.bz-line .grid,.hero.bz-device .grid{padding-top:28px}
  .hero.bz-field:not(.split) .hero-img img{aspect-ratio:3/2;max-height:none}
  .hero.bz-field:not(.split) .hero-img,.hero.bz-line .hero-img,.hero.bz-device .hero-img{margin-top:20px}
  .bz-cat{grid-template-columns:1fr 1fr;gap:16px 12px}
  .bz-cat li:first-child{grid-column:1/-1}
  .bz-cat figcaption{font-size:16px}
  .bz-burst{grid-template-columns:1fr;gap:32px}
  .bz-res3{gap:8px}
  .bz-res3 b{font-size:15px}
  .bz-res3 li>span{font-size:13.5px}
  .bz-chips li{font-size:14px}
}
.sec.wide .sec-b>.flow:first-child{border-top-width:0}
.bz-stage img,.bz-native img{margin:0}
.sec-b>.bz-stage-h{margin-top:48px}
.sec-b>.bz-stage-h+.bz-stage{margin-top:12px}
/* .nu가 facts 라벨 span 스타일(14px #444)을 상속받지 않게 */
.hero[class*="bz-"] .facts b span{font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit}
/* 보정1: 소형 원본 띠(녹조 단계·양식 사육조)는 좌측 정렬·원 폭 유지 */
.figs.strip.bz-stage,.figs.strip.bz-native{grid-auto-columns:minmax(0,max-content);justify-content:start}
/* 보정1: 호수 장치 카탈로그 — 같은 정사각 프레임, 레터박스 없이 */
.bz-cat img{object-fit:cover}
/* 보정1: 해수담수 수면 사진은 장비 사진보다 작게 */
.bz-water{max-width:360px}
/* 보정1: 토양 — 모바일 히어로(system.jpg)와 같은 사진 중복 숨김 */
@media (max-width:760px){.bz-dup-m{display:none}}
/* 보정1: 가로 공정 도식의 단계 사진 높이선 맞춤(설명 길이 무관) */
@media (min-width:761px){.bz-flow .flow-step{display:flex;flex-direction:column}.bz-flow .flow-step>figure{margin-top:auto;padding-top:14px}}

/* ── 보정2: 사업 히어로 분화 (기술·문의의 .split 템플릿과 다른 첫 화면) ──
   호수 bz-rev: 사진 좌측 블리드 + 텍스트 우측 + 수치 띠 / 해수담수 bz-data: 사진 + 어두운 사양 패널
   양식 bz-pilot: 전폭 사진 위 성장 수치 카드 / 세척 bz-device: 텍스트 + 원본 크기 세척 사진 + 수치 띠 */
@media (min-width:1025px){
  .hero.bz-rev .grid,.hero.bz-data .grid,.hero.bz-pilot .grid{padding-top:clamp(32px,3.6vw,56px)}
  .hero.bz-rev .lead,.hero.bz-data .lead,.hero.bz-pilot .lead{font-size:clamp(16.5px,1.2vw,18px)}

  /* 호수 */
  .hero.bz-rev .grid{grid-template-rows:auto auto 1fr auto}
  .hero.bz-rev .hero-img{grid-column:1/8;grid-row:1/4;margin:0 var(--gut) 0 calc(var(--mar) * -1);align-self:start}
  .hero.bz-rev .hero-img img{aspect-ratio:16/9}
  .hero.bz-rev .kicker,.hero.bz-rev h1,.hero.bz-rev .lead{grid-column:8/13}
  .hero.bz-rev .kicker{margin:8px 0 20px}
  .hero.bz-rev h1{font-size:clamp(30px,3vw,46px)}
  .hero.bz-rev .lead{margin-top:24px;padding-top:18px}
  .hero.bz-rev .hero-img+.facts{grid-row:4;margin-top:36px}

  /* 해수담수 */
  .hero.bz-data .grid{grid-template-rows:auto auto auto 1fr}
  .hero.bz-data .kicker{margin-bottom:20px}
  .hero.bz-data h1{grid-column:1/13}
  .hero.bz-data .hero-img{grid-column:1/8;grid-row:3/5;margin:32px 0 0}
  .hero.bz-data .hero-img img{aspect-ratio:4/3}
  .hero.bz-data .lead,.hero.bz-data .hero-img+.facts{grid-column:8/13;margin-left:calc(var(--gut) * -1);background:#0f1b26;color:#fff}
  .hero.bz-data .lead{grid-row:3;margin-top:32px;padding:32px 32px 24px;border-top:0;color:#fff}
  .hero.bz-data .hero-img+.facts{grid-row:4;display:block;margin-top:0;padding:0 32px 28px;border-top:0}
  .hero.bz-data .hero-img+.facts li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:13px 0;border-top:1px solid rgba(255,255,255,.28);border-bottom:0}
  .hero.bz-data .facts li>span{color:#d6dde3}
  .hero.bz-data .hero-img+.facts b{color:#fff;text-align:right;font-size:clamp(16px,1.3vw,19px)}

  /* 양식 */
  .hero.bz-pilot .kicker{margin-bottom:20px}
  .hero.bz-pilot h1{grid-column:1/7;grid-row:2}
  .hero.bz-pilot .lead{grid-column:7/13;grid-row:2;align-self:end;margin-top:0;padding-top:0;border-top:0}
  .hero.bz-pilot .hero-img{grid-column:1/13;grid-row:3;margin:32px 0 0}
  .hero.bz-pilot .hero-img img{aspect-ratio:5/2;object-position:50% 62%}
  .hero.bz-pilot .hero-img+.facts{grid-column:1/5;grid-row:3;align-self:end;position:relative;display:block;margin:0 0 0 24px;transform:translateY(24px);padding:8px 24px 12px;background:#fff;border-top:3px solid var(--ink);box-shadow:0 2px 12px rgba(0,0,0,.12)}
  .hero.bz-pilot .hero-img+.facts li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:10px 0;border-top:0;border-bottom:1px solid var(--line)}
  .hero.bz-pilot .hero-img+.facts li:last-child{border-bottom:0}
  .hero.bz-pilot .hero-img+.facts b{text-align:right;font-size:clamp(16px,1.25vw,18px)}

  /* 세척 */
  .hero.bz-device .grid{grid-template-rows:auto auto 1fr auto}
  .hero.bz-device .kicker,.hero.bz-device h1,.hero.bz-device .lead{grid-column:1/9}
  .hero.bz-device .hero-img{grid-column:9/13;grid-row:1/4;margin:0;align-self:end;background:none}
  .hero.bz-device .hero-img+.facts{grid-row:4;margin-top:40px}
}
.hero.bz-pilot+.sec{padding-top:calc(var(--secpad) + 24px)}
/* 세척 히어로 사진은 원본 478px — 확대 금지(브리프), 모바일도 블리드·3:2 크롭 없이 */
.pg-washing .hero.bz-device .hero-img{max-width:478px;margin-left:0;margin-right:0;background:none}
.pg-washing .hero.bz-device .hero-img img{aspect-ratio:auto;height:auto;cursor:zoom-in}
.pg-washing .hero.bz-device .hero-img figcaption{font-size:14px;line-height:1.6;color:var(--t4);padding-top:10px}
.pg-washing .hero.bz-device .hero-img+.facts{margin-top:32px}