/* Branding page scoped refinement — 2026-08-18 */
body.branding-page .page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr)!important;
  gap:clamp(64px,7vw,116px)!important;
  align-items:start!important;
  min-height:0!important;
  padding-top:76px!important;
  padding-bottom:72px!important;
  border-bottom:1px solid #e7e7e3!important;
}
body.branding-page .page-hero>div:first-child{max-width:620px!important}
body.branding-page .page-hero .eyebrow{
  margin:0 0 22px!important;
  color:#8a8a8a!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.1em!important;
}
body.branding-page .page-hero .page-title{
  margin:0!important;
  max-width:620px!important;
  font-size:clamp(38px,3.5vw,46px)!important;
  font-weight:470!important;
  line-height:1.14!important;
  letter-spacing:-.047em!important;
}
body.branding-page .page-hero__bottom{
  width:100%!important;
  max-width:690px!important;
  margin:0!important;
  padding-top:54px!important;
}
body.branding-page .page-hero__copy{
  margin:0!important;
  max-width:690px!important;
  color:#555!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.72!important;
  letter-spacing:-.022em!important;
}

/* Keep Korean headings from leaving short orphan words on a new line. */
body.branding-page h1,
body.branding-page h2,
body.branding-page h3{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}
body.branding-page p{
  word-break:keep-all!important;
  text-wrap:pretty;
}

body.branding-page .branding-about{
  width:min(calc(100% - 48px),1440px)!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:88px 0 104px!important;
  border-top:0!important;
}
body.branding-page .branding-about__grid{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:clamp(56px,7vw,112px)!important;
  align-items:start!important;
}
body.branding-page .branding-about__index{
  min-width:0!important;
}
body.branding-page .branding-about__index .eyebrow{
  margin:4px 0 0!important;
  color:#8a8a8a!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.1em!important;
}
body.branding-page .branding-about__body{
  width:100%!important;
  max-width:940px!important;
  margin:0!important;
}
body.branding-page .branding-about__body h2{
  max-width:760px!important;
  margin:0 0 28px!important;
  font-size:clamp(28px,2.4vw,34px)!important;
  font-weight:510!important;
  line-height:1.3!important;
  letter-spacing:-.038em!important;
  word-break:keep-all!important;
}
body.branding-page .branding-about__lead{
  max-width:820px!important;
  margin:0!important;
  color:#222!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1.75!important;
  letter-spacing:-.022em!important;
}
body.branding-page .branding-about__copy{
  max-width:820px!important;
  margin:18px 0 0!important;
  color:#616161!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.72!important;
  letter-spacing:-.022em!important;
}
body.branding-page .branding-scope{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:940px!important;
  margin:42px 0 0!important;
  border-top:1px solid #dcdcd8!important;
  border-left:1px solid #e7e7e3!important;
}
body.branding-page .branding-scope li{
  min-height:156px!important;
  padding:26px 28px!important;
  border-right:1px solid #e7e7e3!important;
  border-bottom:1px solid #e7e7e3!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.branding-page .branding-scope small{
  color:#8a8a8a!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:.055em!important;
}
body.branding-page .branding-scope strong{
  display:block!important;
  margin-top:34px!important;
  font-size:18px!important;
  font-weight:540!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
}
body.branding-page .branding-scope span{
  display:block!important;
  margin-top:7px!important;
  color:#777!important;
  font-size:14px!important;
  line-height:1.6!important;
}
body.branding-page .branding-about__body>.text-link,
body.branding-page .branding-about__body p .text-link{font-size:12.5px!important}

body.branding-page .cta{
  min-height:0!important;
  margin:0!important;
  padding:84px 0 78px!important;
}
body.branding-page .cta__title{
  width:min(100%,1100px)!important;
  max-width:1100px!important;
  font-size:clamp(28px,2.4vw,36px)!important;
  font-weight:500!important;
  line-height:1.28!important;
  letter-spacing:-.038em!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}
body.branding-page .cta__title br{display:none!important}

@media(max-width:900px){
  body.branding-page .page-hero,
  body.branding-page .branding-about__grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  body.branding-page .page-hero{padding-top:72px!important;padding-bottom:64px!important}
  body.branding-page .page-hero__bottom{padding-top:0!important}
  body.branding-page .branding-about__body{max-width:none!important}
  body.branding-page .cta__title{max-width:16em!important}
}
@media(max-width:680px){
  body.branding-page .page-hero{padding-top:56px!important;padding-bottom:56px!important}
  body.branding-page .page-hero .page-title{font-size:clamp(32px,9vw,38px)!important}
  body.branding-page .page-hero__copy{font-size:16px!important}
  body.branding-page .branding-about{width:calc(100% - 32px)!important;padding:68px 0 80px!important}
  body.branding-page .branding-about__body h2{font-size:clamp(25px,7.5vw,30px)!important;margin-bottom:22px!important}
  body.branding-page .branding-about__lead{font-size:17px!important}
  body.branding-page .branding-about__copy{font-size:16px!important}
  body.branding-page .branding-scope{grid-template-columns:1fr!important;margin-top:34px!important}
  body.branding-page .branding-scope li{min-height:0!important;padding:24px 22px!important}
  body.branding-page .branding-scope strong{margin-top:26px!important;font-size:17px!important}
  body.branding-page .branding-scope span{font-size:13.5px!important}
  body.branding-page .cta{padding:64px 0 60px!important}
  body.branding-page .cta__title{width:100%!important;max-width:none!important;text-wrap:pretty!important}
}