/* 2026-08 conversion refresh: portfolio styles are intentionally untouched. */
.hero-vision{display:flex;flex-direction:column;justify-content:space-between;min-height:460px;padding:34px}
.hero-vision-kicker{margin:52px 0 42px;color:#123c29;font-size:clamp(28px,2.5vw,40px);font-weight:760;letter-spacing:-.055em;line-height:1.18;word-break:keep-all}
.hero-vision-kicker strong{color:#006b3f;font:inherit}
.brand-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:24px 0;border-top:1px solid rgba(0,77,49,.2);border-bottom:1px solid rgba(0,77,49,.2)}
.brand-path span{display:flex;flex-direction:column;gap:7px;color:#183e2b;font-size:13px;font-weight:750;white-space:nowrap}
.brand-path b{color:#a84721;font:700 9px/1 Poppins,Pretendard,sans-serif;letter-spacing:.1em}
.brand-path i{color:rgba(0,77,49,.42);font-style:normal}
.hero-vision-note{margin:26px 0 0;color:#40594c;font-size:14px;line-height:1.75;word-break:keep-all}
.friction-section+.intelligence{border-top:0}

@media(max-width:980px){
  .hero-vision{display:flex!important;width:100%;min-height:390px}
}

@media(max-width:640px){
  .hero-inner{gap:0}
  .hero-vision{min-height:0;margin-top:34px!important;padding:22px!important}
  .hero-vision-kicker{margin:34px 0 28px;font-size:29px;line-height:1.22}
  .brand-path{grid-template-columns:1fr 1fr;gap:0;padding:0;border-bottom:0}
  .brand-path span{padding:15px 0;border-bottom:1px solid rgba(0,77,49,.18)}
  .brand-path i{display:none}
  .brand-path span:nth-of-type(even){padding-left:18px;border-left:1px solid rgba(0,77,49,.18)}
  .hero-vision-note{margin-top:22px;font-size:13px}
  .friction-section{padding-top:72px;padding-bottom:72px}
  .friction-wrap{gap:32px}
}