/*
Theme Name: KJH Redesign
Theme URI: https://koojiahung.com.my/
Description: Custom child theme for the Messrs. Koo Jia Hung homepage.
Author: Messrs. Koo Jia Hung
Version: 1.0.4
Version: 1.0.4
Text Domain: kjh-redesign
Text Domain: kjh-redesign
*/

:root {
  --kjh-navy: #07152c;
  --kjh-navy-2: #0c213e;
  --kjh-blue: #0b8ed8;
  --kjh-sky: #7dd3fc;
  --kjh-cream: #f7f5ef;
  --kjh-red: #ff6b6b;
  --kjh-serif: Georgia, "Times New Roman", serif;
  --kjh-sans: Arial, Helvetica, sans-serif;
}

html { scroll-behavior: smooth; }
body.kjh-redesign-home { margin: 0; background: var(--kjh-navy); }
body.kjh-redesign-home * { box-sizing: border-box; }
body.kjh-redesign-home #wpadminbar { position: fixed; }

.kjh-site {
  overflow: hidden;
  background: var(--kjh-navy);
  color: #fff;
  font-family: var(--kjh-sans);
  font-size: 16px;
  line-height: 1.5;
}

.kjh-site img { display: block; max-width: 100%; }
.kjh-site a { color: inherit; text-decoration: none; }
.kjh-site button,
.kjh-site input { font: inherit; }
.kjh-site svg { display: block; width: 1.15rem; height: 1.15rem; }
.kjh-site h1,
.kjh-site h2,
.kjh-site h3,
.kjh-site p,
.kjh-site blockquote { margin: 0; }

.kjh-container { width: min(100%, 1440px); margin-inline: auto; }

.kjh-header {
  position: relative;
  z-index: 50;
  border-block: 1px solid rgb(7 21 44 / 20%);
  background: var(--kjh-cream);
  color: var(--kjh-navy);
}

