/* SL COSMETICS · Korean responsive typography V3 · 2026-10-03 */

/* Core Korean line breaking */
html[lang="ko"] body{
  word-break:keep-all;
  overflow-wrap:normal;
}
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] .display,
html[lang="ko"] .section-title,
html[lang="ko"] .process-hero__title,
html[lang="ko"] .dd-hero__title,
html[lang="ko"] .dd-wide-title,
html[lang="ko"] .dd-flow-title,
html[lang="ko"] .dd-support-title,
html[lang="ko"] .contact-hero__copy h1{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
  font-weight:300!important;
  letter-spacing:-.032em!important;
}
html[lang="ko"] p,
html[lang="ko"] .body,
html[lang="ko"] .body-lg,
html[lang="ko"] .body-sm{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:pretty;
}

/* Slightly smaller, calmer Korean display scale */
html[lang="ko"] .section-title{
  font-size:clamp(34px,3.15vw,54px)!important;
  line-height:1.12!important;
}
html[lang="ko"] .body-lg{
  font-size:15px!important;
  line-height:1.84!important;
  letter-spacing:-.014em!important;
}

/* ABOUT: reduce forced wrapping and balance natural lines */
html[lang="ko"] .about-v32__hero-copy h1{
  font-size:clamp(36px,2.75vw,48px)!important;
  line-height:1.15!important;
  max-width:18ch;
  margin-bottom:18px!important;
}
html[lang="ko"] .about-v32__hero-copy p{
  font-size:15px!important;
  line-height:1.88!important;
  max-width:46em;
}
html[lang="ko"] .about-v32__statement h2{
  font-size:clamp(32px,2.35vw,40px)!important;
  line-height:1.18!important;
  max-width:18ch;
}
html[lang="ko"] .about-v32__statement p{
  font-size:15px!important;
  line-height:1.88!important;
}

/* Formula and innovation explanatory copy */
html[lang="ko"] .formula-v2-heading>p{
  max-width:72em!important;
  font-size:15px!important;
  line-height:1.82!important;
}
html[lang="ko"] .innovation-detail .body-lg{
  max-width:44em;
}

/* Process: keep intro clean, usually 1 line on wide desktop */
html[lang="ko"] .process-hero__title{
  font-size:clamp(36px,3.5vw,58px)!important;
  line-height:1.08!important;
}
html[lang="ko"] .process-hero__copy .body-lg{
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.82!important;
}

/* Design development: titles should stay one line only when there is room */
html[lang="ko"] .dd-hero__title{
  font-size:clamp(46px,4.35vw,72px)!important;
  line-height:1.04!important;
  white-space:normal!important;
}
html[lang="ko"] .dd-wide-title{
  font-size:clamp(36px,3.15vw,54px)!important;
  line-height:1.12!important;
  white-space:normal!important;
  max-width:34ch!important;
}
html[lang="ko"] .dd-flow-title{
  font-size:clamp(34px,3vw,50px)!important;
  line-height:1.13!important;
  white-space:normal!important;
  max-width:30ch!important;
}
html[lang="ko"] .dd-support-title{
  font-size:clamp(34px,2.9vw,48px)!important;
  line-height:1.13!important;
  white-space:normal!important;
  max-width:24ch!important;
}
html[lang="ko"] .dd-hero__body,
html[lang="ko"] .dd-wide-copy,
html[lang="ko"] .dd-flow-copy,
html[lang="ko"] .dd-support-copy{
  font-size:15px!important;
  line-height:1.84!important;
  letter-spacing:-.014em!important;
}
html[lang="ko"] .dd-flow-copy{max-width:92em!important}

/* Contact: one-line title on desktop, graceful wrap below */
html[lang="ko"] .contact-hero__copy h1{
  font-size:clamp(44px,4.1vw,66px)!important;
  line-height:1.08!important;
  max-width:none!important;
}
html[lang="ko"] .contact-hero__lead p{
  font-size:15px!important;
  line-height:1.82!important;
}
html[lang="ko"] .contact-hero__lead p span{white-space:nowrap}

