/* 홈 개편 2026-11-04 (수정계획서 §3-1): 맞장구 · 일하는 방식 · 목적별 작업 · 큰 문의하기 */
.hero-sub{margin:18px auto 0;max-width:30em;font-size:clamp(16px,1.6vw,20px);line-height:1.6;letter-spacing:-.02em;color:rgba(255,255,255,.86)}

.ladder{background:#080808;color:#fff;padding:clamp(110px,14vw,200px) 0 clamp(90px,11vw,160px)}
.ladder .wrap{max-width:880px;margin:0 auto;padding:0 20px}
.ladder-title{margin:0 0 clamp(56px,8vw,96px);font-size:clamp(34px,5vw,60px);line-height:1.15;letter-spacing:-.04em;color:rgba(255,255,255,.55)}
.ladder-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(40px,6vw,72px)}
.ladder-line{font-size:clamp(26px,3.6vw,46px);line-height:1.3;letter-spacing:-.04em;font-weight:700;opacity:.12;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.ladder-line.on{opacity:1;transform:none}
.ladder-close{margin:clamp(72px,10vw,120px) 0 0;color:#fff}
@media(prefers-reduced-motion:reduce){.ladder-line{opacity:1;transform:none;transition:none}}

.promise-list{list-style:none;margin:56px auto 0;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.promise-list li{padding:28px 24px;border:1px solid #e3e3e3;border-radius:22px;background:#fff}
.promise-no{display:block;margin-bottom:18px;font-size:13px;font-weight:700;color:#9a9a9a;letter-spacing:.06em}
.promise-list strong{display:block;margin-bottom:10px;font-size:20px;letter-spacing:-.03em}
.promise-list p{margin:0;font-size:15px;line-height:1.65;color:#555}

.purpose-works{padding:clamp(80px,10vw,140px) 0}
.purpose-works .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.purpose-head{margin-bottom:40px}
.purpose-head .eyebrow{display:block;margin-bottom:14px;color:rgba(255,255,255,.55)}
.purpose-head h2{margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.15;letter-spacing:-.04em;color:#fff}
.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.purpose-tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:22px;background:#1a1a1a;color:#fff;text-decoration:none}
.purpose-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.purpose-tile:hover img{transform:scale(1.04)}
.purpose-tile::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.purpose-label{position:absolute;left:20px;top:18px;z-index:1;padding:6px 12px;border-radius:999px;background:#fff;color:#080808;font-size:13px;font-weight:700}
.purpose-tile strong{position:absolute;left:20px;bottom:18px;z-index:1;font-size:18px;letter-spacing:-.01em}
.purpose-all{display:flex;align-items:flex-end;background:#fff;color:#080808}
.purpose-all::after{display:none}
.purpose-all .purpose-label{background:#080808;color:#fff}
.purpose-all strong{position:static;margin:0 0 20px 20px;font-size:clamp(24px,2.6vw,34px);line-height:1.25;letter-spacing:-.03em}

.evidence-bridge .continuity-head .eyebrow{display:block;margin-bottom:14px;color:rgba(255,255,255,.55)}

.start-cta .wrap{text-align:center}
.cta-terms{display:inline-block;margin:0 0 28px;padding:10px 18px;border:1px solid rgba(255,255,255,.32);border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:rgba(255,255,255,.86)}
.start-cta .contact-launch-heading h2{margin-left:auto;margin-right:auto}
.cta-sub{margin:20px auto 36px;font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:rgba(255,255,255,.72)}
.cta-big{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(420px,100%);min-height:76px;padding:20px 40px;border-radius:999px;background:#fff;color:#080808!important;font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.03em;text-decoration:none;transition:transform .2s,opacity .2s}
.cta-big:hover{transform:translateY(-2px);opacity:.9}
.start-cta .contact-more{margin-top:44px;justify-content:center}

@media(max-width:900px){
  .promise-list{grid-template-columns:1fr;max-width:520px}
  .purpose-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-width:600px){
  .purpose-tile{aspect-ratio:4/5}
  .purpose-tile{border-radius:16px}
  .purpose-label{left:12px;top:12px;font-size:12px}
  .purpose-tile strong{left:12px;bottom:12px;font-size:14px}
  .purpose-all strong{margin:0 0 14px 12px;font-size:20px}
  .cta-big{width:100%;min-width:0}
}