/* FINAL multilingual font stack: no bundled font files, robust system fallbacks */
:root{--sl-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,"Helvetica Neue",sans-serif;--sl-ko-font:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",var(--sl-ui-font)}
html[lang="ko"] body{font-family:var(--sl-ko-font)}
html[lang="en"] body,html[lang="vi"] body{font-family:var(--sl-ui-font);font-synthesis:none;text-rendering:optimizeLegibility}
html[lang="en"] .display,html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="vi"] .display,html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3{font-family:var(--sl-ui-font);font-weight:500;letter-spacing:-.035em}
html[lang="vi"] body{font-feature-settings:"kern" 1,"liga" 1}
html[lang="en"] p,html[lang="vi"] p,html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3{word-break:normal;overflow-wrap:break-word}


/* FINAL multilingual layout fixes */
.lang button{touch-action:manipulation;position:relative;z-index:2}
html[lang="en"] .intro-grid,html[lang="vi"] .intro-grid{
  grid-template-columns:minmax(0,1fr) 190px !important;
  gap:44px !important;
  align-items:end !important;
}
html[lang="en"] .intro .section-title,html[lang="vi"] .intro .section-title{
  max-width:none !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}
html[lang="en"] .intro .section-title{font-size:clamp(42px,4.15vw,66px) !important;}
html[lang="vi"] .intro .section-title{font-size:clamp(38px,3.75vw,60px) !important;line-height:1.06 !important;}
html[lang="en"] .intro-copy,html[lang="vi"] .intro-copy{
  width:190px !important;
  max-width:190px !important;
  justify-content:flex-end !important;
  align-self:end !important;
}
html[lang="en"] .intro-copy .line-link,html[lang="vi"] .intro-copy .line-link{
  margin:0 !important;
  white-space:nowrap !important;
}
@media(max-width:1100px){
  html[lang="en"] .intro-grid,html[lang="vi"] .intro-grid{grid-template-columns:1fr !important;gap:28px !important;}
  html[lang="en"] .intro-copy,html[lang="vi"] .intro-copy{width:auto !important;max-width:none !important;justify-content:flex-start !important;}
}
@media(max-width:680px){
  html[lang="en"] .intro .section-title{font-size:32px !important;line-height:1.08 !important;}
  html[lang="vi"] .intro .section-title{font-size:30px !important;line-height:1.12 !important;}
}

/* FIX04: keep KR / EN / VI visible on mobile */
@media(max-width:680px){
  .site-header .header-inner{gap:0}
  .site-header .lang{
    display:flex !important;
    margin-left:auto !important;
    flex:0 0 auto;
    padding:2px !important;
    border-radius:18px !important;
    border:1px solid rgba(206,23,53,.55) !important;
    background:rgba(255,255,255,.96) !important;
  }
  .site-header .lang button{
    min-width:30px;
    padding:6px 7px !important;
    font-size:9px !important;
    line-height:1 !important;
    border-radius:14px !important;
  }
  .site-header .menu-btn{
    margin-left:10px !important;
    flex:0 0 auto;
  }
}
@media(max-width:390px){
  .site-header .brand img{height:30px !important}
  .site-header .lang button{min-width:27px;padding:6px 5px !important;font-size:8px !important}
  .site-header .menu-btn{margin-left:7px !important}
}


/* V19 · unified multilingual editorial font system */
:root{
  --sl-unified-font:"Helvetica Neue","Apple SD Gothic Neo","Noto Sans KR","Segoe UI",Arial,"Helvetica Neue",sans-serif;
}
html[lang="ko"] body,
html[lang="en"] body,
html[lang="vi"] body,
html[lang] button,
html[lang] input,
html[lang] textarea,
html[lang] select{
  font-family:var(--sl-unified-font)!important;
  font-synthesis:weight style;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[lang] .display,
html[lang] h1,
html[lang] h2,
html[lang] h3,
html[lang] .hero-static__title,
html[lang] .section-title,
html[lang] .dd-hero__title,
html[lang] .dd-wide-title,
html[lang] .dd-flow-title,
html[lang] .dd-support-title,
html[lang] .process-hero__title,
html[lang] .about-v32__hero-copy h1,
html[lang] .about-v32__statement h2,
html[lang] .contact-consultation h1,
html[lang] .contact-consultation h2,
html[lang] .formula-v2-heading h2,
html[lang] .cine-title,
html[lang] .cine-kicker,
html[lang] .main-nav a,
html[lang] .mobile-nav a,
html[lang] .lang button{
  font-family:var(--sl-unified-font)!important;
}
html[lang="ko"] .display,
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] .hero-static__title,
html[lang="ko"] .section-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"] .process-hero__title,
html[lang="ko"] .about-v32__hero-copy h1,
html[lang="ko"] .about-v32__statement h2,
html[lang="ko"] .contact-consultation h1,
html[lang="ko"] .contact-consultation h2,
html[lang="ko"] .formula-v2-heading h2,
html[lang="ko"] .cine-title{
  font-weight:300!important;
  letter-spacing:-.028em!important;
}
html[lang="en"] .display,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .hero-static__title,
html[lang="en"] .section-title,
html[lang="en"] .dd-hero__title,
html[lang="en"] .dd-wide-title,
html[lang="en"] .dd-flow-title,
html[lang="en"] .dd-support-title,
html[lang="en"] .process-hero__title,
html[lang="en"] .about-v32__hero-copy h1,
html[lang="en"] .about-v32__statement h2,
html[lang="en"] .contact-consultation h1,
html[lang="en"] .contact-consultation h2,
html[lang="en"] .formula-v2-heading h2,
html[lang="en"] .cine-title,
html[lang="vi"] .display,
html[lang="vi"] h1,
html[lang="vi"] h2,
html[lang="vi"] h3,
html[lang="vi"] .hero-static__title,
html[lang="vi"] .section-title,
html[lang="vi"] .dd-hero__title,
html[lang="vi"] .dd-wide-title,
html[lang="vi"] .dd-flow-title,
html[lang="vi"] .dd-support-title,
html[lang="vi"] .process-hero__title,
html[lang="vi"] .about-v32__hero-copy h1,
html[lang="vi"] .about-v32__statement h2,
html[lang="vi"] .contact-consultation h1,
html[lang="vi"] .contact-consultation h2,
html[lang="vi"] .formula-v2-heading h2,
html[lang="vi"] .cine-title{
  font-weight:300!important;
  letter-spacing:.018em!important;
}
html[lang="ko"] p,
html[lang="ko"] li,
html[lang="ko"] .body,
html[lang="ko"] .body-lg,
html[lang="ko"] .body-sm,
html[lang="ko"] .cine-copy,
html[lang="ko"] .line-link,
html[lang="ko"] .footer p,
html[lang="ko"] .footer small,
html[lang="ko"] .form-field label{
  font-family:var(--sl-unified-font)!important;
  font-weight:300!important;
  letter-spacing:-.012em!important;
}
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] .body,
html[lang="en"] .body-lg,
html[lang="en"] .body-sm,
html[lang="en"] .cine-copy,
html[lang="en"] .line-link,
html[lang="vi"] p,
html[lang="vi"] li,
html[lang="vi"] .body,
html[lang="vi"] .body-lg,
html[lang="vi"] .body-sm,
html[lang="vi"] .cine-copy,
html[lang="vi"] .line-link{
  font-weight:300!important;
  letter-spacing:.006em!important;
}
html[lang] .cine-kicker,
html[lang] .main-nav a,
html[lang] .mobile-nav a,
html[lang] .lang button{
  font-weight:300!important;
}
