.elementor-5426 .elementor-element.elementor-element-c8857c2{--spacer-size:106px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4620f6b *//* ========== WonJSC – ABOUT (clean) ========== */
#wonjsc-about{
  --bg: var(--won-bg, #0a0b0a);
  --text: var(--won-text, #dfe7cf);
  --primary: var(--won-primary, #cfee52);
  --accent: var(--won-accent, #27d189);

  background: var(--bg);
  color: var(--text);
  padding: clamp(48px,6vw,88px) 16px clamp(72px,7vw,104px); /* có đệm dưới */
  display: flow-root;           /* chặn margin-collapsing */
  position: relative;
}

#wonjsc-about .wrap{
  max-width: 1100px;
  margin: 0 auto;               /* căn giữa container */
}

/* Heading giữa */
#wonjsc-about .heading{
  text-align:center !important;
  display:block;
  margin:0 auto 14px;
  font: 800 clamp(32px,6vw,56px)/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: #e9ffd3;
}
#wonjsc-about .heading span{ color: var(--primary); }

/* Gạch mảnh dưới tiêu đề */
#wonjsc-about .divider{
  width: min(220px,40%);
  height: 2px;
  margin: 12px auto 28px;
  border-radius: 2px;
  background: linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity: .85;
}

/* Lưới 2 cột */
#wonjsc-about .grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}
@media (max-width: 900px){
  #wonjsc-about .grid{ grid-template-columns: 1fr; gap: 20px; }
}

/* Bên trái */
#wonjsc-about .sub{
  margin: 0 0 20px;
  font-weight: 800;
  color: var(--primary);
}
#wonjsc-about .desc{
  margin: 0;
  line-height: 1.66;
  opacity: .95;
}

/* Danh sách số liệu bên phải */
#wonjsc-about .stats{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
#wonjsc-about .item{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 12px;
  background: #0f1411;
  border: 1px solid rgba(255,255,255,.07);
}
#wonjsc-about .tick{
  flex: 0 0 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #1ed08a;
  color: #063524;
  font-weight: 800;
}
#wonjsc-about .line{ line-height: 1.6; }
#wonjsc-about .count{
  margin-right: 4px;
  font-weight: 800;
  letter-spacing: .2px;
  color: #d9ff62;
}

/* Không cho widget cuối cùng kéo dính mép dưới */
#wonjsc-about .elementor-widget:last-child{ margin-bottom: 0 !important; }

/* ========== Spacing tới section tiếp theo ========== */
#wonjsc-vision{
  margin-top: clamp(32px,5vw,72px);
  display: flow-root;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6e857e6 *//* ===== Section Vision – sạch & đồng bộ ===== */
#wonjsc-vision{
  --bg: var(--won-bg, #0a0b0a);
  --text: var(--won-text, #e7f7d2);
  --primary: var(--won-primary, #b7e116);
  --accent: var(--won-accent, #15c57a);

  background: var(--bg);
  color: var(--text);
  padding: clamp(48px, 6vw, 96px) 24px;
  position: relative;
  overflow: hidden;
}

/* Lưới 2 cột */
#wonjsc-vision .vision-grid{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

/* Heading H2 */
#wonjsc-vision .vision-heading{
  margin: 0;
  font-weight: 800;
  font-size: clamp(26px, 4.6vw, 28px);
  line-height: 1.2;
  color: var(--primary);
  letter-spacing: .2px;
}

/* Gạch nhấn mảnh dưới H2 */
#wonjsc-vision .vision-divider{
  width: clamp(120px, 20vw, 240px);
  height: 3px;
  margin: 12px 0 18px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .85;
}

/* Đoạn mở đầu nổi bật hơn chút */
#wonjsc-vision .lede{

  line-height: 1.7;
  margin: 0 0 14px;
  opacity: .98;
}

/* Các đoạn còn lại */
#wonjsc-vision p{ margin: 0 0 12px; line-height: 1.7; }

/* Media card phải */
#wonjsc-vision .vision-media{
  margin: 0;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  background: #0f1411;
  border: 1px solid rgba(152,163,107,.22);
  box-shadow: 0 12px 28px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);
  position: relative;
}
#wonjsc-vision .vision-media img{
  display: block; width: 100%; height: auto;
  transform: translateZ(0); /* tránh mờ khi scale */
}

/* Ambient glow nhẹ */
#wonjsc-vision .vision-media::before{
  content:""; position:absolute; inset:auto -20% -20% auto;
  width: 380px; height: 1200px; pointer-events:none;
  background:
    radial-gradient(40% 40% at 70% 30%, rgba(21,197,122,.18), transparent 60%),
    radial-gradient(38% 38% at 25% 70%, rgba(183,225,22,.12), transparent 70%);
  filter: blur(28px);
}