.kjh-header-inner {
  min-height: 96px;
  padding: 0 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.kjh-brand-wrap,
.kjh-header-actions,
.kjh-nav,
.kjh-search { display: flex; align-items: center; }
.kjh-brand-wrap { min-width: 0; gap: 20px; }
.kjh-logo { flex: none; }
.kjh-logo img { width: 210px; height: auto; }
.kjh-brand-rule { width: 1px; height: 44px; background: rgb(11 115 184 / 30%); }
.kjh-values { color: var(--kjh-navy); font-size: .72rem; font-weight: 900; line-height: 1.25; letter-spacing: .08em; text-transform: uppercase; }
.kjh-values p { white-space: nowrap; }
.kjh-values b { margin-right: 2px; color: #0878b9; font-size: .88rem; font-weight: 900; }
.kjh-header-actions { gap: 20px; }
.kjh-nav { gap: 40px; }
.kjh-nav a { position: relative; padding: 12px 0; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.kjh-nav a::after { content: ""; position: absolute; left: 0; bottom: 6px; width: 0; height: 1px; background: #0b73b8; transition: width .3s ease; }
.kjh-nav a:hover,
.kjh-nav a:focus-visible { color: #0b73b8; }
.kjh-nav a:hover::after,
.kjh-nav a:focus-visible::after { width: 100%; }

.kjh-search { position: relative; }
.kjh-search-button { position: relative; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-right: 1px solid rgb(7 21 44 / 20%); background: var(--kjh-cream); color: var(--kjh-navy); cursor: pointer; }
.kjh-search-button:hover,
.kjh-search-button:focus-visible { color: #0b73b8; }
.kjh-search form { position: absolute; left: 42px; top: 50%; z-index: 2; width: 0; height: 42px; opacity: 0; overflow: hidden; transform: translateY(-50%); border-bottom: 1px solid rgb(7 21 44 / 40%); background: var(--kjh-cream); box-shadow: 0 4px 15px rgb(7 21 44 / 8%); transition: width .3s ease, opacity .2s ease; }
.kjh-search:hover form,
.kjh-search:focus-within form { width: 272px; opacity: 1; }
.kjh-search input { width: 100%; height: 100%; padding: 0 14px; border: 0; outline: 0; background: transparent; color: var(--kjh-navy); font-size: .88rem; }

.kjh-hero { position: relative; background: linear-gradient(to right, var(--kjh-navy) 0 50%, #0b73b8 50% 100%); }
.kjh-grid-lines { pointer-events: none; position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgb(125 211 252 / 8%) 1px, transparent 1px), linear-gradient(90deg, rgb(125 211 252 / 8%) 1px, transparent 1px); background-size: 72px 72px; }
.kjh-hero-grid { position: relative; min-height: 720px; display: grid; grid-template-columns: 1.08fr .92fr; }
.kjh-hero-copy { padding: 80px 56px; display: flex; flex-direction: column; justify-content: space-between; background: var(--kjh-navy); }
.kjh-hero h1 { max-width: 760px; color: #fff; font-family: var(--kjh-serif); font-size: clamp(3.4rem, 7.5vw, 7.2rem); font-weight: 400; line-height: .9; letter-spacing: -.045em; }
.kjh-hero h1 em { color: var(--kjh-sky); font-weight: 400; }
.kjh-hero-lede { max-width: 590px; margin-top: 32px !important; color: #cbd5e1; font-size: 1.125rem; line-height: 1.75; }
.kjh-hero-actions { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 16px; }
.kjh-button { min-height: 48px; width: 288px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgb(255 255 255 / 20%); font-weight: 700; transition: .2s ease; }
.kjh-button-primary { border-color: #fff; background: #fff; color: var(--kjh-navy) !important; }
.kjh-button-primary:hover { background: #dff6ff; }
.kjh-button-secondary:hover { border-color: rgb(255 255 255 / 50%); background: rgb(255 255 255 / 5%); }
.kjh-button svg { flex: none; transition: transform .2s ease; }
.kjh-button:hover svg { transform: translate(2px, -2px); }

.kjh-stats { width: min(100%, 590px); margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border: 1px solid rgb(255 255 255 / 15%); background: rgb(255 255 255 / 15%); }
.kjh-stats > div { min-width: 0; min-height: 120px; padding: 20px; background: var(--kjh-navy); }
.kjh-stats strong { display: block; color: #fff; font-family: var(--kjh-serif); font-size: 1.9rem; line-height: 1.15; }
.kjh-stats span { display: block; margin-top: 8px; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.kjh-stats .kjh-forum { min-height: 48px; max-width: 225px; color: var(--kjh-sky); }
.kjh-forum { transform-origin: top center; }
.kjh-forum.is-flipping { animation: kjh-flip 1.7s cubic-bezier(.22,1,.36,1) both; }
@keyframes kjh-flip { 0% { opacity: 0; transform: translateY(8px) rotateX(-78deg); } 16%,82% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-8px) rotateX(72deg); } }

.kjh-portrait-panel { position: relative; min-height: 720px; overflow: hidden; border-left: 1px solid rgb(255 255 255 / 10%); background: radial-gradient(circle at 30% 20%, rgb(255 255 255 / 20%), transparent 35%), #0b73b8; }
.kjh-watermark { position: absolute; top: 80px; right: -16px; color: transparent; font-family: var(--kjh-serif); font-size: clamp(9rem, 19vw, 19rem); line-height: 1; letter-spacing: -.08em; -webkit-text-stroke: 1px rgb(255 255 255 / 18%); }
.kjh-portrait { pointer-events: none; position: absolute; left: 50%; bottom: 0; z-index: 2; width: auto; max-width: none; height: 88%; transform: translateX(-50%); object-fit: contain; object-position: bottom; filter: drop-shadow(0 24px 35px rgb(0 0 0 / 28%)); }
.kjh-nameplate { position: absolute; left: 32px; bottom: 24px; z-index: 3; width: 320px; padding: 20px; border-left: 4px solid var(--kjh-sky); background: rgb(255 255 255 / 95%); color: var(--kjh-navy); box-shadow: 0 16px 36px rgb(4 17 38 / 20%); }
.kjh-nameplate p { font-family: var(--kjh-serif); font-size: 1.25rem; font-weight: 700; }
.kjh-nameplate span { display: block; margin-top: 4px; color: #0878b9; font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }

.kjh-practices { padding: 112px 56px; background: #fff; color: var(--kjh-navy); }
.kjh-section-heading { padding-bottom: 32px; border-bottom: 1px solid #cbd5e1; }
.kjh-section-heading h2 { font-family: var(--kjh-serif); font-size: clamp(3rem, 5vw, 5.5rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.kjh-section-heading em { color: var(--kjh-blue); }
.kjh-practice-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.kjh-practice-card { min-height: 255px; padding: 32px; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.kjh-practice-card:nth-child(3n) { border-right: 0; }
.kjh-practice-meta { margin-bottom: 40px; display: flex; justify-content: space-between; color: #94a3b8; font: .72rem/1 var(--kjh-sans); }
.kjh-practice-icon { color: var(--kjh-blue); }
.kjh-practice-icon svg { width: 25px; height: 25px; }
.kjh-practice-card h3 { color: var(--kjh-navy); font-family: var(--kjh-serif); font-size: 1.5rem; font-weight: 400; line-height: 1.2; }
.kjh-practice-card p { max-width: 380px; margin-top: 12px !important; color: #475569; line-height: 1.75; }

.kjh-about { position: relative; background: linear-gradient(to right, var(--kjh-blue) 0 50%, var(--kjh-navy) 50% 100%); }
.kjh-about-grid { display: grid; grid-template-columns: 1.08fr .92fr; }
.kjh-insight-column { padding: 112px 56px; background: var(--kjh-blue); }
.kjh-insight-column > h2 { padding-top: 32px; border-top: 1px solid rgb(7 21 44 / 30%); color: var(--kjh-navy); font-family: var(--kjh-serif); font-size: clamp(2.8rem, 4.4vw, 4.5rem); font-weight: 700; line-height: 1; letter-spacing: -.035em; }
.kjh-insight-column > h2 em { color: #fff; }
.kjh-insight-area { margin-top: 56px; scroll-margin-top: 112px; }
.kjh-filters { margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 8px; }
.kjh-filters button { min-height: 40px; padding: 0 16px; border: 1px solid var(--kjh-cream); background: var(--kjh-cream); color: var(--kjh-navy); box-shadow: 0 6px 16px rgb(7 21 44 / 10%); cursor: pointer; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; transition: .2s ease; }
.kjh-filters button:hover { transform: translateY(-2px); background: #fff; }
.kjh-filters button[aria-pressed="true"] { border-color: var(--kjh-navy); background: var(--kjh-navy); color: #fff; }
.kjh-insight-frame { position: relative; padding: 20px; border: 1px solid var(--kjh-navy); background: var(--kjh-navy); box-shadow: 0 22px 55px rgb(0 0 0 / 16%); }
.kjh-insight-card { display: grid; gap: 20px; color: #fff !important; }
.kjh-insight-card[hidden] { display: none !important; }
.kjh-insight-card img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.kjh-insight-copy { padding: 0 4px 4px; }
.kjh-insight-copy > span,
.kjh-empty-insight > span { color: var(--kjh-sky); font-size: .65rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.kjh-insight-copy h3 { margin-top: 8px; color: #fff; font-family: var(--kjh-serif); font-size: 1.5rem; font-weight: 400; line-height: 1.35; }
.kjh-insight-copy b { display: block; margin-top: 16px; color: var(--kjh-sky); font-size: .88rem; }
.kjh-insight-card:hover .kjh-insight-copy b { color: #fff; }
.kjh-insight-dots { min-height: 2px; margin: 14px 4px 0; display: flex; flex-wrap: wrap; gap: 6px; }
.kjh-insight-dots span { width: 12px; height: 2px; background: rgb(255 255 255 / 20%); transition: width .5s ease; }
.kjh-insight-dots span.is-active { width: 32px; background: var(--kjh-sky); }
.kjh-empty-insight { display: none; min-height: 300px; padding: 32px; align-items: flex-start; justify-content: flex-end; flex-direction: column; background: rgb(11 142 216 / 15%); }
.kjh-empty-insight p { max-width: 380px; margin-top: 12px !important; color: #fff; font-family: var(--kjh-serif); font-size: 1.5rem; }
.kjh-insight-frame.is-empty .kjh-empty-insight { display: flex; }
.insight-in { animation: kjh-insight-in .56s cubic-bezier(.22,1,.36,1) both; }
@keyframes kjh-insight-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.kjh-quote-column { padding: 112px 56px; background: var(--kjh-navy); }
.kjh-quote-inner { padding-top: 32px; border-top: 1px solid rgb(255 255 255 / 20%); }
.kjh-quote-column blockquote { color: #fff; font-family: var(--kjh-serif); font-size: clamp(2.35rem, 4.1vw, 4.25rem); line-height: 1.04; letter-spacing: -.035em; }
.kjh-quote-column blockquote em { color: var(--kjh-sky); }
.kjh-quote-column blockquote i { color: var(--kjh-red); }
.kjh-proof-grid { margin-top: 48px; padding-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; border-top: 1px solid rgb(255 255 255 / 15%); }
.kjh-proof-grid h3 { color: #fff; font-family: var(--kjh-serif); font-size: 1.5rem; font-weight: 400; }
.kjh-proof-grid p { margin-top: 12px !important; color: #cbd5e1; line-height: 1.75; }
.kjh-stories-link { margin-top: 40px; padding-bottom: 8px; display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--kjh-sky); color: var(--kjh-sky) !important; font-weight: 700; }
.kjh-stories-link svg { transition: transform .2s ease; }
.kjh-stories-link:hover svg { transform: translate(2px, -2px); }

.kjh-footer { scroll-margin-top: 96px; border-top: 1px solid rgb(7 21 44 / 15%); background: var(--kjh-cream); color: var(--kjh-navy); }
.kjh-footer-grid { padding: 80px 56px; display: grid; grid-template-columns: 1.2fr .7fr 1fr; gap: 80px; }
.kjh-footer-logo { display: inline-block; padding: 8px; background: #fff; }
.kjh-footer-logo img { width: 230px; }
.kjh-footer-intro { max-width: 450px; margin-top: 28px !important; color: #475569; font-family: var(--kjh-serif); line-height: 1.75; }
.kjh-footer h2 { font-family: var(--kjh-serif); font-size: 1.5rem; font-weight: 400; }
.kjh-footer nav { margin-top: 24px; display: flex; align-items: flex-start; flex-direction: column; gap: 12px; font-family: var(--kjh-serif); }
.kjh-footer nav a { border-bottom: 1px solid transparent; }
.kjh-footer nav a:hover,
.kjh-footer address a:hover { color: #0b73b8; border-color: #0b73b8; }
.kjh-footer address { font-family: var(--kjh-serif); font-style: normal; line-height: 1.75; }
.kjh-footer address .kjh-address { max-width: 380px; margin: 24px 0; display: block; }
.kjh-footer address p { line-height: 1.75; }
.kjh-footer-bottom { border-top: 1px solid rgb(7 21 44 / 15%); }
.kjh-footer-bottom .kjh-container { padding: 20px 56px; display: flex; justify-content: space-between; gap: 8px 24px; color: #64748b; font-size: .75rem; }

@media (max-width: 1180px) {
  .kjh-header-inner { padding-inline: 32px; }
  .kjh-brand-rule,
  .kjh-values { display: none; }
  .kjh-nav { gap: 26px; }
  .kjh-hero-copy,
  .kjh-practices,
  .kjh-insight-column,
  .kjh-quote-column,
  .kjh-footer-grid { padding-inline: 32px; }
  .kjh-footer-grid { gap: 48px; }
}

@media (max-width: 920px) {
  .kjh-header-inner { min-height: 82px; }
  .kjh-logo img { width: 185px; }
  .kjh-nav { display: none; }
  .kjh-search:hover form,
  .kjh-search:focus-within form { left: auto; right: 42px; width: min(272px, calc(100vw - 100px)); }
  .kjh-hero,
  .kjh-about { background: var(--kjh-navy); }
  .kjh-hero-grid,
  .kjh-about-grid { grid-template-columns: 1fr; }
  .kjh-hero-copy { min-height: 650px; padding-top: 64px; padding-bottom: 64px; }
  .kjh-portrait-panel { min-height: 610px; border-left: 0; border-top: 1px solid rgb(255 255 255 / 10%); }
  .kjh-practices { padding-top: 80px; padding-bottom: 80px; }
  .kjh-practice-grid { grid-template-columns: repeat(2, 1fr); }
  .kjh-practice-card:nth-child(3n) { border-right: 1px solid #e2e8f0; }
  .kjh-practice-card:nth-child(2n) { border-right: 0; }
  .kjh-insight-column,
  .kjh-quote-column { padding-top: 80px; padding-bottom: 80px; }
  .kjh-footer-grid { grid-template-columns: 1fr 1fr; }
  .kjh-footer-grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .kjh-header-inner { min-height: 78px; padding-inline: 20px; }
  .kjh-logo img { width: 155px; }
  .kjh-hero-copy,
  .kjh-practices,
  .kjh-insight-column,
  .kjh-quote-column,
  .kjh-footer-grid { padding-inline: 20px; }
  .kjh-hero h1 { font-size: clamp(3.25rem, 16vw, 5.3rem); }
  .kjh-hero-actions,
  .kjh-button { width: 100%; }
  .kjh-stats { grid-template-columns: 1fr 1fr; }
  .kjh-stats > div { min-height: 150px; padding: 18px; }
  .kjh-stats strong { font-size: 1.55rem; }
  .kjh-stats span { font-size: .9rem; }
  .kjh-portrait-panel { min-height: 540px; }
  .kjh-portrait { height: 85%; }6
Text Domain: kjh-redesign
  .kjh-nameplate { left: 20px; right: 20px; width: auto; }
  .kjh-practice-grid { grid-template-columns: 1fr; }
  .kjh-practice-card { min-height: 230px; padding-inline: 0; border-right: 0 !important; }
  .kjh-insight-area { margin-top: 42px; }
  .kjh-insight-frame { padding: 14px; }
  .kjh-proof-grid { grid-template-columns: 1fr; }
  .kjh-footer-grid { grid-template-columns: 1fr; padding-top: 64px; padding-bottom: 64px; }
  .kjh-footer-grid > div:first-child { grid-column: auto; }
  .kjh-footer-bottom .kjh-container { padding-inline: 20px; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .kjh-site *,
  .kjh-site *::before,
  .kjh-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Mobile navigation */
.kjh-menu-button, .kjh-mobile-values { display: none; }
@media (max-width: 920px) {
  .kjh-header { overflow: visible; }
  .kjh-header-actions { gap: 6px; }
  .kjh-menu-button { width: 54px; height: 48px; padding: 4px; display: grid; place-items: center; gap: 2px; border: 0; background: transparent; color: var(--kjh-navy); cursor: pointer; font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
  .kjh-menu-icon { width: 23px; display: grid; gap: 4px; }
  .kjh-menu-icon i { height: 2px; display: block; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
  .kjh-menu-button[aria-expanded="true"] .kjh-menu-icon i:first-child { transform: translateY(6px) rotate(45deg); }
  .kjh-menu-button[aria-expanded="true"] .kjh-menu-icon i:nth-child(2) { opacity: 0; }
  .kjh-menu-button[aria-expanded="true"] .kjh-menu-icon i:last-child { transform: translateY(-6px) rotate(-45deg); }
  .kjh-nav { position: absolute; left: 0; right: 0; top: 100%; z-index: 20; padding: 10px 24px 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 0; visibility: hidden; opacity: 0; transform: translateY(-8px); border-top: 1px solid rgb(7 21 44 / 12%); border-bottom: 2px solid var(--kjh-blue); background: var(--kjh-cream); box-shadow: 0 18px 35px rgb(7 21 44 / 20%); transition: opacity .22s ease, transform .22s ease, visibility .22s; }
  .kjh-nav.is-open { visibility: visible; opacity: 1; transform: translateY(0); }
  .kjh-nav a { padding: 16px 8px; border-bottom: 1px solid rgb(7 21 44 / 12%); font-size: .75rem; }
  .kjh-nav a::after { bottom: 10px; }
  .kjh-mobile-values { min-height: 34px; padding: 7px 20px; display: flex; align-items: center; justify-content: center; gap: clamp(14px, 5vw, 28px); border-top: 1px solid rgb(7 21 44 / 12%); background: #fff; color: var(--kjh-navy); font-family: Georgia, "Times New Roman", serif; font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
  .kjh-mobile-values b { color: #0878b9; font-size: .8rem; }
}
@media (max-width: 620px) {
  .kjh-header-actions { margin-right: -8px; }
  .kjh-menu-button { width: 48px; }
  .kjh-mobile-values { padding-inline: 12px; gap: 12px; font-size: clamp(.54rem, 2.3vw, .65rem); letter-spacing: .04em; }
}


body.kjh-upgrade-page { margin: 0; background: var(--kjh-navy); color: #fff; font-family: var(--kjh-sans); }
body.kjh-article-page { margin: 0; background: #f7f5ef; color: var(--kjh-navy); font-family: var(--kjh-sans); }
.kjh-upgrade-shell { min-height: 100vh; padding: clamp(28px, 5vw, 72px); display: grid; align-content: space-between; background: radial-gradient(circle at 85% 10%, rgb(11 142 216 / 35%), transparent 38%), var(--kjh-navy); }
.kjh-upgrade-logo img { width: min(250px, 65vw); height: auto; padding: 12px; background: var(--kjh-cream); }
.kjh-upgrade-copy { max-width: 820px; padding: 70px 0 8vh; }
.kjh-upgrade-copy > span { color: var(--kjh-sky); font-size: .78rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.kjh-upgrade-copy h1 { max-width: 780px; margin: 24px 0; font-family: var(--kjh-serif); font-size: clamp(3.5rem, 9vw, 8rem); font-weight: 400; line-height: .9; letter-spacing: -.045em; }
.kjh-upgrade-copy p { max-width: 650px; margin: 0 0 36px; color: #cbd5e1; font-size: clamp(1rem, 2vw, 1.25rem); line-height: 1.7; }
.kjh-upgrade-copy a { display: inline-block; padding-bottom: 7px; border-bottom: 1px solid var(--kjh-sky); color: var(--kjh-sky); font-weight: 800; text-decoration: none; }
.kjh-article-header { min-height: 92px; padding: 14px clamp(20px, 5vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgb(7 21 44 / 16%); background: #fff; }
.kjh-article-header img { width: min(220px, 58vw); height: auto; display: block; }
.kjh-article-header nav { display: flex; gap: 26px; }
.kjh-article-header nav a { color: var(--kjh-navy); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.kjh-article-shell { padding: clamp(54px, 8vw, 110px) 20px; }
.kjh-article { width: min(100%, 900px); margin: 0 auto; }
.kjh-article-title > span { color: #0878b9; font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.kjh-article-title h1 { margin: 20px 0; font-family: var(--kjh-serif); font-size: clamp(2.6rem, 6.5vw, 5.6rem); font-weight: 400; line-height: .98; letter-spacing: -.04em; }
.kjh-article-title p { margin: 0; color: #64748b; }
.kjh-article-image { margin: 48px 0; }
.kjh-article-image img { width: 100%; height: auto; display: block; }
.kjh-article-content { color: #18243a; font-family: var(--kjh-serif); font-size: clamp(1.08rem, 2vw, 1.25rem); line-height: 1.8; }
.kjh-article-content > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.kjh-article-content a { color: #0878b9; }
.kjh-article-content img { max-width: 100%; height: auto; }
.kjh-article-back { margin-top: 64px; padding-top: 24px; border-top: 1px solid rgb(7 21 44 / 18%); }
.kjh-article-back a { color: #0878b9; font-weight: 800; text-decoration: none; }
@media (max-width: 620px) {
  .kjh-article-header { align-items: flex-start; flex-direction: column; }
  .kjh-article-header nav { width: 100%; justify-content: space-between; }
}


/* KJH portrait and article system refresh */
.kjh-watermark { position: absolute; top: 34px; left: 50%; z-index: 1; width: max-content; color: rgb(3 39 82 / 48%); font-family: var(--kjh-serif); font-size: clamp(9rem, 18vw, 18rem); font-weight: 700; line-height: 1; letter-spacing: .01em; transform: translateX(-50%); -webkit-text-stroke: 1px rgb(143 211 255 / 58%); text-shadow: -1px -1px 1px rgb(196 232 255 / 48%), 2px 3px 3px rgb(0 25 65 / 78%), 0 12px 28px rgb(0 24 64 / 42%); }
.kjh-article-header { min-height: 92px; padding: 14px clamp(20px, 5vw, 64px); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 3px solid var(--kjh-blue); background: var(--kjh-cream); }
.kjh-article-header img { width: min(220px, 58vw); height: auto; display: block; }
.kjh-article-header nav { display: flex; gap: 26px; }
.kjh-article-header nav a { color: var(--kjh-navy); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.kjh-article-shell { padding: 0; }
.kjh-article { width: 100%; margin: 0; }
.kjh-article-hero { position: relative; overflow: hidden; padding: clamp(70px, 10vw, 145px) 20px clamp(92px, 12vw, 170px); background: radial-gradient(circle at 88% 8%, rgb(11 142 216 / 38%), transparent 34%), linear-gradient(120deg, #07152c 0%, #0c213e 100%); }
.kjh-article-hero::after { content: "KJH"; position: absolute; right: -1vw; bottom: -3.5vw; color: rgb(125 211 252 / 7%); font-family: var(--kjh-serif); font-size: clamp(9rem, 24vw, 25rem); font-weight: 700; line-height: .75; letter-spacing: -.08em; pointer-events: none; }
.kjh-article-title { position: relative; z-index: 1; width: min(100%, 1100px); margin: 0 auto; }
.kjh-article-title > span { color: var(--kjh-sky); font-size: .78rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.kjh-article-title > span a { color: inherit; text-decoration: none; }
.kjh-article-title h1 { max-width: 1050px; margin: 26px 0 30px; color: #fff; font-family: var(--kjh-serif); font-size: clamp(2.8rem, 6.4vw, 6.4rem); font-weight: 400; line-height: .97; letter-spacing: -.045em; text-wrap: balance; }
.kjh-article-title p { margin: 0; display: flex; align-items: center; gap: 12px; color: #cbd5e1; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.kjh-article-title p i { width: 34px; height: 1px; background: var(--kjh-sky); }
.kjh-article-body { width: min(calc(100% - 40px), 960px); margin: clamp(-70px, -6vw, -48px) auto 0; padding: clamp(28px, 5vw, 64px); position: relative; z-index: 2; border-top: 5px solid var(--kjh-blue); background: #fff; box-shadow: 0 26px 70px rgb(7 21 44 / 14%); }
.kjh-article-image { margin: 0 0 48px; }
.kjh-article-image img { width: 100%; height: auto; display: block; }
.kjh-article-content { color: #18243a; font-family: var(--kjh-serif); font-size: clamp(1.08rem, 2vw, 1.25rem); line-height: 1.8; }
.kjh-article-content > * { max-width: 780px; margin-left: auto; margin-right: auto; }
.kjh-article-content p { margin-top: 0; margin-bottom: 1.55em; }
.kjh-article-content h2, .kjh-article-content h3 { max-width: 780px; margin-top: 2.2em; color: var(--kjh-navy); font-family: var(--kjh-sans); line-height: 1.2; }
.kjh-article-content a { color: #0878b9; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.kjh-article-content li { margin-bottom: .8em; }
.kjh-article-content img { max-width: 100%; height: auto; }
.kjh-article-back { margin-top: 64px; padding-top: 24px; border-top: 1px solid rgb(7 21 44 / 18%); }
.kjh-article-back a { color: #0878b9; font-weight: 800; text-decoration: none; }
@media (max-width: 620px) {
  .kjh-article-header { align-items: flex-start; flex-direction: column; }
  .kjh-article-header nav { width: 100%; justify-content: space-between; }
  .kjh-article-hero { padding-top: 64px; padding-bottom: 110px; }
  .kjh-article-title h1 { font-size: clamp(2.6rem, 13vw, 4.4rem); }
  .kjh-article-body { width: calc(100% - 24px); padding: 28px 20px 40px; }
}


/* Strong embossed KJH watermark */
.kjh-site .kjh-watermark {
  color: rgba(5, 48, 101, 0.72) !important;
  -webkit-text-fill-color: rgba(5, 48, 101, 0.72) !important;
  -webkit-text-stroke: 1px rgba(151, 213, 249, 0.62) !important;
  font-weight: 700 !important;
  text-shadow: -2px -2px 2px rgba(194, 231, 255, 0.42), 3px 4px 5px rgba(0, 27, 70, 0.82), 0 16px 30px rgba(0, 22, 58, 0.48) !important;
}

/* KJH ARTICLE VIBRANT 1.0.3 */

body.kjh-article-page{margin:0;background:#eaf4fb;color:#07152c;font-family:Arial,Helvetica,sans-serif}
.kjh-article-header{min-height:112px;padding:18px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgb(255 255 255 / 20%);background:linear-gradient(115deg,#06152c 0%,#0a3159 62%,#0b78ba 100%)}
.kjh-article-header>a{display:block;padding:9px 12px;background:#f8f6f0;box-shadow:0 12px 32px rgb(2 15 35 / 25%)}
.kjh-article-header img{width:min(220px,58vw);height:auto;display:block}
.kjh-article-header nav{display:flex;gap:26px}
.kjh-article-header nav a{position:relative;padding-bottom:8px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.kjh-article-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#7dd3fc;transition:right .25s ease}
.kjh-article-header nav a:hover::after,.kjh-article-header nav a:focus-visible::after{right:0}
.kjh-article-shell{padding:0 0 clamp(70px,9vw,130px);background:radial-gradient(circle at 95% 15%,rgb(70 190 255 / 28%),transparent 27rem),linear-gradient(180deg,#07152c 0,#0a335d 34rem,#eaf4fb 56rem,#f7f5ef 100%)}
.kjh-article{width:100%;margin:0}
.kjh-article-hero{position:relative;overflow:hidden;padding:clamp(76px,10vw,150px) 20px clamp(120px,14vw,200px);background:radial-gradient(circle at 84% 8%,rgb(52 181 248 / 52%),transparent 32%),radial-gradient(circle at 8% 88%,rgb(19 105 176 / 44%),transparent 38%),linear-gradient(125deg,#06152c 0%,#082b50 52%,#0b74b7 100%)}
.kjh-article-hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgb(255 255 255 / 14%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 14%) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000 28%,#000)}
.kjh-article-hero::after{content:"KJH";position:absolute;right:3vw;bottom:-2vw;color:transparent;font-family:Georgia,"Times New Roman",serif;font-size:clamp(9rem,23vw,24rem);font-weight:400;line-height:.75;letter-spacing:-.03em;-webkit-text-stroke:2px rgb(175 226 255 / 15%);pointer-events:none}
.kjh-article-title{position:relative;z-index:1;width:min(100%,1100px);margin:0 auto}
.kjh-article-title>span{display:inline-flex;align-items:center;gap:12px;color:#a9e2ff;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.kjh-article-title>span::before{content:"";width:38px;height:2px;background:#59c7ff}
.kjh-article-title>span a{color:inherit;text-decoration:none}
.kjh-article-title h1{max-width:1080px;margin:28px 0 34px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6.3vw,6.35rem);font-weight:400;line-height:.96;letter-spacing:-.047em;text-wrap:balance;text-shadow:0 8px 35px rgb(1 15 36 / 24%)}
.kjh-article-title p{margin:0;display:flex;align-items:center;gap:12px;color:#d9efff;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.kjh-article-title p i{width:42px;height:2px;background:#59c7ff}
.kjh-article-body{width:min(calc(100% - 40px),1040px);margin:clamp(-92px,-7vw,-62px) auto 0;padding:clamp(30px,5.5vw,72px);position:relative;z-index:2;border-top:7px solid #18a9ee;background:linear-gradient(145deg,#fff 0%,#fff 72%,#f0f9ff 100%);box-shadow:0 30px 90px rgb(3 29 62 / 24%)}
.kjh-article-image{margin:0 0 clamp(42px,6vw,68px);position:relative}
.kjh-article-image::after{content:"";position:absolute;left:-12px;bottom:-12px;z-index:-1;width:42%;height:48%;background:linear-gradient(135deg,#0b8ed8,#78d5ff)}
.kjh-article-image img{width:100%;height:auto;display:block;box-shadow:0 20px 50px rgb(4 35 70 / 17%)}
.kjh-article-content{color:#16243a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.08rem,1.75vw,1.24rem);line-height:1.82}
.kjh-article-content>*{max-width:780px;margin-left:auto;margin-right:auto}
.kjh-article-content p{margin-top:0;margin-bottom:1.55em}
.kjh-article-content>p:first-of-type::first-letter{float:left;margin:.08em .13em 0 0;color:#087fc2;font-family:Georgia,"Times New Roman",serif;font-size:4.3em;font-weight:700;line-height:.72}
.kjh-article-content h2,.kjh-article-content h3{max-width:780px;margin-top:2.35em;color:#07152c;font-family:Arial,Helvetica,sans-serif;line-height:1.16;letter-spacing:-.02em}
.kjh-article-content h2{padding-top:20px;border-top:3px solid #159fdf;font-size:clamp(1.8rem,3vw,2.6rem)}
.kjh-article-content h3{color:#096ca6;font-size:clamp(1.35rem,2vw,1.75rem)}
.kjh-article-content a{color:#067bb9;font-weight:700;text-decoration-color:rgb(11 142 216 / 45%);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.kjh-article-content ul,.kjh-article-content ol{padding:28px 32px 28px 54px;border-left:5px solid #18a9ee;background:linear-gradient(100deg,#e8f7ff,#f7fbfe);box-shadow:inset 0 0 0 1px rgb(9 118 177 / 10%)}
.kjh-article-content li{margin-bottom:.9em;padding-left:.35em}
.kjh-article-content li::marker{color:#0787ca;font-weight:800}
.kjh-article-content blockquote{padding:clamp(26px,4vw,42px);border:0;border-left:6px solid #62cfff;background:linear-gradient(135deg,#082542,#0b659d);color:#fff;font-size:1.3em;line-height:1.55;box-shadow:0 20px 46px rgb(5 42 78 / 20%)}
.kjh-article-content table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:.94rem}
.kjh-article-content th{background:#092b4d;color:#fff}
.kjh-article-content th,.kjh-article-content td{padding:14px 16px;border:1px solid #c5dcec;text-align:left}
.kjh-article-content tr:nth-child(even) td{background:#eff8fd}
.kjh-article-content img{max-width:100%;height:auto}
.kjh-article-back{max-width:780px;margin:72px auto 0;padding:26px 30px;background:linear-gradient(115deg,#07152c,#0b5f94)}
.kjh-article-back a{color:#9fdfff;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
@media(max-width:620px){.kjh-article-header{min-height:92px;align-items:center}.kjh-article-header>a{padding:7px 9px}.kjh-article-header img{width:min(178px,51vw)}.kjh-article-header nav{gap:14px}.kjh-article-header nav a{font-size:.58rem;letter-spacing:.09em}.kjh-article-hero{padding-top:70px;padding-bottom:128px}.kjh-article-hero::after{right:-7vw;bottom:0;font-size:clamp(8rem,42vw,12rem)}.kjh-article-title h1{font-size:clamp(2.65rem,12.8vw,4.4rem);line-height:.98}.kjh-article-body{width:calc(100% - 24px);margin-top:-74px;padding:28px 20px 42px;border-top-width:5px}.kjh-article-content ul,.kjh-article-content ol{padding:22px 18px 22px 38px}.kjh-article-back{margin-top:54px;padding:22px}}

}
/* KJH ARTICLE VIBRANT 1.0.4 */
body.kjh-article-page{margin:0;background:#eaf4fb;color:#07152c;font-family:Arial,Helvetica,sans-serif}
body.kjh-article-page .kjh-article-header{min-height:112px;padding:18px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgb(255 255 255 / 20%);background:linear-gradient(115deg,#06152c 0%,#0a3159 62%,#0b78ba 100%)}
body.kjh-article-page .kjh-article-header>a{display:block;padding:9px 12px;background:#f8f6f0;box-shadow:0 12px 32px rgb(2 15 35 / 25%)}
body.kjh-article-page .kjh-article-header img{width:min(220px,58vw);height:auto;display:block}
body.kjh-article-page .kjh-article-header nav{display:flex;gap:26px}
body.kjh-article-page .kjh-article-header nav a{position:relative;padding-bottom:8px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
body.kjh-article-page .kjh-article-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#7dd3fc;transition:right .25s ease}
body.kjh-article-page .kjh-article-header nav a:hover::after,body.kjh-article-page .kjh-article-header nav a:focus-visible::after{right:0}
body.kjh-article-page .kjh-article-shell{padding:0 0 clamp(70px,9vw,130px);background:radial-gradient(circle at 95% 15%,rgb(70 190 255 / 28%),transparent 27rem),linear-gradient(180deg,#07152c 0,#0a335d 34rem,#eaf4fb 56rem,#f7f5ef 100%)}
body.kjh-article-page .kjh-article{width:100%;margin:0}
body.kjh-article-page .kjh-article-hero{position:relative;overflow:hidden;padding:clamp(76px,10vw,150px) 20px clamp(120px,14vw,200px);background:radial-gradient(circle at 84% 8%,rgb(52 181 248 / 52%),transparent 32%),radial-gradient(circle at 8% 88%,rgb(19 105 176 / 44%),transparent 38%),linear-gradient(125deg,#06152c 0%,#082b50 52%,#0b74b7 100%)}
body.kjh-article-page .kjh-article-hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgb(255 255 255 / 14%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 14%) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000 28%,#000)}
body.kjh-article-page .kjh-article-hero::after{content:"KJH";position:absolute;right:3vw;bottom:-2vw;color:transparent;font-family:Georgia,"Times New Roman",serif;font-size:clamp(9rem,23vw,24rem);font-weight:400;line-height:.75;letter-spacing:-.03em;-webkit-text-stroke:2px rgb(175 226 255 / 15%);pointer-events:none}
body.kjh-article-page .kjh-article-title{position:relative;z-index:1;width:min(100%,1100px);margin:0 auto}
body.kjh-article-page .kjh-article-title>span{display:inline-flex;align-items:center;gap:12px;color:#a9e2ff;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
body.kjh-article-page .kjh-article-title>span::before{content:"";width:38px;height:2px;background:#59c7ff}
body.kjh-article-page .kjh-article-title>span a{color:inherit;text-decoration:none}
body.kjh-article-page .kjh-article-title h1{max-width:1080px;margin:28px 0 34px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,6.3vw,6.35rem);font-weight:400;line-height:.96;letter-spacing:-.047em;text-wrap:balance;text-shadow:0 8px 35px rgb(1 15 36 / 24%)}
body.kjh-article-page .kjh-article-title p{margin:0;display:flex;align-items:center;gap:12px;color:#d9efff;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
body.kjh-article-page .kjh-article-title p i{width:42px;height:2px;background:#59c7ff}
body.kjh-article-page .kjh-article-body{width:min(calc(100% - 40px),1040px);margin:clamp(-92px,-7vw,-62px) auto 0;padding:clamp(30px,5.5vw,72px);position:relative;z-index:2;border-top:7px solid #18a9ee;background:linear-gradient(145deg,#fff 0%,#fff 72%,#f0f9ff 100%);box-shadow:0 30px 90px rgb(3 29 62 / 24%)}
body.kjh-article-page .kjh-article-image{margin:0 0 clamp(42px,6vw,68px);position:relative}
body.kjh-article-page .kjh-article-image::after{content:"";position:absolute;left:-12px;bottom:-12px;z-index:-1;width:42%;height:48%;background:linear-gradient(135deg,#0b8ed8,#78d5ff)}
body.kjh-article-page .kjh-article-image img{width:100%;height:auto;display:block;box-shadow:0 20px 50px rgb(4 35 70 / 17%)}
body.kjh-article-page .kjh-article-content{color:#16243a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.08rem,1.75vw,1.24rem);line-height:1.82}
body.kjh-article-page .kjh-article-content>*{max-width:780px;margin-left:auto;margin-right:auto}
body.kjh-article-page .kjh-article-content p{margin-top:0;margin-bottom:1.55em}
body.kjh-article-page .kjh-article-content>p:first-of-type::first-letter{float:left;margin:.08em .13em 0 0;color:#087fc2;font-size:4.3em;font-weight:700;line-height:.72}
body.kjh-article-page .kjh-article-content h2,body.kjh-article-page .kjh-article-content h3{max-width:780px;margin-top:2.35em;color:#07152c;font-family:Arial,Helvetica,sans-serif;line-height:1.16;letter-spacing:-.02em}
body.kjh-article-page .kjh-article-content h2{padding-top:20px;border-top:3px solid #159fdf;font-size:clamp(1.8rem,3vw,2.6rem)}
body.kjh-article-page .kjh-article-content h3{color:#096ca6;font-size:clamp(1.35rem,2vw,1.75rem)}
body.kjh-article-page .kjh-article-content a{color:#067bb9;font-weight:700;text-decoration-color:rgb(11 142 216 / 45%);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
body.kjh-article-page .kjh-article-content ul,body.kjh-article-page .kjh-article-content ol{padding:28px 32px 28px 54px;border-left:5px solid #18a9ee;background:linear-gradient(100deg,#e8f7ff,#f7fbfe);box-shadow:inset 0 0 0 1px rgb(9 118 177 / 10%)}
body.kjh-article-page .kjh-article-content li{margin-bottom:.9em;padding-left:.35em}
body.kjh-article-page .kjh-article-content li::marker{color:#0787ca;font-weight:800}
body.kjh-article-page .kjh-article-content blockquote{padding:clamp(26px,4vw,42px);border:0;border-left:6px solid #62cfff;background:linear-gradient(135deg,#082542,#0b659d);color:#fff;font-size:1.3em;line-height:1.55;box-shadow:0 20px 46px rgb(5 42 78 / 20%)}
body.kjh-article-page .kjh-article-content table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;font-size:.94rem}
body.kjh-article-page .kjh-article-content th{background:#092b4d;color:#fff}
body.kjh-article-page .kjh-article-content th,body.kjh-article-page .kjh-article-content td{padding:14px 16px;border:1px solid #c5dcec;text-align:left}
body.kjh-article-page .kjh-article-content tr:nth-child(even) td{background:#eff8fd}
body.kjh-article-page .kjh-article-content img{max-width:100%;height:auto}
body.kjh-article-page .kjh-article-back{max-width:780px;margin:72px auto 0;padding:26px 30px;background:linear-gradient(115deg,#07152c,#0b5f94)}
body.kjh-article-page .kjh-article-back a{color:#9fdfff;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
@media(max-width:620px){body.kjh-article-page .kjh-article-header{min-height:92px;align-items:center}body.kjh-article-page .kjh-article-header>a{padding:7px 9px}body.kjh-article-page .kjh-article-header img{width:min(178px,51vw)}body.kjh-article-page .kjh-article-header nav{gap:14px}body.kjh-article-page .kjh-article-header nav a{font-size:.58rem;letter-spacing:.09em}body.kjh-article-page .kjh-article-hero{padding-top:70px;padding-bottom:128px}body.kjh-article-page .kjh-article-hero::after{right:-7vw;bottom:0;font-size:clamp(8rem,42vw,12rem)}body.kjh-article-page .kjh-article-title h1{font-size:clamp(2.65rem,12.8vw,4.4rem);line-height:.98}body.kjh-article-page .kjh-article-body{width:calc(100% - 24px);margin-top:-74px;padding:28px 20px 42px;border-top-width:5px}body.kjh-article-page .kjh-article-content ul,body.kjh-article-page .kjh-article-content ol{padding:22px 18px 22px 38px}body.kjh-article-page .kjh-article-back{margin-top:54px;padding:22px}}

/* KJH black studio and editorial panels — 8 September 2026 */
body.kjh-redesign-home .kjh-site .kjh-hero,body.kjh-redesign-home .kjh-site .kjh-hero-copy,body.kjh-redesign-home .kjh-site .kjh-portrait-panel,body.kjh-redesign-home .kjh-site .kjh-team-stage,body.kjh-redesign-home .kjh-site .kjh-team-profile,body.kjh-redesign-home .kjh-site .kjh-stats>div{background:#000!important;background-image:none!important}
body.kjh-redesign-home .kjh-hero .kjh-grid-lines,body.kjh-redesign-home .kjh-hero .kjh-watermark{display:none!important}
body.kjh-redesign-home .kjh-site .kjh-about{background:#030609!important;isolation:isolate;overflow:hidden}
body.kjh-redesign-home .kjh-about::before{content:"";position:absolute;pointer-events:none;width:70%;height:80%;left:-25%;top:6%;background:linear-gradient(140deg,#087abb,#07517e 45%,#031321 80%);opacity:.55;transform:rotate(-17deg);clip-path:polygon(0 10%,97% 0,74% 15%,100% 13%,79% 29%,93% 26%,66% 49%,84% 44%,56% 68%,65% 70%,36% 95%,0 100%)}
body.kjh-redesign-home .kjh-about .kjh-about-grid{position:relative;grid-template-columns:1.08fr .92fr}
body.kjh-redesign-home .kjh-about .kjh-insight-column,body.kjh-redesign-home .kjh-about .kjh-quote-column{background:transparent!important;padding-top:80px;padding-bottom:80px;min-width:0}
body.kjh-redesign-home .kjh-about .kjh-insight-column>h2{color:#fff;border-color:#365061}
body.kjh-redesign-home .kjh-about .kjh-insight-column>h2 em{color:#69c5ff}
body.kjh-redesign-home .kjh-about .kjh-insight-area{margin-top:32px}
body.kjh-redesign-home .kjh-about .kjh-insight-frame{padding:0 0 24px;background:#0a1017;border:1px solid #243341;box-shadow:0 18px 50px #0006}
body.kjh-redesign-home .kjh-about .kjh-insight-copy{padding:8px 24px}
body.kjh-redesign-home .kjh-about .kjh-insight-dots{margin-inline:24px}
body.kjh-redesign-home .kjh-about .kjh-filters button{background:transparent;color:#d6e4ee;border-color:#3a4c5c;box-shadow:none}
body.kjh-redesign-home .kjh-about .kjh-filters button[aria-pressed="true"],body.kjh-redesign-home .kjh-about .kjh-filters button:hover{background:#158dcc;border-color:#158dcc;color:#fff}
body.kjh-redesign-home .kjh-about .kjh-quote-inner{border-color:#365061}
body.kjh-redesign-home .kjh-about blockquote{font-size:clamp(2.3rem,3.7vw,4rem);line-height:1.12;text-wrap:balance}
body.kjh-redesign-home .kjh-about blockquote i{color:#69c5ff}
body.kjh-redesign-home .kjh-about .kjh-proof-grid{gap:24px}
@media(max-width:920px){body.kjh-redesign-home .kjh-about .kjh-about-grid{grid-template-columns:1fr}body.kjh-redesign-home .kjh-about .kjh-insight-column,body.kjh-redesign-home .kjh-about .kjh-quote-column{padding-block:48px}body.kjh-redesign-home .kjh-about::before{width:130%;opacity:.3}}