/* v79 · 사업 구조 기반 재개편: Services = 기획(공식) → 한 팀 실행 루프 → 세 조직 */
#services .f2{margin-top:clamp(48px,6vw,88px)}

/* Step 2 · execution loop */
#services .loop{margin-top:clamp(56px,7vw,104px);padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}
#services .loop-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
#services .loop-hint{font:400 15px/1.5 var(--kr);color:rgba(255,255,255,.55);margin:0}
#services .loop-row{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:center}
#services .loop-row li:not(.lp-arr){display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.02)}
#services .lp-no{font:300 13px/1 var(--en);color:#fd4533;letter-spacing:.04em}
#services .loop-row b{font:700 clamp(24px,2.2vw,32px)/1.2 var(--kr);color:#fff;letter-spacing:-.04em}
#services .loop-row small{font:500 13px/1.4 var(--en);color:rgba(255,255,255,.5)}
#services .lp-arr{height:1px;margin:0 10px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(253,69,51,.7));position:relative}
#services .lp-arr::after{content:"";position:absolute;right:-1px;top:-4px;border:4px solid transparent;border-left:6px solid rgba(253,69,51,.85);border-right:0}
#services .loop-back{display:flex;align-items:center;gap:14px;margin:22px 0 0;font:500 14px/1.5 var(--kr);color:rgba(255,255,255,.62)}
#services .loop-back i{flex:1;height:26px;border:1px dashed rgba(255,255,255,.2);border-top:0;border-radius:0 0 14px 14px;order:2;max-width:none}
#services .loop-back{flex-direction:row-reverse}

/* Step 3 · three teams */
#services .teams{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(48px,6vw,80px)}
#services .team{display:flex;flex-direction:column;gap:22px;padding:30px 28px 26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#fff;text-decoration:none;background:rgba(255,255,255,.015);transition:border-color .35s,background .35s,transform .35s}
#services .team:hover,#services .team:focus-visible{border-color:rgba(253,69,51,.6);background:rgba(255,255,255,.035);transform:translateY(-3px)}
#services .team:focus-visible{outline:2px solid #fff;outline-offset:3px}
#services .tm-no{font:500 13px/1 var(--en),var(--kr);color:#fd4533;letter-spacing:.02em}
#services .team h4{margin:12px 0 6px;font:600 clamp(28px,2.6vw,40px)/1.05 var(--en);letter-spacing:-.04em}
#services .tm-role{margin:0;font:500 15px/1.5 var(--kr);color:rgba(255,255,255,.7)}
#services .tm-sec{padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
#services .tm-sec small{display:block;margin-bottom:8px;font:600 12px/1.4 var(--kr);color:rgba(255,255,255,.45);letter-spacing:.02em}
#services .tm-sec p,#services .tm-sec li{margin:0;font:400 15px/1.7 var(--kr);color:rgba(255,255,255,.85)}
#services .tm-sec ul{list-style:none;margin:0;padding:0}
#services .tm-sec li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.4);margin:0 10px 3px 0}
#services .tm-foot{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 13px/1.4 var(--kr);color:rgba(255,255,255,.55)}
#services .tm-foot b{font-weight:600;color:#fff;white-space:nowrap}
#services .team:hover .tm-foot b{color:#fd4533}

@media (max-width:820px){
 #services .loop-row{grid-template-columns:1fr;gap:0}
 #services .lp-arr{width:1px;height:28px;margin:0 0 0 32px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(253,69,51,.7))}
 #services .lp-arr::after{right:-4px;top:auto;bottom:-1px;border:4px solid transparent;border-top:6px solid rgba(253,69,51,.85);border-bottom:0}
 #services .teams{grid-template-columns:1fr}
}