/* KKM inner pages: shared premium layer (header, buttons, footer, reveal). Page templates below. */
/* KKM homepage: premium dynamic layer (EN / ID / ZH). Scoped to body.ks. Palette: existing teal, navy, sand. */
body.ks{
  --k-navy:#0d202c;--k-deep:#091923;--k-teal:#367d78;--k-teal-d:#2a6662;--k-mint:#7ea8a5;
  --k-cream:#f8f6f0;--k-sand:#e8dfd0;--k-ink:#142b3b;--k-muted:#5d6a70;
  --k-ease:cubic-bezier(.22,1,.36,1);--k-r:clamp(2rem,5vw,4.5rem);
  background:var(--k-cream);color:var(--k-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:clip;
}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body.ks h1,body.ks h2,body.ks h3{font-family:var(--font-display)}
body.ks main{overflow:clip}
body.ks .container{max-width:calc(var(--container) + 2*var(--gutter))}

/* progress */
.ks-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:90;pointer-events:none}
.ks-progress i{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--k-teal),var(--k-mint),var(--k-sand))}

/* shared */
body.ks .eyebrow{color:var(--k-teal);font-size:.74rem;letter-spacing:.22em;gap:.75rem;margin-bottom:1.5rem}
body.ks .eyebrow:before{width:2.25rem;height:2px;border-radius:2px}
body.ks .eyebrow--light{color:var(--k-mint)}
body.ks h2{font-weight:800;letter-spacing:-.045em;line-height:1.04;font-size:clamp(2.3rem,4.6vw,4.2rem);color:var(--k-navy)}
body.ks h2 em{font-style:normal;color:var(--k-teal)}
body.ks .button{border-radius:999px;min-height:3.5rem;padding:0 1.9rem;font-size:.95rem;gap:.75rem;border:2px solid transparent;transition:transform .35s var(--k-ease),background .25s,color .25s,border-color .25s,box-shadow .35s}
body.ks .button .icon{transition:transform .35s var(--k-ease)}
body.ks .button:hover{transform:translateY(-3px)}
body.ks .button:hover .icon{transform:translateX(5px)}
body.ks .button--primary{background:var(--k-teal);color:#fff;box-shadow:0 12px 30px #367d7840}
body.ks .button--primary:hover{background:var(--k-teal-d)}
body.ks .button--secondary{border-color:var(--k-navy);color:var(--k-navy);background:transparent}
body.ks .button--secondary:hover{background:var(--k-navy);color:#fff}
body.ks .button--light{background:var(--k-sand);color:var(--k-navy);box-shadow:0 12px 32px #0d202c40}
body.ks .button--light:hover{background:#fff}
body.ks .text-link{font-size:.95rem;color:var(--k-teal)}
body.ks .button:focus-visible,body.ks .text-link:focus-visible,body.ks a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
body.ks .status{border-radius:999px;padding:.4rem .8rem;font-size:.62rem}
body.ks .tag{border-radius:999px;padding:.4rem .8rem}

/* reveal */
.ks-js .ks-r{opacity:0;transform:translateY(46px);transition:opacity .9s var(--k-ease),transform 1s var(--k-ease);transition-delay:var(--rd,0s)}
.ks-js .ks-r.is-in{opacity:1;transform:none}

/* header */
body.ks .site-header{position:fixed;inset:0 0 auto 0;background:none;border:0;padding:clamp(.75rem,1.6vw,1.25rem) 0;pointer-events:none;transition:transform .5s var(--k-ease);z-index:70}
body.ks .site-header.is-hidden{transform:translateY(-120%)}
body.ks .header-inner{height:auto;max-width:calc(90rem);gap:1rem;pointer-events:none}
body.ks .header-inner>*,body.ks .site-header>.static-mobile-menu{pointer-events:auto}
body.ks .brand-link{margin:0}
body.ks .wordmark{border:1px solid #142b3b14;background:var(--k-cream);color:var(--k-navy);border-radius:999px;min-height:3.75rem;padding:.55rem 2rem;justify-content:center;box-shadow:0 14px 40px #0d202c38}
body.ks .wordmark span{font-weight:800;font-size:1.7rem}
body.ks .wordmark small{color:var(--k-teal);font-size:.55rem;letter-spacing:.24em}
body.ks .desktop-nav{margin-inline:auto;gap:.15rem;padding:.4rem;border-radius:999px;background:#0d202c99;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid #ffffff24;box-shadow:0 14px 40px #0d202c38;color:#fff;font-size:.8rem}
body.ks .desktop-nav>a,body.ks .nav-dropdown-link{padding:.8rem 1.05rem;border-radius:999px;transition:background .25s,color .25s}
body.ks .nav-dropdown{border-radius:999px}
body.ks .nav-dropdown>button{padding:.8rem .5rem .8rem 0;color:#fff}
body.ks .nav-dropdown-link{padding-right:.25rem}
body.ks .desktop-nav>a:hover,body.ks .nav-dropdown-link:hover,body.ks .desktop-nav>a[href="index.html"]{background:var(--k-sand);color:var(--k-navy)}
body.ks .nav-dropdown:hover{background:#ffffff1f}
body.ks .nav-dropdown>button:hover{color:#fff}
body.ks .header-actions{margin-left:0;gap:.75rem}
body.ks .language>button{min-height:3.75rem;padding:0 1.25rem;border-radius:999px;background:#0d202c99;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff24;box-shadow:0 14px 40px #0d202c38;font-size:.8rem}
body.ks .language-menu{background:var(--k-navy);border:1px solid #ffffff2e;border-radius:1.25rem;padding:.5rem;min-width:13rem;box-shadow:0 24px 60px #00000066}
body.ks .language-menu a{display:block;padding:.8rem 1rem;border-radius:.8rem;color:#fff;font-weight:600;font-size:.9rem}
body.ks .language-menu a:hover{background:var(--k-teal)}
body.ks .header-actions>.button{min-height:3.75rem;background:var(--k-teal);color:#fff;padding:0 1.7rem;box-shadow:0 14px 40px #0d202c47}
body.ks .header-actions>.button:hover{background:var(--k-navy)}
body.ks .mobile-toggle{width:3.75rem;height:3.75rem;border-radius:50%;background:var(--k-cream);color:var(--k-navy);box-shadow:0 14px 40px #0d202c38;min-width:0}
body.ks .static-mobile-menu.mobile-menu{inset:0;z-index:65;padding:7rem var(--gutter) 3rem;justify-content:center;background:radial-gradient(60rem 40rem at 90% 0,#367d7840,#0000 60%),var(--k-navy);animation:ksMenu .6s var(--k-ease) both}
@keyframes ksMenu{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
body.ks .mobile-menu>nav>a{font-weight:700;font-size:clamp(1.5rem,6.5vw,2.4rem);letter-spacing:-.04em;min-height:0;padding-block:.95rem;border-color:#ffffff24}
body.ks .mobile-menu>nav>a>span{color:var(--k-mint);letter-spacing:.2em}

/* footer */
body.ks .footer{background:var(--k-deep);padding-top:calc(5rem + var(--k-r));margin-top:calc(var(--k-r) * -1)}
body.ks .footer-links a{transition:color .2s,transform .3s var(--k-ease)}
body.ks .footer-links a:hover{transform:translateX(4px)}

body.ks .footer .wordmark{background:none;box-shadow:none;border-radius:0;padding:0;min-height:0;color:#fff;justify-content:flex-start}
body.ks .footer .wordmark small{color:var(--k-mint)}

body.ks .header-inner{position:relative;z-index:2}
body.ks .static-mobile-menu.mobile-menu{z-index:1}
@media (max-width:70rem){body.ks .header-actions{margin-left:auto}}

@media (max-width:70rem){
  body.ks .desktop-nav{display:none}
  body.ks .mobile-toggle{display:flex}
}
@media (max-width:48rem){
  body.ks .header-actions>.button{display:none}
  body.ks .wordmark{min-height:3.25rem;padding:.45rem 1.5rem}
  body.ks .mobile-toggle{width:3.25rem;height:3.25rem}
  body.ks .footer-top{grid-template-columns:minmax(0,1fr)}
  body.ks .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ks .footer-bottom{flex-direction:column;gap:1rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ks-js .ks-r{opacity:1;transform:none;transition:none}}

/* ===== inner page templates ===== */
body.ks{--k-dark-sections:1}
body.ks h2{font-size:clamp(2.1rem,4vw,3.7rem);margin-top:0}
body.ks h3{letter-spacing:-.03em}
body.ks .lead{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.6;color:var(--k-ink);font-weight:500}
body.ks p{line-height:1.75}
body.ks main{overflow:clip}

/* layered sections */
body.ks main>section:not([class*="hero"]),body.ks main>article>section{position:relative;margin-top:calc(var(--k-r) * -1);border-radius:var(--k-r) var(--k-r) 0 0;padding-top:calc(var(--section) + var(--k-r));padding-bottom:calc(var(--section) + var(--k-r))}
body.ks main>section:first-child:not([class*="hero"]){margin-top:0;border-radius:0;padding-top:calc(var(--section) + 7rem)}
body.ks main>section:nth-child(1){z-index:1}body.ks main>section:nth-child(2){z-index:2}body.ks main>section:nth-child(3){z-index:3}body.ks main>section:nth-child(4){z-index:4}body.ks main>section:nth-child(5){z-index:5}body.ks main>section:nth-child(6){z-index:6}body.ks main>section:nth-child(7){z-index:7}body.ks main>section:nth-child(8){z-index:8}body.ks main>section:nth-child(9){z-index:9}
body.ks .footer{z-index:20}

/* dark sections: navy with teal glow */
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership,.public-form-section,.contact-form-section,.member-registration,.pillar-page-hero--business){background:radial-gradient(48rem 32rem at 90% 0,#367d7845,#0000 65%),radial-gradient(40rem 28rem at 0 100%,#7ea8a51f,#0000 60%),var(--k-navy);color:#fff}
body.ks :is(.education-final-cta,.listing-next-step,.business-partnership,.pillar-journey){background:radial-gradient(48rem 32rem at 0 0,#367d7845,#0000 65%),var(--k-deep)}
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership,.public-form-section,.contact-form-section,.member-registration) :is(h2,h3,h4,strong){color:#fff}
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership,.public-form-section,.contact-form-section,.member-registration) :is(p,li,span:not(.tag):not(.status)){color:#d2dade}
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership,.public-form-section,.contact-form-section,.member-registration) .lead{color:#fff}
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership,.public-form-section,.contact-form-section,.member-registration) .eyebrow{color:var(--k-mint)}
body.ks :is(.featured-article-copy,.regional-story,.education-editorial,.next-steps,.education-pathways,.education-final-cta,.listing-next-step,.program-provider,.experience-initiative,.pillar-journey,.talent-feature,.business-feature,.business-partnership) .text-link{color:var(--k-sand)}
/* light sections */
body.ks :is(.education-focus,.partnership-areas,.business-areas,.member-value,.related-articles,.enquiry-routes,.talent-introduction,.education-partners,.program-key-information,.experience-feature-copy){background:radial-gradient(40rem 26rem at 15% 0,#367d7833,#0000 65%),var(--k-sand)}
body.ks :is(.opportunity-overview,.featured-education,.program-listing,.program-learning,.related-programs,.experience-listing,.pillar-audience,.member-faq,.featured-article,.editorial-split,.connected-section,.pillars,.education-introduction,.program-overview,.business-introduction,.pillar-introduction,.partner-purpose,.partner-audience,.insights-page-intro,.insights-listing){background:var(--k-cream)}

/* two column text grids */
body.ks :is(.editorial-grid,.education-focus-grid,.connected-grid,.opportunity-partner-grid,.education-introduction-grid,.program-overview-grid,.business-introduction-grid,.pillar-introduction-grid,.next-steps-grid,.education-next-steps-grid,.education-final-cta-grid,.program-next-step-grid,.business-partnership-grid,.education-pathways-grid,.partner-audience-grid,.insights-page-intro-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
/* image + copy splits */
body.ks :is(.regional-grid,.education-partners-grid,.program-provider-grid,.business-feature-grid,.business-audience-grid,.experience-initiative-grid,.education-editorial-grid,.featured-article-grid,.opportunity-feature,.experience-feature,.talent-feature-grid,.pillar-audience-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
body.ks :is(.regional-image,.education-partners-image,.program-provider-image,.business-feature-image,.business-audience-image,.experience-initiative-image,.education-editorial-image,.featured-article-image,.opportunity-feature-image,.experience-feature-image,.experience-listing-image){border-radius:2rem;overflow:hidden;box-shadow:0 30px 80px #0d202c3d;height:clamp(22rem,36vw,34rem)}
body.ks :is(.regional-image,.education-partners-image,.business-feature-image,.education-editorial-image,.program-provider-image) {border-radius:10rem 2rem 2rem 2rem}
body.ks :is(.regional-image,.education-partners-image,.program-provider-image,.business-feature-image,.business-audience-image,.experience-initiative-image,.education-editorial-image,.featured-article-image,.opportunity-feature-image,.experience-feature-image,.experience-listing-image) img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--k-ease);filter:none}
body.ks :is(.regional-image,.education-partners-image,.program-provider-image,.business-feature-image,.business-audience-image,.experience-initiative-image,.education-editorial-image,.featured-article-image,.opportunity-feature-image,.experience-feature-image,.experience-listing-image):hover img{transform:scale(1.06)}
body.ks :is(.opportunity-feature-copy,.experience-feature-copy,.featured-article-copy){border-radius:2rem;padding:clamp(1.75rem,4vw,3.5rem)}
body.ks .opportunity-feature-copy{background:linear-gradient(160deg,var(--k-teal),var(--k-teal-d));color:#fff}
body.ks .opportunity-feature-copy :is(h2,h3,p,span){color:#fff}
body.ks .featured-article-copy{background:var(--k-navy)}

/* cards */
body.ks :is(.values-grid>article,.business-area-list>article,.partnership-area-grid>*,.member-value-grid>div,.faq-list>article,.enquiry-route-grid>a,.experience-listing-items>article,.education-provider-list>article,.partner-audience-list>div,.future-pillar-list>article,.related-article-grid>*){background:#fff;border:1px solid #142b3b14;border-radius:1.75rem;padding:clamp(1.5rem,2.5vw,2.25rem);box-shadow:0 18px 50px #0d202c12;transition:transform .5s var(--k-ease),box-shadow .5s,border-color .3s}
body.ks :is(.values-grid>article,.business-area-list>article,.partnership-area-grid>*,.member-value-grid>div,.enquiry-route-grid>a,.experience-listing-items>article,.future-pillar-list>article):hover{transform:translateY(-8px);box-shadow:0 34px 80px #0d202c26}
body.ks :is(.values-grid,.business-area-list,.partnership-area-grid,.member-value-grid,.enquiry-route-grid,.faq-list,.future-pillar-list,.related-article-grid,.experience-listing-items){gap:1.25rem}
body.ks :is(.values-grid>article,.business-area-list>article,.partnership-area-grid>*,.member-value-grid>div)>span:first-child{font:800 2.6rem/1 var(--font-display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.3px var(--k-teal);display:block;margin-bottom:1rem}
body.ks :is(.values-grid>article,.business-area-list>article,.partnership-area-grid>*,.member-value-grid>div,.enquiry-route-grid>a,.faq-list>article) h3{color:var(--k-navy);font-weight:700;font-size:1.3rem}
body.ks :is(.values-grid>article,.business-area-list>article,.partnership-area-grid>*,.member-value-grid>div,.enquiry-route-grid>a,.faq-list>article) p{color:var(--k-muted)}
body.ks :is(.education-pathway-list>div,.partner-audience-list>div){border-radius:1.5rem;background:linear-gradient(160deg,#ffffff18,#ffffff08);border:1px solid #ffffff2b;padding:1.5rem 1.75rem;transition:transform .45s var(--k-ease),background .35s}
body.ks .partner-audience-list>div{background:#fff;border-color:#142b3b14}
body.ks :is(.education-pathway-list>div):hover{transform:translateX(10px);background:#367d78d9}

/* program / education / article cards */
body.ks :is(.education-opportunity-card,.article-card){background:#fff;border:0;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px #0d202c14;transition:transform .55s var(--k-ease),box-shadow .5s}
body.ks :is(.education-opportunity-card,.article-card):hover{transform:translateY(-10px);box-shadow:0 40px 90px #0d202c2e}
body.ks :is(.education-opportunity-image,.article-card-image){overflow:hidden}
body.ks :is(.education-opportunity-image,.article-card-image) img{transition:transform 1.1s var(--k-ease);filter:none;width:100%;height:100%;object-fit:cover}
body.ks :is(.education-opportunity-card,.article-card):hover :is(.education-opportunity-image,.article-card-image) img{transform:scale(1.08)}
body.ks .education-opportunity-content h3,body.ks .article-card h3{color:var(--k-navy);font-weight:700}
body.ks .education-opportunity-content p,body.ks .article-card p{color:var(--k-muted)}
body.ks .education-card-actions{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
body.ks .education-card-actions .text-link{margin-top:0}
body.ks .education-provider-list>article{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
body.ks .button.is-disabled{background:#142b3b14;color:var(--k-muted);border-color:transparent;box-shadow:none;opacity:.7}

/* HERO template */
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero){position:relative;min-height:clamp(34rem,88svh,54rem);display:flex;align-items:flex-end;background:var(--k-navy);color:#fff;overflow:hidden;padding:0;border:0;z-index:0}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero)>.container{position:static;padding-block:9rem calc(var(--k-r) + 5rem)}
body.ks :is(.page-hero-copy,.pillar-page-hero-copy,.education-hero-copy,.program-detail-title,.program-detail-hero .breadcrumbs){position:relative;z-index:3}
body.ks :is(.page-hero-grid,.pillar-page-hero-grid,.education-hero-grid,.program-detail-hero-grid){display:block;min-height:0}
body.ks :is(.page-hero-image,.pillar-page-hero-image,.education-hero-visual,.program-detail-image){position:absolute;inset:-6% 0;height:auto;width:100%;z-index:0;clip-path:none;overflow:hidden;will-change:transform}
body.ks :is(.page-hero-image,.pillar-page-hero-image,.education-hero-visual,.program-detail-image) img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95);animation:ksZoom 24s ease-in-out infinite alternate}
@keyframes ksZoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero):after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#09192373 0%,#0d202c0d 30%,#0d202c33 60%,#091923cc 100%),linear-gradient(90deg,#09192380,#0000 70%)}
body.ks :is(.page-hero-copy,.pillar-page-hero-copy,.education-hero-copy,.program-detail-title){max-width:56rem}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) h1{font-weight:800;filter:drop-shadow(0 2px 18px #09192366);font-size:clamp(2.5rem,min(6vw,10vh),5.6rem);line-height:1.12;letter-spacing:-.05em;color:#fff;margin-bottom:1.5rem}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) h1 span{display:block;position:relative;z-index:1}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) h1 em{font-style:normal;display:block;padding-bottom:.18em;margin-bottom:-.18em;background:linear-gradient(90deg,var(--k-sand),var(--k-mint));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) :is(p){color:#f1f6f8;text-shadow:0 1px 14px #09192373;font-size:clamp(1.02rem,1.5vw,1.25rem);max-width:42rem}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) .eyebrow{color:var(--k-mint)}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) :is(.button--primary){background:var(--k-sand);color:var(--k-navy);box-shadow:0 12px 32px #0d202c40}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) :is(.button--primary):hover{background:#fff}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) .button--secondary{background:#ffffff14;border-color:#ffffff6b;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) .button--secondary:hover{background:#fff;color:var(--k-navy)}
body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) :is(.button,.button-row){margin-top:1.5rem}
body.ks .button-row .button{margin-top:0}
body.ks .education-hero-note{left:auto;right:var(--gutter);bottom:calc(var(--k-r) + 3rem);width:21rem;z-index:4;border-radius:1.25rem;background:#0d202c66;border:1px solid #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.1rem 1.4rem}
body.ks .education-hero-note span{color:var(--k-mint)}
body.ks .breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.8rem}
body.ks .breadcrumbs a,body.ks .breadcrumbs span{color:#fff;padding:.45rem .9rem;border-radius:999px;background:#0d202c66;border:1px solid #ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.ks .program-detail-title .tag{margin-bottom:1.25rem}

/* page intro sections without hero (insights index) */
body.ks .insights-page-intro h1{font-weight:800;font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.05em;color:var(--k-navy)}
body.ks .insights-page-intro h1 em{font-style:normal;color:var(--k-teal)}
body.ks .article-card-grid,body.ks .related-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:clamp(2rem,4vw,3.5rem)}
body.ks .article-card-meta{color:var(--k-teal);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;display:flex;justify-content:space-between;gap:1rem}
body.ks .article-card-content{padding:1.75rem}
body.ks .article-card-image{height:15rem}

/* article page */
body.ks .article-detail{padding-top:8rem;background:var(--k-cream)}
body.ks .article-header{max-width:56rem}
body.ks .article-header h1{font-weight:800;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.05em;color:var(--k-navy)}
body.ks .article-header .breadcrumbs a{background:#fff;color:var(--k-navy);border-color:#142b3b1f}
body.ks .article-featured-image{margin-block:2.5rem}
body.ks .article-featured-image img{border-radius:2rem;max-height:34rem;width:100%;object-fit:cover;box-shadow:0 30px 80px #0d202c33}
body.ks .article-body-content{max-width:46rem;margin-inline:auto}
body.ks .article-lead{font-size:1.4rem;line-height:1.6;color:var(--k-navy);font-weight:500}
body.ks .article-body-content p{font-size:1.1rem;line-height:1.85;color:var(--k-muted)}
body.ks .article-body-content h2,body.ks .article-body-content h3{margin-top:2.5rem;font-size:1.8rem}

/* forms */
body.ks .public-form-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
body.ks .public-form-intro{position:sticky;top:7rem}
body.ks .public-form-intro h2{color:#fff}
body.ks .public-form{background:#ffffff14;border:1px solid #ffffff2e;border-radius:2rem;padding:clamp(1.5rem,3.4vw,3rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 90px #00000059;color:#fff}
body.ks .public-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
body.ks .public-form .form-wide{grid-column:1/-1}
body.ks .public-field>span,body.ks .checkbox-group legend{display:block;margin-bottom:.5rem;font:700 .72rem var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#cfdadc}
body.ks .public-field b{color:var(--k-sand)}
body.ks .public-form :is(input[type=text],input[type=email],input[type=tel],input[type=url],select,textarea){width:100%;min-height:3.4rem;padding:.9rem 1.1rem;border-radius:1rem;border:1.5px solid #ffffff38;background:#091923a6;color:#fff;font:500 1rem var(--font-display);outline:none;transition:border-color .25s,background .25s,box-shadow .25s}
body.ks .public-form textarea{min-height:9rem;resize:vertical}
body.ks .public-form select option{background:var(--k-navy);color:#fff}
body.ks .public-form :is(input,select,textarea):focus{border-color:var(--k-mint);background:#091923ee;box-shadow:0 0 0 4px #7ea8a540}
body.ks .public-form .form-privacy-note,body.ks .public-form .consent-field label,body.ks .public-form .consent-field span{color:#e3eaed;font-size:.92rem;line-height:1.6}
body.ks .public-form a{color:var(--k-sand);text-decoration:underline;text-underline-offset:3px}
body.ks .public-form .consent-field{border-color:#ffffff2e;margin-bottom:.75rem}
body.ks .public-form .consent-field label{display:flex;gap:.85rem;align-items:flex-start;cursor:pointer}
body.ks .public-form input[type=checkbox]{flex:none;width:1.3rem;height:1.3rem;accent-color:var(--k-teal)}
body.ks .checkbox-group{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
body.ks .checkbox-group legend{width:100%}
body.ks .checkbox-group label{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.1rem;border-radius:999px;border:1.5px solid #ffffff38;color:#fff;cursor:pointer;transition:background .25s,border-color .25s}
body.ks .checkbox-group label:hover{border-color:var(--k-mint)}
body.ks .public-form .form-submit{margin-top:1.75rem;width:100%;background:var(--k-sand);color:var(--k-navy)}
body.ks .form-status{margin:1.5rem 0 0;padding:1rem 1.25rem;border-radius:1rem;background:#e6f0e9;color:#1f4c34;border:0}

/* enquiry routes, faq */
body.ks .enquiry-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem}
body.ks .faq-list{display:grid;max-width:56rem;margin-inline:auto}

/* legal pages */
body.ks .legal-page{padding-top:8rem;background:var(--k-cream)}
body.ks .legal-header{padding-block:3rem 2rem}
body.ks .legal-header h1{font-weight:800;font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.05em;color:var(--k-navy);line-height:1.05}
body.ks .legal-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:3rem;align-items:start;padding-bottom:6rem}
body.ks .legal-layout>nav{position:sticky;top:7rem;padding:1.25rem;border-radius:1.5rem;background:#fff;box-shadow:0 18px 50px #0d202c12}
body.ks .legal-layout>nav a{display:block;padding:.6rem .75rem;border-radius:.75rem;font-size:.9rem;color:var(--k-muted);transition:background .2s,color .2s}
body.ks .legal-layout>nav a:hover{background:var(--k-sand);color:var(--k-navy)}
body.ks .legal-content{background:#fff;border-radius:2rem;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 18px 50px #0d202c12}
body.ks .legal-content h2{font-size:1.7rem;margin:2.25rem 0 .75rem}
body.ks .legal-content p,body.ks .legal-content li{color:var(--k-muted);line-height:1.85}

/* confirmation + 404 */
body.ks .confirmation-page{min-height:100svh;display:grid;place-items:center;text-align:center;padding:8rem 0 6rem;background:radial-gradient(48rem 32rem at 90% 0,#367d7860,#0000 65%),radial-gradient(40rem 28rem at 0 100%,#7ea8a53d,#0000 60%),var(--k-navy);color:#fff}
body.ks .confirmation-content{max-width:46rem}
body.ks .confirmation-content h1{font-weight:800;font-size:clamp(2.4rem,5.4vw,4.6rem);letter-spacing:-.05em;line-height:1.05;color:#fff}
body.ks .confirmation-content :is(p,li){color:#d2dade}
body.ks .confirmation-content .eyebrow{justify-content:center;color:var(--k-mint)}
body.ks .confirmation-content .button-row{justify-content:center;margin-top:2rem}
body.ks .confirmation-content .button--primary{background:var(--k-sand);color:var(--k-navy)}
body.ks .confirmation-content .button--secondary{border-color:#ffffff6b;color:#fff}
body.ks .confirmation-content .button--secondary:hover{background:#fff;color:var(--k-navy)}
body.ks .confirmation-mark{width:5rem;height:5rem;border-radius:50%;margin:0 auto 2rem;background:var(--k-teal);display:grid;place-items:center;color:#fff;box-shadow:0 0 0 14px #367d7840}
body.ks .confirmation-next{margin-top:2rem;padding:1.5rem;border-radius:1.5rem;background:#ffffff14;border:1px solid #ffffff2b}

/* responsive */
@media (max-width:64rem){
  body.ks :is(.editorial-grid,.education-focus-grid,.connected-grid,.opportunity-partner-grid,.education-introduction-grid,.program-overview-grid,.business-introduction-grid,.pillar-introduction-grid,.next-steps-grid,.education-next-steps-grid,.education-final-cta-grid,.program-next-step-grid,.business-partnership-grid,.education-pathways-grid,.partner-audience-grid,.insights-page-intro-grid,.regional-grid,.education-partners-grid,.program-provider-grid,.business-feature-grid,.business-audience-grid,.experience-initiative-grid,.education-editorial-grid,.featured-article-grid,.opportunity-feature,.experience-feature,.public-form-layout,.legal-layout){grid-template-columns:minmax(0,1fr)}
  body.ks .public-form-intro,body.ks .legal-layout>nav{position:static}
  body.ks .article-card-grid,body.ks .related-article-grid,body.ks .enquiry-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ks .education-hero-note{display:none}
}
@media (max-width:40rem){
  body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero)>.container{padding-block:8rem calc(var(--k-r) + 3rem)}
  body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) h1{font-size:clamp(2.2rem,10.5vw,3.3rem)}
  body.ks .article-card-grid,body.ks .related-article-grid,body.ks .enquiry-route-grid,body.ks .public-form .form-grid{grid-template-columns:minmax(0,1fr)}
  body.ks .button-row .button,body.ks :is(.page-hero,.pillar-page-hero,.education-hero,.program-detail-hero) .button{width:100%}
}
@media (prefers-reduced-motion:reduce){body.ks :is(.page-hero-image,.pillar-page-hero-image,.education-hero-visual,.program-detail-image) img{animation:none}}

body.ks .button span{color:inherit!important}
body.ks .partner-audience-list strong,body.ks .ecosystem-list strong{display:block;margin-bottom:.3rem;color:var(--k-navy)}
body.ks .partner-audience-list>div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}
body.ks .partner-audience-list>div>span{font:800 1.5rem/1 var(--font-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.2px var(--k-teal)}
body.ks .editorial-body .lead{margin-bottom:2.5rem}
body.ks .editorial-body .eyebrow{margin-bottom:1rem}
body.ks :where(p,h2,h3)+:is(.button,.button-row){margin-top:2rem}
@media (min-width:900px){body.ks .page-hero--about .page-hero-copy{max-width:none}body.ks .page-hero--about h1{font-size:clamp(2.5rem,3.8vw,5rem)}}
body.ks .editorial-body p+p{margin-top:1rem}

/* ---------- Legal pages: privacy, website terms, Member Club terms ---------- */
body.ks .legal-hero{position:relative;overflow:hidden;padding:clamp(9rem,15vw,12rem) 0 clamp(5rem,9vw,8rem);background:radial-gradient(48rem 30rem at 85% 0,#367d7866,#0000 65%),radial-gradient(36rem 24rem at 0 100%,#7ea8a52e,#0000 70%),var(--k-navy);color:#fff}
body.ks .legal-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:clamp(2.5rem,6vw,5rem);background:var(--k-cream);border-radius:50% 50% 0 0/100% 100% 0 0}
body.ks .legal-header{padding-block:0;border:0}
body.ks .legal-header .eyebrow{color:var(--k-mint)}
body.ks .legal-header h1{max-width:16em;margin-bottom:1.25rem;font-size:clamp(2.6rem,6vw,5rem);line-height:1.06;color:#fff;filter:drop-shadow(0 2px 18px #09192366)}
body.ks .legal-header>p:not(.eyebrow){max-width:40rem;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.7;color:#e3eaed}
body.ks .legal-layout{counter-reset:legalnav legalsec;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);padding-top:clamp(.5rem,2vw,1.5rem);padding-bottom:clamp(4rem,8vw,7rem)}
body.ks .legal-layout>nav{top:7rem;padding:1.5rem 1.25rem 1.25rem;display:grid;gap:.15rem}
body.ks .legal-layout>nav:before{content:"On this page";display:block;margin:0 .75rem .75rem;font:700 .72rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--k-teal)}
body.ks .legal-layout>nav a{counter-increment:legalnav;display:block;font-size:.88rem;line-height:1.35}
body.ks .legal-layout>nav a:before{content:counter(legalnav,decimal-leading-zero) "  ";font-weight:700;color:var(--k-mint)}
body.ks .legal-layout>nav a:hover{background:#367d781a;color:var(--k-navy)}
body.ks .legal-content{padding:clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3.25rem)}
body.ks .legal-content>section{border-bottom:0;counter-increment:legalsec;display:grid;grid-template-columns:4rem minmax(0,1fr);column-gap:1.25rem;padding:clamp(1.5rem,3vw,2.25rem) 0;border-top:1px solid #142b3b1f;scroll-margin-top:7rem}
body.ks .legal-content>section:first-child{border-top:0;padding-top:0}
body.ks .legal-content>section:last-child{padding-bottom:0}
body.ks .legal-content>section:before{content:counter(legalsec,decimal-leading-zero);grid-row:1/span 6;font:800 2rem/1 var(--font-display);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.2px var(--k-teal)}
body.ks .legal-content>section>*{grid-column:2;max-width:42rem}
body.ks .legal-content h2{margin:0 0 .6rem;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.25;letter-spacing:-.03em;color:var(--k-navy)}
body.ks .legal-content p+p{margin-top:.9rem}
body.ks .legal-content a{color:var(--k-teal);font-weight:700;text-decoration:underline;text-underline-offset:.2em}
@media (max-width:64rem){body.ks .legal-layout{grid-template-columns:minmax(0,1fr)}body.ks .legal-layout>nav{position:static}}
@media (max-width:40rem){body.ks .legal-content>section{grid-template-columns:minmax(0,1fr)}body.ks .legal-content>section:before{grid-row:auto;margin-bottom:.5rem}body.ks .legal-content>section>*{grid-column:1}}

/* Status labels (Initial focus, Coming soon): plain text with a short line, not a button-like pill. */
body.ks .status{display:inline-flex;align-items:center;gap:.65rem;align-self:flex-start;width:auto;margin:0 0 1.25rem;padding:0;border:0;border-radius:0;background:none;font:700 .72rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--k-teal)}
body.ks .status:before{content:"";flex:none;width:1.75rem;height:2px;border-radius:2px;background:currentColor;opacity:.7}
body.ks .status--active{color:#fff;opacity:.92}