/* Responsive */
@media (max-width: 900px){
  #wonjsc-vision .vision-grid{ grid-template-columns: 1fr; }
  #wonjsc-vision .vision-media{ order: 2; }
  #wonjsc-vision .vision-copy{ order: 1; }
}

/* Tăng chiều cao khối ảnh */
#wonjsc-vision .vision-media{
  height: clamp(300px, 34vw, 520px);  /* ← tăng/giảm theo ý */
}

/* Ảnh fill theo chiều cao khối */
#wonjsc-vision .vision-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;  /* đổi thành 'contain' nếu không muốn crop */
}

/* Mobile có thể thấp hơn chút */
@media (max-width: 900px){
  #wonjsc-vision .vision-media{
    height: clamp(220px, 55vw, 360px);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b767d28 *//* ====== Strategy Section (standalone) ====== */
:root{
  --bg:#0a0b0a;           /* nền tối */
  --text:#e7f7d2;         /* chữ sáng */
  --primary:#cfee52;      /* điểm nhấn chính */
  --accent:#15c57a;       /* điểm nhấn phụ */
  --muted:rgba(152,163,107,.22);
}

#wonjsc-strategy{
  background: var(--bg);
  color: var(--text);
  padding: clamp(18px,6vw,28px) 24px ;
  display: flow-root;     /* chống “dính” section khác */
  position: relative;
}

#wonjsc-strategy .strat-wrap{
  max-width: 1180px;
  margin: 0 auto;
}

/* H2 + gạch nhấn */
#wonjsc-strategy .strat-heading{
  margin: 0;
  font-weight: 800;
  font-size: clamp(26px,4.8vw,40px);
  line-height: 1.2;
  color: var(--primary);
  letter-spacing: .2px;
}
#wonjsc-strategy .strat-heading::after{
  content:"";
  display:block;
  width:min(240px,40%);
  height:3px;
  margin:10px 0 16px;
  border-radius:2px;
  background: linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.85;
}

/* Đoạn mô tả mở đầu */
#wonjsc-strategy .strat-lede{
  margin:0 0 18px;
  line-height:1.7;
  opacity:.98;
}

/* Lưới 3 cột cho các trụ cột */
#wonjsc-strategy .strat-grid{
  list-style:none;
  margin:0; padding:0;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: clamp(14px,2.6vw,22px);
  align-items:start;
}
@media (max-width:900px){
  #wonjsc-strategy .strat-grid{ grid-template-columns:1fr; }
}

/* Card mỗi trụ cột */
#wonjsc-strategy .pillar{
  position: relative;
  padding: 18px 16px 16px;
  border-radius: 16px;
  background: linear-gradient(180deg,#0f1411,#0c120e);
  border: 1px solid var(--muted);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  outline: none; /* để focus ring custom nếu muốn */
}
#wonjsc-strategy .pillar:hover,
#wonjsc-strategy .pillar:focus{
  transform: translateY(-2px);
  border-color: rgba(39,209,137,.35);
  box-shadow: 0 10px 22px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Icon chuẩn outline (Lucide-style) */
#wonjsc-strategy .ico{
  width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center;
  background: radial-gradient(100% 100% at 20% 20%, #63f0c2, var(--accent));
  box-shadow: 0 0 0 1px #1f3d2c;
  margin-bottom:10px;
  color:#063524; /* stroke = currentColor */
}
#wonjsc-strategy .icon{
  width:24px; height:24px;
  fill:none;
  stroke: currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Tiêu đề & mô tả từng trụ cột */
#wonjsc-strategy .title{
  margin:0 0 6px;
  font-weight:800;
  color: var(--primary);
  font-size: clamp(16px,2.2vw,18px);
}
#wonjsc-strategy .desc{
  margin:0;
  line-height:1.6;
  max-height:0;           /* ẩn mặc định */
  opacity:0;
  overflow:hidden;
  transition:max-height .35s ease, opacity .25s ease;
}
/* Hover/Focus mở nội dung */
#wonjsc-strategy .pillar:hover .desc,
#wonjsc-strategy .pillar:focus .desc{
  max-height:220px;
  opacity:1;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d2faee9 */#wonjsc-ceo{
  background: var(--bg);
  color: var(--text);
  padding: clamp(48px,6vw,96px) 24px clamp(72px,7vw,112px);
  display: flow-root;               /* chống dính section khác */
  position: relative;
  isolation: isolate;
}
#wonjsc-ceo .ceo-wrap{
  max-width: 1180px;
  margin: 0 auto;
}

/* Grid 2 cột */
#wonjsc-ceo .ceo-grid{
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: clamp(24px,4vw,56px);
  align-items: center;
}
@media (max-width: 900px){
  #wonjsc-ceo .ceo-grid{ grid-template-columns: 1fr; }
  #wonjsc-ceo .ceo-media{ order: -1; } /* ảnh lên trước trên mobile (tuỳ thích) */
}

