.kh-hub{--kh-gold: #c8963e;--kh-gold-light: #d4a84b;--kh-gold-dark: #b5852f;--kh-orange: #c8963e;--kh-blue: #1e3a5f;--kh-yellow: #e9c34c;--kh-dark-yellow: #c8852f;--kh-gray: #6c757d;--kh-dark: #1a1a2e;--kh-white: #ffffff;--kh-off-white: #f8fafc;--kh-light-gray: #e2e8f0;--kh-lighter: #f1f5f9;--kh-radius: 12px;--kh-radius-sm: 8px;--kh-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--kh-shadow-md: 0 4px 20px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--kh-shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--kh-transition: .35s cubic-bezier(.4, 0, .2, 1);--kh-hero-gradient: linear-gradient(135deg, #1e3a5f 0%, #162d4a 50%, #0f1f35 100%);--kh-accent-gradient: linear-gradient(135deg, #c8963e 0%, #d4a84b 50%, #b5852f 100%);background:var(--kh-off-white);color:var(--kh-dark)}.kh-hub .kh-container{max-width:1200px;margin:0 auto;padding:0 24px}.kh-hub .kh-hero{--kh-hero-accent: var(--mx-gold-muted, #c4a94e);position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;background:var(--mx-black, #0d0d0d);overflow:hidden;isolation:isolate;padding:132px 24px 88px}.kh-hub .kh-hero__ambient{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 65% 90% at 76% 52%,rgba(196,169,78,.16),transparent 62%),linear-gradient(120deg,rgba(255,255,255,.04),transparent 38%)}.kh-hub .kh-hero__slashes{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.kh-hub .kh-hero__slashes line{stroke:var(--kh-hero-accent);opacity:.24}.kh-hub .kh-hero__slashes line:nth-child(1){stroke-width:1.5}.kh-hub .kh-hero__slashes line:nth-child(n+2){stroke-width:.7;opacity:.1}.kh-hub .kh-hero__content{position:relative;z-index:1;text-align:center;max-width:760px;width:100%}.kh-hub .kh-hero__badge{display:inline-flex;background:color-mix(in srgb,var(--kh-hero-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--kh-hero-accent) 42%,transparent);color:var(--kh-hero-accent);font-family:var(--font-display-condensed, sans-serif);font-size:.82rem;letter-spacing:.14em;padding:.45rem .78rem;border-radius:2px;margin-bottom:1.4rem;text-transform:uppercase}.kh-hub .kh-hero h1{font-family:var(--font-thai, sans-serif);font-size:clamp(2.2rem,5.4vw,3.9rem);font-weight:650;color:var(--kh-white);line-height:1.1;margin:0 0 14px;letter-spacing:0}.kh-hub .kh-hero__highlight{background:linear-gradient(135deg,var(--kh-hero-accent),var(--kh-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kh-hub .kh-hero__subline{color:var(--kh-hero-accent);font-family:var(--font-display-condensed, sans-serif);font-size:clamp(1rem,2vw,1.3rem);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem}.kh-hub .kh-hero__sub{font-size:1.0625rem;color:#ffffffb3;line-height:1.8;margin:0 auto 36px;max-width:600px}.kh-hub .kh-search{max-width:560px;margin:0 auto;position:relative}.kh-hub .kh-search :global(.pagefind-ui),.kh-hub .kh-search .pagefind-ui{--pagefind-ui-scale: .9}.kh-hub .kh-section{padding:72px 0}.kh-hub .kh-section--alt{background:var(--kh-lighter)}.kh-hub .kh-section__label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kh-orange);margin-bottom:8px}.kh-hub .kh-section__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;color:var(--kh-dark);line-height:1.3;margin:0 0 12px}.kh-hub .kh-section__desc{font-size:1rem;color:var(--kh-gray);line-height:1.7;max-width:600px;margin:0 0 40px}.kh-hub .kh-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.kh-hub .kh-topic-card{background:var(--kh-white);border:1px solid var(--kh-light-gray);border-radius:var(--kh-radius);padding:28px 24px;transition:transform var(--kh-transition),box-shadow var(--kh-transition),border-color var(--kh-transition);display:flex;flex-direction:column;text-align:left;cursor:pointer;width:100%}.kh-hub .kh-topic-card:hover{transform:translateY(-6px);box-shadow:var(--kh-shadow-lg);border-color:#d9943540}.kh-hub .kh-topic-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(135deg,#d9943533,#d9943514);color:var(--kh-orange);font-size:1.5rem;transition:transform var(--kh-transition)}.kh-hub .kh-topic-card:hover .kh-topic-card__icon{transform:scale(1.08)}.kh-hub .kh-topic-card h3{font-size:1.15rem;font-weight:700;color:var(--kh-dark);margin:0 0 8px;line-height:1.4}.kh-hub .kh-topic-card p{font-size:.9375rem;color:var(--kh-gray);line-height:1.6;margin:0}.kh-hub .kh-topic-card__count{margin-top:16px;font-size:.8125rem;font-weight:600;color:var(--kh-orange)}.kh-hub .kh-topic-card--link{text-decoration:none;color:inherit}.kh-hub .kh-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.kh-hub .kh-filter-pill{background:var(--kh-white);border:1px solid var(--kh-light-gray);color:var(--kh-gray);padding:8px 18px;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--kh-transition)}.kh-hub .kh-filter-pill:hover{border-color:#d9943566;color:var(--kh-dark);box-shadow:0 2px 8px #0000000d}.kh-hub .kh-filter-pill.active{background:var(--kh-orange);border-color:var(--kh-orange);color:var(--kh-white);box-shadow:0 4px 12px #d9943540}.kh-hub .kh-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.kh-hub .kh-article-card{background:var(--kh-white);border:1px solid var(--kh-light-gray);border-radius:var(--kh-radius);overflow:hidden;transition:transform var(--kh-transition),box-shadow var(--kh-transition),border-color var(--kh-transition);display:flex;flex-direction:column}.kh-hub .kh-article-card:hover{transform:translateY(-4px);box-shadow:var(--kh-shadow-md);border-color:#d9943559}.kh-hub .kh-article-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.kh-hub .kh-article-card__thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--kh-lighter)}.kh-hub .kh-article-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.kh-hub .kh-article-card:hover .kh-article-card__thumb img{transform:scale(1.05)}.kh-hub .kh-article-card__badge{position:absolute;top:12px;left:12px;background:#0d0d0dd1;backdrop-filter:blur(4px);color:#fff;padding:4px 12px;border-radius:9999px;font-size:.7rem;font-weight:600}.kh-hub .kh-article-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.kh-hub .kh-article-card__meta{display:flex;gap:12px;font-size:.72rem;color:var(--kh-gray);margin-bottom:10px}.kh-hub .kh-article-card__title{font-size:1.0625rem;font-weight:700;color:var(--kh-dark);line-height:1.45;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kh-hub .kh-article-card__excerpt{font-size:.875rem;color:var(--kh-gray);line-height:1.6;margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kh-hub .kh-article-card__readmore{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700;color:var(--kh-orange);transition:gap var(--kh-transition),color var(--kh-transition)}.kh-hub .kh-article-card:hover .kh-article-card__readmore{gap:10px;color:var(--kh-dark-yellow)}.kh-hub .kh-no-results{display:none;flex-direction:column;align-items:center;justify-content:center;color:var(--kh-gray);padding:4rem 1rem;text-align:center;gap:1rem}.kh-hub .kh-expertise{background:linear-gradient(135deg,#e8f0f5,#dce8ef);border-top:1px solid rgba(72,129,159,.15);border-bottom:1px solid rgba(72,129,159,.15);padding:28px 0}.kh-hub .kh-expertise__inner{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 24px}.kh-hub .kh-expertise__icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#d994352e,#d994350f);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--kh-orange)}.kh-hub .kh-expertise__text h2{font-size:1rem;color:var(--kh-dark);margin:0 0 4px;font-weight:600}.kh-hub .kh-expertise__text h2 strong{color:var(--kh-dark-yellow)}.kh-hub .kh-expertise__text p{font-size:.8125rem;color:var(--kh-gray);line-height:1.5;margin:0}.kh-hub .kh-cta{padding:72px 0}.kh-hub .kh-cta__card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid var(--kh-light-gray);border-radius:16px;padding:48px;display:flex;align-items:center;gap:40px;overflow:hidden;position:relative}.kh-hub .kh-cta__card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(217,148,53,.06) 0%,transparent 60%);pointer-events:none}.kh-hub .kh-cta__content{flex:1;position:relative;z-index:1}.kh-hub .kh-cta__content h2{font-size:1.5rem;font-weight:700;color:var(--kh-dark);margin:0 0 12px;line-height:1.4}.kh-hub .kh-cta__content p{font-size:1rem;color:var(--kh-gray);line-height:1.7;margin:0 0 28px;max-width:500px}.kh-hub .kh-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.kh-hub .kh-cta__btn{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;padding:13px 28px;border-radius:9999px;text-decoration:none;transition:transform var(--kh-transition),box-shadow var(--kh-transition)}.kh-hub .kh-cta__btn:hover{transform:translateY(-2px)}.kh-hub .kh-cta__btn--primary{background:linear-gradient(135deg,var(--kh-orange),#c17f25);color:#fff;box-shadow:0 4px 20px #d994354d}.kh-hub .kh-cta__btn--primary:hover{box-shadow:0 8px 28px #d9943566}.kh-hub .kh-cta__btn--line{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:var(--kh-dark)}.kh-hub .kh-cta__btn--line:hover{background:#00000014}.kh-hub .kh-cta__visual{flex-shrink:0;position:relative;z-index:1}.kh-hub .kh-cta__visual-icon{width:120px;height:120px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;color:#00000026}.kh-hub a:focus-visible,.kh-hub button:focus-visible{outline:2px solid var(--kh-orange);outline-offset:2px;border-radius:4px}@media(max-width:1024px){.kh-hub .kh-articles-grid{grid-template-columns:repeat(2,1fr)}.kh-hub .kh-cta__card{flex-direction:column;text-align:center;padding:40px 32px}.kh-hub .kh-cta__content p{margin-left:auto;margin-right:auto}.kh-hub .kh-cta__actions{justify-content:center}.kh-hub .kh-cta__visual{display:none}}@media(max-width:640px){.kh-hub .kh-hero{min-height:440px;padding:104px 20px 60px}.kh-hub .kh-hero h1{font-size:1.9rem}.kh-hub .kh-hero__sub{font-size:.9375rem;margin-bottom:28px}.kh-hub .kh-section{padding:48px 0}.kh-hub .kh-container{padding:0 16px}.kh-hub .kh-topic-grid{grid-template-columns:1fr;gap:16px}.kh-hub .kh-articles-grid{grid-template-columns:1fr;gap:20px}.kh-hub .kh-expertise__inner{flex-direction:column;text-align:center}.kh-hub .kh-cta__card{padding:32px 20px}.kh-hub .kh-cta__actions{flex-direction:column;align-items:stretch}.kh-hub .kh-cta__btn{width:100%;justify-content:center}}.kh-search .pagefind-ui{--pagefind-ui-primary: #c8963e;--pagefind-ui-text: #1a1a2e;--pagefind-ui-background: #ffffff;--pagefind-ui-border: #e2e8f0;--pagefind-ui-border-radius: 9999px;font-family:var(--font-thai),sans-serif}.kh-search .pagefind-ui__search-input{font-size:1rem!important;padding:.9rem 1.4rem!important;box-shadow:0 4px 20px #0000001f}.kh-search .pagefind-ui__drawer{margin-top:.75rem!important;position:absolute;width:100%;background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 40px #0000001f;z-index:50;max-height:420px;overflow-y:auto;border-radius:12px;text-align:left}.kh-search .pagefind-ui__result{padding:1rem!important;border-bottom:1px solid #e2e8f0!important}.kh-search .pagefind-ui__result-link{font-weight:700;color:#1a1a2e}.kh-search .pagefind-ui__result-link:hover{color:#c8963e}