/* Home copy: tidy long Korean lines */
html[lang="ko"] .hero-static__desc{max-width:39ch!important}
html[lang="ko"] .intro-copy .body-lg,
html[lang="ko"] .core-services__head p,
html[lang="ko"] .home-rnd-panel__copy .body-lg,
html[lang="ko"] .partner-heading p{
  max-width:46em;
}

/* Hero rotator: smooth 3-second cadence without animation reset jump */
.hero-rotator__img{
  opacity:0!important;
  transform:scale(1.018)!important;
  animation:none!important;
  transition:opacity 1.0s cubic-bezier(.22,.61,.36,1), transform 3.2s cubic-bezier(.22,.61,.36,1), filter .8s ease!important;
  will-change:opacity,transform;
}
.hero-rotator__img.is-active{
  opacity:1!important;
  transform:scale(1)!important;
  animation:none!important;
}

/* Wide desktop: use one line when the layout genuinely has room */
@media(min-width:1280px){
  html[lang="ko"] .contact-hero__copy h1{white-space:nowrap}
  html[lang="ko"] .dd-wide-title,
  html[lang="ko"] .dd-flow-title{white-space:nowrap!important;max-width:none!important}
  html[lang="ko"] .process-hero__copy .body-lg{white-space:nowrap}
  html[lang="ko"] .formula-v2-heading>p{white-space:nowrap}
}

/* Tablet: preserve phrasing, allow sensible wrapping */
@media(max-width:1100px){
  html[lang="ko"] .about-v32__hero-copy h1{font-size:40px!important;max-width:20ch}
  html[lang="ko"] .about-v32__statement h2{font-size:36px!important;max-width:20ch}
  html[lang="ko"] .dd-wide-title,
  html[lang="ko"] .dd-flow-title,
  html[lang="ko"] .dd-support-title,
  html[lang="ko"] .contact-hero__copy h1,
  html[lang="ko"] .process-hero__copy .body-lg,
  html[lang="ko"] .formula-v2-heading>p{white-space:normal!important}
  html[lang="ko"] .contact-hero__lead p span{white-space:normal}
}

/* Mobile: smaller type, phrase-safe wrapping, no forced desktop lines */
@media(max-width:680px){
  html[lang="ko"] h1,
  html[lang="ko"] h2,
  html[lang="ko"] h3,
  html[lang="ko"] .section-title{
    text-wrap:balance;
  }
  html[lang="ko"] .section-title{font-size:29px!important;line-height:1.18!important}
  html[lang="ko"] .body-lg{font-size:14px!important;line-height:1.8!important}
  html[lang="ko"] .about-v32__hero-copy h1{font-size:33px!important;line-height:1.18!important;max-width:15ch}
  html[lang="ko"] .about-v32__hero-copy p,
  html[lang="ko"] .about-v32__statement p{font-size:14px!important;line-height:1.82!important}
  html[lang="ko"] .about-v32__statement h2{font-size:30px!important;line-height:1.2!important;max-width:15ch}
  html[lang="ko"] .process-hero__title{font-size:32px!important;line-height:1.14!important}
  html[lang="ko"] .process-hero__copy .body-lg{font-size:14px!important;line-height:1.8!important;white-space:normal!important}
  html[lang="ko"] .dd-hero__title{font-size:39px!important;line-height:1.1!important}
  html[lang="ko"] .dd-wide-title,
  html[lang="ko"] .dd-flow-title,
  html[lang="ko"] .dd-support-title{font-size:29px!important;line-height:1.18!important;max-width:none!important;white-space:normal!important}
  html[lang="ko"] .dd-hero__body,
  html[lang="ko"] .dd-wide-copy,
  html[lang="ko"] .dd-flow-copy,
  html[lang="ko"] .dd-support-copy{font-size:14px!important;line-height:1.82!important}
  html[lang="ko"] .contact-hero__copy h1{font-size:36px!important;line-height:1.14!important;white-space:normal!important}
  html[lang="ko"] .contact-hero__lead p{font-size:14px!important;line-height:1.8!important}
  html[lang="ko"] .contact-hero__lead p span{white-space:normal}
  html[lang="ko"] .formula-v2-heading>p{font-size:14px!important;line-height:1.8!important;white-space:normal!important}
}