/* Heading H2 */
#wonjsc-ceo .ceo-heading{
  margin: 0;
  font-weight: 800;
  font-size: clamp(26px,4.8vw,40px);
  line-height: 1.2;
  color: var(--primary);
  letter-spacing: .2px;
}
#wonjsc-ceo .ceo-divider{
  width: clamp(140px, 24vw, 280px);
  height: 3px;
  margin: 10px 0 18px;
  border-radius: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity: .85;
}

/* Quote card */
#wonjsc-ceo .ceo-quote{
  margin: 0;
  position: relative;
  padding: clamp(16px,2.4vw,24px);
  border-radius: 16px;
  background: linear-gradient(180deg, #0f1411, #0c120e);
  border: 1px solid var(--muted);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 12px 28px rgba(0,0,0,.35);
}
#wonjsc-ceo .quote-mark{
  width: 38px; height: 38px;
  fill: none; stroke: var(--accent); stroke-width: 2;
  position: absolute; top: -18px; left: -8px;
  filter: drop-shadow(0 2px 10px rgba(21,197,122,.25));
}
#wonjsc-ceo blockquote{
  margin: 0;
  font-size: clamp(15px,2vw,18px);
  line-height: 1.8;
}
#wonjsc-ceo blockquote p{ margin: 0 0 10px; }
#wonjsc-ceo blockquote p:last-child{ margin-bottom: 0; }

/* Signature */
#wonjsc-ceo .ceo-sign{
  display: flex; gap: 10px; align-items: baseline;
  margin-top: 14px;
  font-weight: 700;
  color: #f2ffd9;
}
#wonjsc-ceo .ceo-sign .name{ color: var(--primary); }
#wonjsc-ceo .ceo-sign .role{
  font-weight: 600;
  opacity: .85;
}

/* Portrait card (cao hơn, cover) */
#wonjsc-ceo .ceo-media{
  margin: 0;
  height: clamp(360px, 48vw, 620px);     /* chỉnh để ảnh cao hơn/thấp hơn */
  border-radius: 18px;
  overflow: hidden;
  background: #0f1411;
  border: 1px solid var(--muted);
  box-shadow: 0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04);
  position: relative;
}
#wonjsc-ceo .ceo-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;                    /* đổi thành contain nếu không muốn crop */
  display: block;
}

/* Khoảng cách an toàn với section kế tiếp */
#wonjsc-ceo + section{ margin-top: clamp(32px,5vw,72px); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2b5d48 *//* ===== Leadership Section (fixed) ===== */
:root{
  --bg:#0a0b0a;           /* nền tối */
  --text:#e7f7d2;         /* chữ sáng */
  --primary:#cfee52;      /* điểm nhấn chính */
  --accent:#15c57a;       /* điểm nhấn phụ */
  --muted:rgba(152,163,107,.22);
}

#wonjsc-lead{
  background: var(--bg);
  color: var(--text);
  padding: clamp(18px,6vw,16px) 24px ;
  display: flow-root;                 /* chống dính section khác */
  position: relative;
}
#wonjsc-lead .lead-wrap{ max-width:1180px; margin:0 auto; }

/* H2 */
#wonjsc-lead .lead-heading{
  margin:0;
  font-weight:800;
  font-size:clamp(26px,4.8vw,40px);
  line-height:1.2;
  color:var(--primary);
  letter-spacing:.2px;
}
#wonjsc-lead .lead-heading::after{
  content:"";
  display:block;
  width:min(240px,40%); height:3px;
  margin:10px 0 18px; border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.85;
}

/* Grid */
#wonjsc-lead .lead-grid{
  list-style:none;
  margin:0; padding:0;
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:clamp(12px,2.2vw,20px);
  align-items:stretch;                /* ← card bằng chiều cao */
}
@media (max-width:1100px){ #wonjsc-lead .lead-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:700px){  #wonjsc-lead .lead-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:460px){  #wonjsc-lead .lead-grid{ grid-template-columns:1fr; } }

/* Card equal-height */
#wonjsc-lead .member{ display:flex; }     /* để .card cao 100% */
#wonjsc-lead .card{
  display:flex; flex-direction:column;
  width:100%; height:100%;
  margin:0; overflow:hidden;
  border-radius:16px;
  background:linear-gradient(180deg,#0f1411,#0c120e);
  border:1px solid var(--muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.36);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#wonjsc-lead .card:hover{
  transform:translateY(-3px);
  border-color:rgba(39,209,137,.35);
  box-shadow:0 16px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Ảnh chân dung – đồng tỷ lệ & không overlay */
#wonjsc-lead .avatar{
  inline-size:100%;
  aspect-ratio:4/5;                   /* cùng tỷ lệ cho mọi ảnh */
  background:#0f1411;
  border-bottom:1px solid var(--muted);
  overflow:hidden;
}
#wonjsc-lead .avatar::before,
#wonjsc-lead .avatar::after{ content:none !important; } /* tắt overlay/skeleton từ theme */
#wonjsc-lead .avatar img{
  display:block;
  width:100%; height:100%;
  object-fit:cover;                   /* crop nhẹ cho đồng nhất */
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* Meta bám đáy card */
#wonjsc-lead .meta{
  margin-top:auto;                    /* ← đẩy caption xuống đáy */
  padding:12px 12px 14px;
  text-align:center;
}
#wonjsc-lead .name{
  margin:0 0 4px;
  font-weight:800;
  font-size:clamp(15px,1.9vw,18px);
  color:var(--primary);
}
#wonjsc-lead .role{
  margin:0; font-size:14px; opacity:.9;
}

/* Clamp tên/chức danh để không làm vênh chiều cao */
#wonjsc-lead .name, #wonjsc-lead .role{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;               /* đổi 2 nếu muốn 2 dòng */
  overflow:hidden;
  white-space:normal;
}

/* Khoảng cách an toàn với section kế tiếp */
#wonjsc-lead + section{ margin-top:clamp(32px,5vw,72px); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9694e1b *//* ===== Team Section (standalone) ===== */
:root{
  --bg:#0a0b0a;           /* nền tối */
  --text:#e7f7d2;         /* chữ sáng */
  --primary:#cfee52;      /* điểm nhấn chính */
  --accent:#15c57a;       /* điểm nhấn phụ */
  --muted:rgba(152,163,107,.22);
}

#wonjsc-team{
  background: var(--bg);
  color: var(--text);
  padding: clamp(18px,6vw,16px) 24px ;
  display: flow-root;
  position: relative;
}
#wonjsc-team .team-wrap{ max-width:1180px; margin:0 auto; }

/* H2 */
#wonjsc-team .team-heading{
  margin:0;
  font-weight:800;
  font-size:clamp(26px,4.8vw,40px);
  line-height:1.2;
  color:var(--primary);
  letter-spacing:.2px;
}
#wonjsc-team .team-heading::after{
  content:"";
  display:block; width:min(240px,40%); height:3px;
  margin:10px 0 18px; border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.85;
}

/* Grid responsive + equal-height */
#wonjsc-team .team-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:clamp(12px,2.2vw,20px);
  grid-template-columns:repeat(5, minmax(0,1fr));
  align-items:stretch;
}
@media (max-width:1100px){ #wonjsc-team .team-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:700px){  #wonjsc-team .team-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:460px){  #wonjsc-team .team-grid{ grid-template-columns:1fr; } }

#wonjsc-team .member{ display:flex; }
#wonjsc-team .card{
  display:flex; flex-direction:column;
  width:100%; height:100%;
  margin:0; overflow:hidden;
  border-radius:16px;
  background:linear-gradient(180deg,#0f1411,#0c120e);
  border:1px solid var(--muted);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 24px rgba(0,0,0,.36);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#wonjsc-team .card:hover{
  transform:translateY(-3px);
  border-color:rgba(39,209,137,.35);
  box-shadow:0 16px 28px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}

/* Ảnh: đồng tỷ lệ & fill khung */
#wonjsc-team .avatar{
  inline-size:100%;
  aspect-ratio:4/5;                 /* đồng nhất khung ảnh */
  background:#0f1411;
  border-bottom:1px solid var(--muted);
  overflow:hidden;
}
#wonjsc-team .avatar::before,
#wonjsc-team .avatar::after{ content:none !important; } /* tắt overlay theme nếu có */
#wonjsc-team .avatar img{
  display:block; width:100%; height:100%;
  object-fit:cover;
}

/* Caption bám đáy, không vênh chiều cao */
#wonjsc-team .meta{
  margin-top:auto;
  padding:12px 12px 14px;
  text-align:center;
}
#wonjsc-team .name{
  margin:0 0 4px;
  font-weight:800;
  font-size:clamp(15px,1.9vw,18px);
  color:var(--primary);
}
#wonjsc-team .role{ margin:0; font-size:14px; opacity:.9; }

/* Clamp để tránh tên/chức danh dài làm lệch card */
#wonjsc-team .name, #wonjsc-team .role{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;   /* đổi 2 nếu muốn 2 dòng */
  overflow:hidden;
  white-space:normal;
}

/* Khoảng cách an toàn với section kế tiếp */
#wonjsc-team + section{ margin-top:clamp(32px,5vw,72px); }/* End custom CSS */