body:has(> #kshome) { margin: 0px; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/font-0.ttf") format("truetype"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/font-1.ttf") format("truetype"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/font-2.ttf") format("truetype"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/font-3.ttf") format("truetype"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/font-4.ttf") format("truetype"); }
@font-face { font-family: Inter; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/font-5.ttf") format("truetype"); }
/*@font-face { font-family: Barlow; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/font-6.ttf") format("truetype"); }
@font-face { font-family: Barlow; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/font-7.ttf") format("truetype"); }*/
/*@font-face { font-family: Lato; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/font-8.ttf") format("truetype"); }
@font-face { font-family: Lato; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/font-9.ttf") format("truetype"); }*/
#kshome { --navy: #1d2c6a; --orange: #f97316; --text: #222; --gray: #f3f3f3; --content: 1170px; }
#kshome * { box-sizing: border-box; letter-spacing: 0px; }
#kshome { scroll-behavior: smooth; scroll-padding-top: 145px; }
#kshome { margin: 0px; min-width: 1280px; color: var(--text); font: 16px / 1.4 Inter, Arial, sans-serif; background: rgb(255, 255, 255); }
#kshome h1,
#kshome h2,
#kshome h3,
#kshome h4,
#kshome p,
#kshome figure { margin: 0px; }
#kshome h1,
#kshome h2,
#kshome h3,
#kshome h4 { color: var(--navy); }
#kshome h2 { font-size: 36px; line-height: 1.1; font-weight: 700; }
#kshome h3 { font-size: 26px; line-height: 1.2; }
#kshome a { color: inherit; text-decoration: none; }
#kshome button,
#kshome input { font: inherit; }
#kshome button,
#kshome a { touch-action: manipulation; }
#kshome button { cursor: pointer; }
#kshome button:disabled { cursor: default; }
#kshome img { display: block; }
#kshome button { border: 0px; }
#kshome button:focus-visible,
#kshome a:focus-visible,
#kshome input:focus-visible { outline: 3px solid var(--orange); outline-offset: 4px; }
#kshome .wrap { width: var(--content); margin-inline: auto; }
#kshome .muted { color: rgb(136, 136, 136); }
#kshome .eyebrow { text-transform: uppercase; font-size: 16px; font-weight: 600; color: rgb(136, 136, 136); line-height: 1.4; }
#kshome .btn,
#kshome .text-link { display: inline-flex; gap: 10px; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; line-height: 18px; text-transform: uppercase; transition: transform 0.2s, background 0.2s, color 0.2s; }
#kshome .btn { padding: 10px 30px; background: var(--orange); color: white; }
#kshome .btn:hover { background: rgb(255, 190, 0); transform: translateY(-2px); }
#kshome .text-link { color: var(--orange); padding: 10px 0px; }
#kshome .text-link:hover { color: var(--navy); transform: translateX(3px); }
#kshome .metric strong { display: block; color: var(--navy); font-size: 40px; font-weight: 900; line-height: 1.2; }
#kshome .metric span { display: block; font-size: 16px; line-height: 1.4; }
#kshome .photo { overflow: hidden; position: relative; }
#kshome .photo > img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
#kshome .photo:hover > img { transform: scale(1.025); }
#kshome .paper-card { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.267) 0px 4px 2px; transition: transform 0.25s; }
#kshome .paper-card:hover { transform: translateY(-5px); }
#kshome .paper-card:hover h3 { color: rgb(255, 190, 0); }
#kshome .site-header { height: 132px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 20; background: rgb(255, 255, 255); overflow: hidden; }
#kshome .nav-art { position: absolute; width: 1920px; height: 133px; left: 50%; top: -1px; transform: translateX(-50%); }
#kshome .nav-hotspots { position: absolute; left: 50%; transform: translateX(-50%); width: 1920px; height: 132px; top: 0px; }
#kshome .nav-hit { position: absolute; color: transparent; overflow: hidden; font-size: 16px; white-space: nowrap; }
#kshome .nav-hit:hover { background: rgba(255, 190, 0, 0.125); box-shadow: rgb(255, 190, 0) 0px -3px inset; }
#kshome .search { position: absolute; left: 1271px; top: 34px; width: 280px; height: 30px; display: flex; }
#kshome .search input { min-width: 0px; width: 252px; height: 30px; border: 0px; background: transparent; padding: 0px 8px; font-size: 16px; color: var(--navy); }
#kshome .search input:focus,
#kshome .search input:not(:placeholder-shown) { background: rgb(255, 255, 255); }
#kshome .search button { width: 28px; background: transparent; color: transparent; }
#kshome .skip { position: absolute; top: -80px; left: 20px; padding: 10px; background: rgb(255, 255, 255); z-index: 100; }
#kshome .skip:focus { top: 10px; }
#kshome .hero { height: 800px; position: relative; overflow: hidden;background: rgb(243, 243, 243); margin-top: 130px;}
#kshome .hero-bg { position: absolute; width: 100%; height: 800px; max-width: none; left: 50%; transform: translateX(-50%); object-fit: cover; }
#kshome .hero-inner { position: relative; padding-top: 140px; }
#kshome .hero .eyebrow { font-weight: 400; color: var(--navy); }
#kshome .hero h1 { font-size: 52px; line-height: 1.1; font-weight: 800; margin: 0px 0px 20px 0;}
#kshome .hero h1 span { display: block; white-space: nowrap; }
#kshome .rankings { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; position: absolute; top: 610px; left: 50%; transform: translateX(-50%); height: 170px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px); }
#kshome .rank { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 20px 40px 20px 50px; gap: 8px; }
#kshome .rank strong { font-size: 40px; line-height: 1; font-weight: 900; color: var(--navy); }
#kshome .rank p { line-height: 1.4; }
#kshome .rank-divider { position: absolute; right: 0px; top: 20px; width: 1px; height: 130px; background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjEzMCIgaGVpZ2h0PSIxIiB2aWV3Qm94PSIwIDAgMTMwIDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJMaW5lIDEiIGQ9Ik0wIDAuNUMyLjE2NjY3IDAuNTMzMzMzIDQuMzMzMzMgMC41NjUgNi41IDAuNTk1QzI2IDAuODY1IDQ1LjUgMSA2NSAxQzg0LjUgMSAxMDQgMC44NjUgMTIzLjUgMC41OTVDMTI1LjY2NyAwLjU2NSAxMjcuODMzIDAuNTMzMzMzIDEzMCAwLjVDMTI3LjgzMyAwLjQ2NjY2NyAxMjUuNjY3IDAuNDM1IDEyMy41IDAuNDA1QzEwNCAwLjEzNSA4NC41IDAgNjUgMEM0NS41IDAgMjYgMC4xMzUgNi41IDAuNDA1QzQuMzMzMzMgMC40MzUgMi4xNjY2NyAwLjQ2NjY2NyAwIDAuNVoiIGZpbGw9IiMwMDMyOTYiIGZpbGwtb3BhY2l0eT0iMC40Ii8+Cjwvc3ZnPgo=") center center / 1px 130px no-repeat; }
#kshome .company { padding: 120px 0px; }
#kshome .company h2 { margin-bottom: 40px; }
#kshome .company-grid { display: grid; grid-template-columns: 700px 470px; height: 420px; background: var(--gray); box-shadow: rgba(0, 0, 0, 0.267) 0px 4px 2px; }
#kshome .company-film { display: block; position: relative; height: 420px; }
#kshome .company-film > img { width: 700px; height: 420px; object-fit: cover; }
#kshome .company-film .play { position: absolute; inset: 0px; display: grid; place-items: center; }
#kshome .play img { width: 80px; height: 58.667px; transition: transform 0.25s; }
#kshome .company-film:hover .play img { transform: scale(1.08); }
#kshome .company-info { padding: 50px 40px; }
#kshome .company-stats { display: grid; grid-template-columns: 164px 190px; gap: 22px 40px; margin: 20px 0px 46px; }
#kshome .company-stats strong { font-size: 26px; font-weight: 800; line-height: 1.2; }
#kshome .company-stats span { font-size: 16px; white-space: nowrap; }
#kshome .company-info .btn { padding: 8px 20px; }
#kshome .patents { display: grid; grid-template-columns: 545px 540px; justify-content: space-between; margin-top: 50px; padding-top: 50px; min-height: 616px; }
#kshome .patents h3 { height: 80px; display: flex; align-items: center; white-space: nowrap; }
#kshome .certificate-art { position: relative; width: 545px; height: 420px; overflow: hidden; }
#kshome .certificate-art img { position: absolute; left: -1.39%; top: -3.82%; width: 102.78%; height: 103.82%; }
#kshome .certificate-captions { display: flex; justify-content: space-between; padding: 4px 44px 0px; gap: 40px; line-height: 1.5; }
#kshome .certificate-captions p:first-child { width: 274px; flex: 0 0 auto; }
#kshome .patent-numbers { display: flex; gap: 100px; height: 80px; margin-bottom: 14px; }
#kshome .patent-numbers .metric span { white-space: nowrap; }
#kshome .patent-screen { width: 540px; height: 400px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.267) 0px 1.667px 8.333px; background: rgb(255, 255, 255); }
#kshome .patent-screen img { position: absolute; left: -2.08%; top: -2.78%; width: 104.38%; height: 106.07%; }
#kshome .patent-screen .screen-label { position: absolute; left: 215px; top: 12.91px; font: bold 12px / 1.4 Inter, sans-serif; color: rgb(36, 113, 177); white-space: nowrap; }
#kshome .patent-note { margin-top: 14px; }
#kshome .patent-note a { color: var(--orange); font-weight: 700; text-decoration: underline; }
#kshome .standards { border-top: 1px solid rgb(221, 221, 221); display: grid; grid-template-columns: 560px 540px; gap: 70px; margin-top: 50px; padding: 60px 0px 20px; min-height: 532px; }
#kshome .standards h3 { white-space: nowrap; }
#kshome .standards-stats { display: flex; gap: 100px; margin-top: 20px; height: 80px; }
#kshome .standards h4 { font-size: 20px; line-height: 1.2; margin-bottom: 20px; }
#kshome .iso-list { margin-top: 50px; }
#kshome .iso-row { display: grid; grid-template-columns: 160px 1fr; gap: 13px; align-items: center; margin-bottom: 30px; color: rgb(85, 85, 85); line-height: 1.3; }
#kshome .iso-row:last-child { margin-bottom: 0px; }
#kshome .iso-number { padding: 10px; background: rgb(242, 242, 242); color: var(--navy); }
#kshome .iso-number strong { font-weight: 900; white-space: nowrap; }
#kshome .iso-number time { display: block; margin-top: 6px; font-weight: 300; }
#kshome .gb-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
#kshome .gb-card { background: var(--gray); border: 1px solid rgb(221, 221, 221); padding: 20px 12px; display: flex; gap: 16px; align-items: flex-start; }
#kshome .gb-card > img { width: 22px; height: 22px; flex: 0 0 auto; }
#kshome .gb-card strong { display: block; font-weight: 800; color: var(--navy); font-size: 16px; white-space: nowrap; line-height: 1; }
#kshome .gb-card p { font-size: 16px; line-height: 1.3; color: rgb(85, 85, 85); margin-top: 10px; }
#kshome .factory { background: rgb(242, 242, 242); padding: 120px 0px; }
#kshome .factory-stats { display: flex; justify-content: space-between; margin: 40px 0px 20px; }
#kshome .factory-stats .metric strong { line-height: 1; margin-bottom: 8px; }
#kshome .factory-stats .metric span { font-family: Inter, sans-serif; font-weight: 700; }
#kshome .factory-main { height: 520px; position: relative; overflow: hidden; }
#kshome .factory-main .slide-image { width: 100%; height: 520px; object-fit: cover; }
#kshome .factory-main .slide-image.mirrored { transform: scaleX(-1); }
#kshome .slide-image { transition: opacity 0.22s; }
#kshome .slide-image.changing { opacity: 0.15; }
#kshome .gallery-control { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: var(--orange); padding: 0px; transition: background 0.2s, transform 0.2s; z-index: 3; }
#kshome .gallery-control:hover { background: rgb(255, 190, 0); transform: scale(1.08); }
#kshome .gallery-control:disabled { background: rgb(170, 170, 170); opacity: 0.8; transform: none; }
#kshome .gallery-control img { width: 21.25px; height: 21.25px; }
#kshome .previous { background: rgb(170, 170, 170); }
#kshome .gallery-arrows { position: absolute; left: 10px; right: 10px; top: calc(50% - 19.5px); display: flex; justify-content: space-between; pointer-events: none; }
#kshome .gallery-arrows button { pointer-events: auto; }
#kshome .image-caption { position: absolute; left: 0px; bottom: 0px; background: var(--navy); color: white; padding: 10px 20px; line-height: 1; font-size: 16px; max-width: 80%; }
#kshome .factory-benefits { position: absolute; right: 70px; top: 160px; width: 300px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); padding: 20px 40px 26px; }
#kshome .factory-benefits p { padding: 0px 0px 16px; line-height: 1.3; }
#kshome .factory-benefits p + p { padding-top: 16px; border-top: 1px solid rgb(183, 196, 222); }
#kshome .factory-benefits p:last-child { padding-bottom: 0px; }
#kshome .factory-benefits strong { display: block; font-weight: 800; }
#kshome .equipment-grid { margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 10px; }
#kshome .equipment-card { text-align: left; padding: 0px; border: 0px; background: white; box-shadow: rgba(0, 0, 0, 0.267) 0px 4px 2px; color: var(--text); transition: transform 0.25s, box-shadow 0.25s; }
#kshome .equipment-card .photo { height: 190px; }
#kshome .equipment-card .photo > img { width: 100%; height: 190px; }
#kshome .equipment-card p { border: 1px solid rgb(221, 221, 221); padding: 16px 20px; min-height: 75px; line-height: 1.3; }
#kshome .equipment-card:hover,
#kshome .equipment-card[aria-pressed="true"] { transform: translateY(-4px); box-shadow: rgb(255, 190, 0) 0px 4px 0px; }
#kshome .equipment-card:focus-visible { outline-offset: 5px; }
#kshome .serve { padding: 120px 0px; }
#kshome .serve-heading { display: grid; grid-template-columns: 560px 560px; justify-content: space-between; align-items: center; }
#kshome .serve-heading p { color: rgb(85, 85, 85); }
#kshome .service-tabs { position: relative; display: flex; justify-content: space-between; margin: 50px 0px; gap: 12px; }
#kshome .service-tabs::before { content: ""; position: absolute; top: 15px; left: 0px; right: 100px; height: 1px; background: rgb(221, 221, 221); }
#kshome .service-tab { position: relative; background: none; padding: 0px; text-align: left; max-width: 228px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; color: rgb(136, 136, 136); text-transform: uppercase; font-weight: 500; font-size: 16px; }
#kshome .service-tab b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: rgb(136, 136, 136); background: rgb(221, 221, 221); font-weight: 900; }
#kshome .service-tab[aria-selected="true"] { color: var(--orange); }
#kshome .service-tab[aria-selected="true"] b { background: var(--orange); color: rgb(255, 255, 255); }
#kshome .service-panel { display: grid; grid-template-columns: 600px 570px; height: 400px; background: var(--gray); box-shadow: rgba(0, 0, 0, 0.267) 0px 4px 2px; }
#kshome .service-media { position: relative; height: 400px; overflow: hidden; }
#kshome .service-media > img { height: 400px; width: 600px; object-fit: cover; }
#kshome .service-media > img.contain { object-fit: contain; background: rgb(247, 248, 250); padding: 20px; }
#kshome .service-media .image-caption { padding: 13px 40px; }
#kshome .service-copy { padding: 60px 50px; }
#kshome .service-copy h3 { margin: 10px 0px 40px; }
#kshome .service-copy .service-detail { line-height: 1.5; }
#kshome .service-detail strong { display: block; margin-bottom: 8px; }
#kshome .service-panel.changing .service-copy { animation: 0.3s ease 0s 1 normal none running copy-enter; }
#kshome .service-panel.changing .slide-image { animation: 0.3s ease 0s 1 normal none running photo-enter; }
@keyframes copy-enter { 
  0% { opacity: 0.3; transform: translateY(7px); }
  100% { opacity: 1; transform: none; }
}
@keyframes photo-enter { 
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}
#kshome .projects { padding: 120px 0px 80px; background: linear-gradient(rgb(243, 243, 243), rgb(255, 255, 255)); }
#kshome .featured-case { display: grid; grid-template-columns: calc(50% + 100px) 400px; gap: 85px; min-height: 660px; align-items: start; }
#kshome .featured-case.reverse { grid-template-columns: 400px calc(50% + 100px); justify-content: end; margin-top: 150px; }
#kshome .case-photo { height: 660px; position: relative; overflow: hidden; }
#kshome .case-photo > img { width: 100%; height: 660px; object-fit: cover; transition: transform 0.5s; }
#kshome .featured-case:hover .case-photo > img { transform: scale(1.025); }
#kshome .case-copy { padding-top: 40px; }
#kshome .reverse .case-copy { padding-top: 20px; }
#kshome .case-category { color: var(--navy); font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
#kshome .case-copy h2 { margin-bottom: 40px; line-height: 1.2; }
#kshome .case-block { margin-bottom: 40px; }
#kshome .case-block .eyebrow { margin-bottom: 10px; }
#kshome .case-copy ul,
#kshome .project-card ul { margin: 0px; padding-left: 24px; }
#kshome .case-copy li + li,
#kshome .project-card li + li { margin-top: 10px; }
#kshome .case-copy .btn { margin-top: 10px; }
#kshome .case-metrics { position: absolute; bottom: 49px; right: 17%; display: flex; background: rgba(255, 255, 255, 0.88); backdrop-filter: blur(5px); padding: 20px 0px; gap: 20px; max-width: 90%; }
#kshome .case-metrics > div { padding: 0px 30px; }
#kshome .case-metrics > div + div { border-left: 1px solid rgb(183, 196, 222); }
#kshome .case-metrics strong { display: block; font-size: 20px; color: var(--navy); font-weight: 800; line-height: 1; }
#kshome .case-metrics span { display: block; font-size: 16px; margin-top: 4px; white-space: nowrap; }
#kshome .reverse .case-metrics { right: auto; left: 56px; }
#kshome .additional { margin-top: 80px; border-top: 1px solid rgb(221, 221, 221); padding-top: 80px; position: relative; }
#kshome .additional h3 { margin-bottom: 20px; }
#kshome .project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
#kshome .project-card .photo { height: 316px; }
#kshome .industry-label { position: absolute; left: 20px; top: 20px; background: var(--navy); color: white; padding: 6px 10px; text-transform: uppercase; font-size: 14px; }
#kshome .project-card-#kshome { padding: 20px 40px 30px; }
#kshome .project-card h3 { font: 700 20px / 1.3 Inter, sans-serif; margin-bottom: 20px; }
#kshome .project-card .eyebrow { margin-bottom: 10px; }
#kshome .project-card .text-link { margin-top: 20px; }
#kshome .additional > .gallery-arrows { top: calc(50% + 30px); left: 0px; right: 20px; }
#kshome .responsibility { padding: 100px 0px 160px; background: var(--gray); }
#kshome .responsibility-heading { display: flex; justify-content: space-between; align-items: center; min-height: 80px; margin-bottom: 20px; }
#kshome .responsibility-heading h2 { width: 560px; }
#kshome .responsibility-stats { display: flex; gap: 65px; }
#kshome .responsibility-stats small { font-size: 20px; }
#kshome .responsibility-main .photo { height: 520px; }
#kshome .responsibility-main .photo > img { height: 520px; }
#kshome .impact-badge { position: absolute; bottom: 20px; right: 20px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); padding: 20px 30px; }
#kshome .impact-badge p { font-size: 16px; color: rgb(136, 136, 136); text-transform: uppercase; font-weight: 600; margin-bottom: 4px; }
#kshome .impact-badge strong { font-size: 20px; color: var(--navy); font-weight: 800; white-space: nowrap; }
#kshome .impact-badge .two-stats { display: flex; gap: 40px; }
#kshome .responsibility-main .impact-copy { display: flex; justify-content: space-between; align-items: flex-end; padding: 30px 30px 40px; gap: 40px; }
#kshome .impact-copy h3 { margin-bottom: 10px; line-height: 1.3; }
#kshome .impact-copy p { line-height: 1.4; }
#kshome .responsibility-main .impact-copy > div { width: 800px; }
#kshome .responsibility-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-top: 60px; }
#kshome .responsibility-grid .photo { height: 315px; }
#kshome .responsibility-grid .impact-badge { left: 20px; right: auto; bottom: 10px; max-width: calc(100% - 40px); }
#kshome .responsibility-grid .impact-badge p { font-size: 14px; white-space: nowrap; }
#kshome .responsibility-grid .impact-copy { padding: 30px 40px; }
#kshome .responsibility-grid .text-link { margin-top: 20px; }
#kshome .footer { background: rgb(3, 18, 49); color: rgb(204, 204, 204); padding: 80px 0px; font-family: Inter, sans-serif; }
#kshome .footer-main { display: grid; grid-template-columns: 190px 880px; gap: 100px; }
#kshome .footer-brand { padding-top: 10px; }
#kshome .footer-logo { width: 177.258px; height: 60px; }
#kshome .wechat { width: 90px; height: 120px; position: relative; background: rgb(204, 204, 204); margin: 20px 0px; }
#kshome .wechat .qr { position: absolute; left: 4.79px; top: 10.68px; width: 80.209px; height: 80px; }
#kshome .wechat .label { position: absolute; left: 21.46px; top: 100.5px; width: 48.002px; height: 10.637px; }
#kshome .socials { display: flex; gap: 9px; padding-top: 10px; }
#kshome .socials a { display: block; width: 31px; height: 31px; }
#kshome .socials img { width: 31px; height: 31px; }
#kshome .socials a:hover { background: rgb(255, 190, 0); }
#kshome .footer-links { display: grid; grid-template-columns: repeat(3, 280px); gap: 70px 10px; padding: 10px; }
#kshome .footer-links h4 { font-size: 18px; line-height: 1.2; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 20px; }
#kshome .footer-links a { display: block; font-size: 18px; line-height: 1.4; margin-bottom: 10px; white-space: nowrap; }
#kshome .footer-links a:last-child { margin: 0px; }
#kshome .footer a:hover { color: rgb(255, 255, 255); }
#kshome .footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid rgb(4, 28, 119); padding-top: 60px; margin-top: 40px; font-size: 16px; line-height: 1.2; }
#kshome .footer-bottom div { display: flex; gap: 40px; text-transform: uppercase; }
#kshome .lightbox { border: 0px; padding: 0px; max-width: 1150px; width: 80vw; background: rgb(255, 255, 255); color: var(--text); box-shadow: rgba(0, 0, 0, 0.533) 0px 20px 100px; }
#kshome .lightbox::backdrop { background: rgba(3, 18, 49, 0.8); }
#kshome .lightbox img { width: 100%; max-height: 75vh; object-fit: contain; }
#kshome .lightbox-bar { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; }
#kshome .lightbox-close { background: var(--navy); color: rgb(255, 255, 255); font-size: 28px; width: 40px; height: 40px; }
#kshome .top-link { display: none; position: fixed; right: 30px; bottom: 30px; background: var(--orange); color: rgb(255, 255, 255); width: 42px; height: 42px; place-items: center; z-index: 15; font-size: 25px; }
#kshome .top-link.visible { display: grid; }
#kshome .rank { justify-content: flex-start; padding-top: 36px; }
#kshome .paper-card { isolation: isolate; }
#kshome .impact-copy,
#kshome .project-card-#kshome { position: relative; z-index: 1; background: rgb(255, 255, 255); }
#kshome .service-media { isolation: isolate; }
#kshome .service-media > .slide-image { position: absolute; inset: 0px; z-index: 0; }
#kshome .service-media .image-caption { z-index: 2; }
#kshome .service-media .gallery-arrows { z-index: 3; }
@media (prefers-reduced-motion: reduce) {
#kshome { scroll-behavior: auto; }
#kshome *,
#kshome ::before,
#kshome ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
#kshome .factory-underlay { position: absolute; inset: 0px; width: 100%; height: 520px; object-fit: cover; transform: scaleX(-1); }
#kshome .factory-main > .slide-image { position: relative; }
#kshome .factory-main:not([data-current="0"]) .factory-underlay { visibility: hidden; }
#kshome .factory-main > .slide-image { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transform: none; }
#kshome .factory-benefits { top: 160px; padding: 20px 40px 26px; }
#kshome .factory-benefits strong { font-weight: 800; }
#kshome .factory-main .image-caption { max-width: calc(100% - 40px); line-height: 1.3; }
#kshome .equipment-card { cursor: zoom-in; }








#kshome .serve .service-media > img.contain { object-fit: contain; background: rgb(243, 243, 243); padding: 0px; }
#kshome .projects { background: rgb(243, 243, 243); padding: 120px 0px; }
#kshome .projects .featured-case { width: min(1440px, 100% - 80px); margin: 0px auto; grid-template-columns: minmax(0px, 5fr) minmax(0px, 4fr); gap: 0px; min-height: 460px; align-items: center; }
#kshome .projects .featured-case.reverse { grid-template-columns: minmax(0px, 4fr) minmax(0px, 5fr); margin: 120px auto 0px; justify-content: normal; }
#kshome .projects .case-photo,
#kshome .projects .case-photo > img { height: 460px; }
#kshome .projects .case-copy,
#kshome .projects .reverse .case-copy { padding: 0px 40px; min-width: 0px; }
#kshome .projects .case-category { line-height: 1.2; margin: 0px 0px 4px; }
#kshome .projects .case-copy h2 { font-size: 36px; line-height: 1.2; margin: 0px 0px 30px; }
#kshome .projects .case-block { margin: 0px 0px 20px; line-height: 1.4; }
#kshome .projects .case-block .eyebrow { margin: 0px 0px 4px; }
#kshome .projects .case-block:last-of-type { margin-bottom: 40px; }
#kshome .projects .case-copy .btn { margin: 0px; padding: 10px 20px; }
#kshome .projects .additional { width: min(1440px, 100% - 80px); margin: 120px auto 0px; padding: 80px 0px; border-top: 1px solid rgb(221, 221, 221); }
#kshome .projects .project-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; align-items: start; }
#kshome .projects .project-card .photo { height: 246px; }
#kshome .projects .project-card-#kshome { padding: 20px 40px 30px; }
#kshome .projects .project-card h3 { margin: 0px 0px 20px; min-height: 52px; font: 700 20px / 1.3 Inter, sans-serif; }
#kshome .projects .project-card .text-link { margin: 0px; }

#kshome #projects > a.featured-case,
#kshome #projects .project-grid > a.project-card {
  color: #FFF;
  background: #1D2C6A;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
}
#kshome #projects > a.featured-case { display: grid; }
#kshome #projects .project-grid > a.project-card { display: block; min-width: 0; }
#kshome #projects .project-grid > a.project-card > .photo {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 370 / 246;
  overflow: hidden;
}
#kshome #projects .project-grid > a.project-card > .photo > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}
#kshome #projects .project-grid > a.project-card > .project-card-body {
  padding: 20px 30px 30px 30px;
}
#kshome #projects > a.featured-case .text-link,
#kshome #projects .project-grid > a.project-card .text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #FFBE00;
  transition: color .2s;
}
#kshome #projects > a.featured-case .text-link::after,
#kshome #projects .project-grid > a.project-card .text-link::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 8.47px;
  height: 14px;
  background-color: currentColor;
  -webkit-mask: url("/wp-content/themes/website/svg/asset-1.svg") center / contain no-repeat;
  mask: url("/wp-content/themes/website/svg/asset-1.svg") center / contain no-repeat;
  transition: background-color .2s;
}
#kshome #projects > a.featured-case:hover .case-copy h2,
#kshome #projects .project-grid > a.project-card:hover h3 { color: #FFBE00; }
#kshome #projects > a.featured-case:hover .text-link,
#kshome #projects .project-grid > a.project-card:hover .text-link { color: #FFF; }
#kshome #projects .project-grid > a.project-card:hover > .photo > img { transform: scale(1.025); }
#kshome #projects > a.featured-case:focus-visible,
#kshome #projects .project-grid > a.project-card:focus-visible {
  outline: 3px solid #FFBE00;
  outline-offset: 4px;
}
#kshome .responsibility { background: rgb(255, 255, 255); padding: 100px 0px; }
#kshome .responsibility .responsibility-heading { display: grid; grid-template-columns: 560px 560px; justify-content: space-between; align-items: center; min-height: 44px; margin: 0px 0px 40px; }
#kshome .responsibility-heading h2 { font-size: 36px; line-height: 1.2; }
#kshome .responsibility-heading > p { color: rgb(85, 85, 85); line-height: 1.4; }
#kshome .responsibility .responsibility-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: start; gap: 30px; margin: 0px; }
#kshome .responsibility-grid .photo { display: block; height: auto; aspect-ratio: 3 / 2; }
#kshome .responsibility-grid .photo > img { width: 100%; height: 100%; object-fit: cover; }
#kshome .responsibility-grid .news-caption { position: absolute; bottom: 0px; left: 0px; max-width: 100%; padding: 8px 20px; background: var(--navy); color: rgb(255, 255, 255); font: 400 16px / 1.2 Inter, Arial, sans-serif; }
#kshome .responsibility-grid .impact-copy { padding: 30px 20px; }
#kshome .responsibility-grid .impact-copy h3 { font: 700 20px / 1.3 Inter, sans-serif; margin-bottom: 10px; }
#kshome .responsibility-grid .impact-copy p { font-size: 16px; line-height: 1.4; }
#kshome { min-width: 1024px; }
#kshome h2 { line-height: 1.2; }
#kshome .wrap { width: min(1170px, 100% - 64px); }
#kshome .hero { height: 800px; }
#kshome .hero-market { font-weight: 700; font-size: 20px; color: var(--navy); margin-bottom: 60px; }
#kshome .btn,
#kshome .text-link { text-transform: none; }
#kshome .hero .btn { padding: 10px 20px; }
#kshome .rankings { top: 610px; height: fit-content;max-height:130px; }
#kshome .rank { padding: 20px 30px; justify-content: center; }
#kshome .rank strong { font-size: 26px; }
#kshome .rank:not(:last-child)::after { content: ""; position: absolute; right: -10px; top: 20px; bottom: 20px; width: 1px; background: rgb(203, 208, 224); }
#kshome .factory { padding: 120px 0px; }
#kshome .factory h2 { margin: 0px 0px 40px; }
#kshome .factory-stats { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 20px; color: var(--navy); }
#kshome .factory-stats strong,
#kshome .team-stats strong { font-size: 26px; line-height: 1; font-weight: 900; display: block; margin-bottom: 4px; }
#kshome .factory-stats p { font-family: Inter, sans-serif; }
#kshome .factory-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; }
#kshome .factory-picture { position: relative; width: 100%; height: 280px; padding: 0px; background: none; display: block; cursor: zoom-in; overflow: hidden; }
#kshome .factory-picture img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
#kshome .factory-picture:hover img { transform: scale(1.025); }
#kshome .factory-picture span { position: absolute; bottom: 0px; left: 0px; padding: 10px 20px; background: var(--navy); color: rgb(255, 255, 255); font-size: 16px; line-height: 1.2; text-align: left; max-width: 100%; }
#kshome .factory-pair ul { padding-left: 24px; margin: 14px 0px 0px; font-family: Inter, sans-serif; list-style: outside;}
#kshome .factory-pair li { margin-bottom: 4px; }
#kshome .equipment-row { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; margin-top: 40px; }
#kshome .equipment-row button { padding: 0px; background: none; min-width: 0px; text-align: left; cursor: zoom-in; color: rgb(48, 48, 48); height: fit-content;}
#kshome .equipment-row img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
#kshome .equipment-row span { display: block; padding: 10px 0px; font: 16px / 1.4 Inter, sans-serif; }
#kshome .equipment-row button:hover span { color: rgb(255, 190, 0); }
#kshome .projects > h2 { margin-bottom: 40px; }
#kshome .projects .featured-case { width: min(1170px, 100% - 64px); grid-template-columns: minmax(0px, 770fr) minmax(0px, 400fr); align-items: stretch; min-height: 500px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 2px; }
#kshome .projects .featured-case.reverse { grid-template-columns: minmax(0px, 400fr) minmax(0px, 770fr); margin-top: 80px; }
#kshome .projects .case-photo { position: relative; height: auto; min-height: 500px; overflow: hidden; }
#kshome .projects .case-photo > img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
#kshome .projects .case-copy,
#kshome .projects .reverse .case-copy { padding: 40px 30px; }
#kshome .projects .case-copy h2 { font: 700 26px / 1.3 Inter, sans-serif; margin: 0px 0px 26px; }
#kshome .projects .case-block { margin-bottom: 20px; }
#kshome .projects .case-block .eyebrow { text-transform: none; font-size: 16px; font-weight: 700; }
#kshome .projects .case-block:last-of-type { margin-bottom: 20px; }
#kshome .projects .case-copy .text-link { padding: 0px; color: var(--orange); }
#kshome .industry-label { top: 20px; left: 20px; bottom: auto; text-transform: capitalize; font-size: 14px; max-width: calc(100% - 40px); }
#kshome .projects .additional { width: min(1170px, 100% - 64px); margin-top: 80px; padding: 0px; border: 0px; }
#kshome .projects .project-card .photo { height: auto; aspect-ratio: 370 / 246; }
#kshome .projects .project-card .text-link { padding: 0px; }
#kshome .new-section { padding-top: 120px; }
#kshome .team-heading { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
#kshome .team-heading > div:first-child { max-width: 760px; flex: 1 1 0%; min-width: 0px; }
#kshome .team-heading h2 { margin-bottom: 10px; }
#kshome .team-heading p,
#kshome .section-intro { color: rgb(85, 85, 85); line-height: 1.5; }
#kshome .team-stats { display: flex; gap: 40px; flex: 0 0 auto; color: var(--navy); }
#kshome .team-stats p { font-family: Inter, sans-serif; color: var(--navy); }
#kshome .three-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px; }
#kshome .expert { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 3px; display: flex; flex-direction: column; }
#kshome .portrait { height: 260px; }
#kshome .portrait img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
#kshome .expert-copy { padding: 30px; background: rgb(255, 255, 255); flex: 1 1 0%; }
#kshome .expert-copy h3,
#kshome .partner h3 { font: 700 20px / 1.3 Inter, Arial, sans-serif; }
#kshome .expert-copy .role { color: var(--navy); line-height: 1.4; margin-top: 4px; }
#kshome .expert-copy ul { padding-left: 24px; margin: 20px 0px 0px; }
#kshome .expert-copy li { margin-bottom: 4px; color: rgb(48, 48, 48); }
#kshome .standards-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px; margin-top: 40px; }
#kshome .standard-panel { padding: 30px 20px 30px 40px; border: 1px solid rgb(221, 221, 221); background: rgb(243, 243, 243); box-shadow: rgba(0, 0, 0, 0.067) 0px 4px 2px; display: flex; gap: 30px; align-items: flex-start; }
#kshome .standard-panel > div { flex: 1 1 0%; min-width: 0px; }
#kshome .standard-panel > img { width: 70px; height: 57px; object-fit: contain; }
#kshome .standard-panel:last-child > img { width: 80px; height: 40px; }
#kshome .standard-item + .standard-item { margin-top: 20px; }
#kshome .standard-item h3 { font-size: 16px;font-weight: 700; line-height: 1.3; margin-bottom: 4px; }
#kshome .standard-item p { font-size: 16px; line-height: 1.4; color: rgb(85, 85, 85); }
#kshome .section-intro { margin: 10px 0px 40px; }
#kshome .partner { border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 2px; }
#kshome .partner-photo { height: 220px; }
#kshome .partner-photo img { width: 100%; height: 100%; object-fit: cover; }
#kshome .partner-copy { padding: 30px 20px; }
#kshome .partner-copy h3 { margin-bottom: 10px; }
#kshome .partner-copy p { color: rgb(48, 48, 48); }
#kshome .responsibility { padding: 120px 0px; }
#kshome .responsibility .responsibility-heading { display: block; min-height: 0px; }
#kshome .responsibility-heading h2 { width: auto; margin-bottom: 20px; }
#kshome .responsibility-heading > p { line-height: 1.5; }
#kshome .responsibility-grid .news-caption { top: 20px; bottom: auto; left: 20px; max-width: calc(100% - 40px); padding: 8px 12px; font-size: 16px; }
#kshome .responsibility-grid .paper-card { border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 2px; }
#kshome .responsibility-grid .impact-copy h3 { font-family: Inter, Arial, sans-serif; }
#kshome .footer-main { grid-template-columns: 190px minmax(0px, 1fr); gap: 100px; }
#kshome .footer-links { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
#kshome .footer-links a { white-space: normal; }
#kshome .nav-art,
#kshome .nav-hotspots { transform: translateX(-50%); }
#kshome .factory { background: rgb(255, 255, 255); }
#kshome .search button { overflow: hidden; font-size: 0px; }
#kshome #standards > .section-intro + .standards-pair { margin-top: 0px; }
#kshome .expert { box-shadow: none; }
#kshome .expert-copy { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 3px; }
#kshome #team .team-heading { display: block; }
#kshome #team .team-heading > div:first-child { width: 100%; max-width: none; }
#kshome .equipment-row { align-items: start; }
#kshome .equipment-row button { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; }
#kshome .equipment-row img { flex: 0 0 auto; }
@media (max-width: 1279px) {
#kshome .nav-art,
#kshome .nav-hotspots { left: calc(50% - 0px); transform: translateX(-50%) scale(0.85); transform-origin: center top; }
#kshome .site-header { height: 113px; }
#kshome .wrap { width: calc(100% - 64px); }
#kshome .team-heading { align-items: flex-start; }
#kshome .team-heading > div:first-child { max-width: 650px; }
#kshome .team-stats { gap: 20px; }
#kshome .team-stats p { max-width: 120px; }
#kshome .projects .case-copy,
#kshome .projects .reverse .case-copy { padding: 30px 24px; }
#kshome .projects .featured-case { grid-template-columns: minmax(0px, 1fr) 380px; }
#kshome .projects .featured-case.reverse { grid-template-columns: 380px minmax(0px, 1fr); }
#kshome .standard-panel { padding: 24px; gap: 20px; }
#kshome .expert-copy { padding: 24px; }
#kshome .footer-main { gap: 40px; }
#kshome .footer-links { column-gap: 20px; }
#kshome .footer-links a { font-size: 16px; }
}
#kshome { --accent: #ffbe00; }
#kshome h2 { line-height: 1.3; }
#kshome .hero .btn,
#kshome .museum .btn { background: var(--accent); color: var(--navy); text-transform: uppercase; }
#kshome .hero .btn:hover,
#kshome .museum .btn:hover { background: rgb(255, 190, 0);color: #ffffff; }
#kshome .rankings { background: rgba(29, 44, 106, 0.9); color: rgb(255, 255, 255); }
#kshome .rank strong { color: rgb(255, 255, 255); }
#kshome .rank:not(:last-child)::after { background: linear-gradient(transparent, rgba(255, 255, 255, 0.4), transparent); }
#kshome .projects .featured-case,
#kshome .projects .project-card,
#kshome .projects .project-card-#kshome { background: var(--navy); color: rgb(255, 255, 255); }
#kshome .projects .case-copy h2,
#kshome .projects .project-card h3 { color: rgb(255, 255, 255); }
#kshome .projects .case-copy h2 { margin-bottom: 30px; }
#kshome .projects .case-block .eyebrow { color: var(--accent); font-weight: 500; margin-bottom: 2px; }
#kshome .projects .case-copy .text-link,
#kshome .projects .project-card .text-link { color: var(--accent); text-transform: uppercase; }
#kshome .projects .project-card-#kshome { padding: 20px 30px 30px; }
#kshome .projects .featured-case .industry-label { top: 39px; left: 30px; line-height: 1.4; }
#kshome .projects .featured-case.reverse .industry-label { left: auto; right: 30px; }
#kshome .projects .paper-card:hover h3,
#kshome .projects .featured-case:hover h2 { color: rgb(255, 190, 0); }
#kshome .projects .text-link:hover { color: rgb(255, 255, 255); }
#kshome .factory-pair li:last-child { margin-bottom: 0px; }
#kshome #team .team-heading { margin-bottom: 30px; }
#kshome .expert-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 30px 16px; align-items: start; }
#kshome .expert-item { display: grid; grid-template-columns: 100px minmax(0px, 1fr); gap: 10px; align-items: start; min-width: 0px; }
#kshome .expert-photo { width: 100px; height: 196px; object-fit: contain; object-position: center top; }
#kshome .expert-info { padding-top: 14px; min-width: 0px; }
#kshome .expert-info h3 { font: 700 16px / 1.2 Inter, Arial, sans-serif; margin: 0px 0px 7px; }
#kshome .expert-info ul { font-size: 14px; line-height: 1.4; color: rgb(48, 48, 48); margin: 0px; padding-left: 20px; }
#kshome .expert-info li + li { margin-top: 4px; }
#kshome .team-panorama { height: 380px; position: relative; margin-top: 30px; overflow: hidden; }
#kshome .team-panorama > img { width: 100%; height: 100%; object-fit: cover; object-position: center 64%; }
#kshome .team-banner-stats { position: absolute; right: 30px; top: 36px; display: flex; gap: 20px; background: rgba(29, 44, 106, 0.9); backdrop-filter: blur(5px); color: rgb(255, 255, 255); padding: 10px 0px; }
#kshome .team-banner-stats > div { padding: 0px 30px; display: flex; flex-direction: column; gap: 4px; }
#kshome .team-banner-stats > div + div { border-left: 1px solid rgba(255, 255, 255, 0.267); padding-left: 30px; }
#kshome .team-banner-stats strong { font-size: 20px; line-height: 1; font-weight: 900; }
#kshome .team-banner-stats span { font: 16px / 1.4 Inter, sans-serif; }
#kshome .standard-panel { background: var(--navy); border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 4px solid var(--accent); min-height: 302px; }
#kshome .standard-item h3 { color: var(--accent); }
#kshome .standard-item p { color: rgb(255, 255, 255); }
#kshome .standard-panel:first-child > img { width: 63.976px; height: 52px; flex: 0 0 auto; }
#kshome .gb-mark { display: flex; align-items: flex-start; width: 80px; height: 40px; gap: 1px; flex: 0 0 auto; }
#kshome .gb-mark img { width: 39px; height: auto; }
#kshome .culture { padding: 100px 0px 160px; background: rgb(255, 255, 255); }
#kshome .culture h2 { line-height: 1.2; }
#kshome .culture .section-intro { margin: 10px 0px 40px; }
#kshome .culture-photo { display: block; position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 2px; }
#kshome .culture-main .culture-photo { height: 380px; }
#kshome .culture-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 50px; margin-top: 40px; }
#kshome .culture-pair .culture-photo { aspect-ratio: 560 / 315; }
#kshome .culture-photo > img { width: 100%; height: 100%; object-fit: cover; }
#kshome .culture-caption { position: absolute; right: 30px; bottom: 20px; max-width: calc(100% - 60px); padding: 10px 30px; background: rgba(29, 44, 106, 0.9); backdrop-filter: blur(5px); text-align: left; }
#kshome .culture-caption p { font-size: 14px; font-weight: 500; line-height: 1.3; color: var(--accent); margin-bottom: 2px; }
#kshome .culture-caption h3 { font: 700 16px / 1.3 Inter, Arial, sans-serif; color: rgb(255, 255, 255); }
#kshome .culture-photo:hover h3 { color: rgb(255, 190, 0); }
#kshome .museum { position: relative; min-height: 800px; overflow: hidden; }
#kshome .museum-bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#kshome .museum-inner { position: relative; padding-top: 100px; padding-bottom: 100px; }
#kshome .museum-copy { max-width: 700px; }
#kshome .museum-copy h2 { font-size: 36px; line-height: 1.3; margin-bottom: 50px; }
#kshome .museum-stats { display: flex; gap: 60px; color: var(--navy); margin-bottom: 24px; }
#kshome .museum-stats > div { display: flex; flex-direction: column; gap: 4px; min-width: 152px; }
#kshome .museum-stats strong { font-size: 26px; line-height: 1; font-weight: 900; }
#kshome .museum-stats span { font: 16px / 1.4 Inter, sans-serif; }
#kshome .museum-copy ul { padding-left: 24px; margin: 0px; font: 16px / 1.5 Inter, sans-serif; color: rgb(48, 48, 48); list-style: outside;color: #1D2C6A;}
#kshome .museum-copy li + li { margin-top: 10px; }
#kshome .museum-actions { display: grid; gap: 8px; align-items: center; padding-top: 44px;width: 30%;}
#kshome .museum-actions span{color: #1D2C6A;font-size: 14px;font-weight: 700;line-height: 120%;text-transform: uppercase;display: inline-block;}
/*#kshome .museum-actions .btn { padding: 10px 20px; }*/
#kshome .museum-qr { width: 80.209px; height: 80px;display: block;margin-left: 12px;}
#kshome .top-link { background: var(--accent); color: var(--navy); }
@media (max-width: 1500px) {
#kshome .museum-bg { width: 1920px; max-width: none; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 1279px) {
#kshome .expert-grid { column-gap: 14px; }
#kshome .expert-item { grid-template-columns: 80px minmax(0px, 1fr); gap: 8px; }
#kshome .expert-photo { width: 80px; height: 157px; }
#kshome .expert-info { padding-top: 10px; }
#kshome .expert-info ul { padding-left: 18px; }
#kshome .culture-pair { gap: 30px; }
#kshome .culture-caption { right: 20px; max-width: calc(100% - 40px); padding: 10px 20px; }
#kshome .team-banner-stats { right: 20px; }
}
#kshome #team-hover .team-heading { display: block; width: 100%; }
#kshome #team-hover .team-heading > div { width: 100%; max-width: none; }
#kshome .expert-accordion { display: flex; gap: 16px; width: 100%; height: 180px; }
#kshome .expert-panel { position: relative; flex: 0 0 7.3%; min-width: 0px; isolation: isolate; transition: flex-basis 0.35s, flex-grow 0.35s; }
#kshome .expert-panel::before { content: ""; position: absolute; inset: 16px 0px 0px; background: linear-gradient(rgb(31, 53, 145) 0%, rgb(0, 14, 71) 100%); z-index: -1; }
#kshome .expert-panel.is-active { flex: 1 1 0px; }
#kshome .expert-trigger { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 90px; max-width: 100%;height: 100%; padding: 0px; background: transparent; color: rgb(255, 255, 255); overflow: hidden; }
#kshome .expert-trigger img { display: block; width: 100%;}
/* height: 100%;object-position: center bottom; */
#kshome .expert-trigger:focus-visible { outline: rgb(249, 115, 22) solid 3px; outline-offset: 3px; z-index: 3; }
#kshome .expert-panel-copy { position: absolute; inset: 48px 16px 4px 108px; color: rgb(255, 255, 255); opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.15s; }
#kshome .expert-panel.is-active .expert-panel-copy { opacity: 1; visibility: visible; transition: opacity 0.2s 0.2s; }
#kshome .expert-panel-copy h3 { font-size: 16px;font-weight: 700; line-height: 1.3; margin: 0px 0px 6px; color: rgb(255, 190, 0); }
#kshome .expert-panel-copy ul { padding-left: 18px; margin: 0px; font-size: 14px; line-height: 1.3; list-style: outside;}
#kshome .expert-panel-copy li + li { margin-top: 4px; }
@media (max-width: 1279px) {
#kshome .expert-accordion { gap: 8px; height: 180px; }
#kshome .expert-panel { flex-basis: 6%; }
#kshome .expert-trigger { width: 76px; }
#kshome .expert-panel-copy { left: 88px; right: 12px; }
}
#kshome #hero-title { width: 760px; }
#kshome .hero-bg { width: 100%; height: 800px;top: 0; object-fit: fill; transform: translateX(-50%); }
#kshome #partnerships { padding-top: 120px; padding-bottom: 120px; }
#kshome #partnerships .section-intro { margin-top: 10px; margin-bottom: 40px; color: rgb(85, 85, 85); }
#kshome .collaboration-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px; }
#kshome .collaboration { background: rgb(29, 44, 106); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 2px; min-width: 0px; }
#kshome .collaboration-stack { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; }
#kshome .collaboration-photo { height: 188px; position: relative; overflow: hidden; }
#kshome .collaboration-0 .collaboration-photo { height: 460px; }
#kshome .collaboration-image { position: absolute; max-width: none; width: 100%; height: 205.26%; top: -78.13%; left: 0px; }
#kshome .collaboration-0 .collaboration-image { width: 142%; height: 116.28%; left: -19.08%; top: -8.14%; }
#kshome .collaboration-2 .collaboration-image { width: 100.85%; height: 207%; top: -76.16%; }
#kshome .collaboration-logo { position: absolute; left: 30px; top: 26.5px; width: 80px; height: 80px; object-fit: contain; }
#kshome .collaboration-0 .collaboration-logo { left: 20px; top: 360px; width: 166.667px; height: 80px; }
#kshome .collaboration-2 .collaboration-logo { top: 121px; height: 55.351px; }
#kshome .collaboration-copy { padding: 14px 30px; color: white; }
#kshome .collaboration-0 .collaboration-copy { padding: 30px; }
#kshome .collaboration-copy h3 { font-size: 16px; line-height: 1.3; color: rgb(255, 190, 0); margin: 0px 0px 2px; }
#kshome .collaboration-0 h3 { margin-bottom: 10px; }
#kshome .collaboration-copy p { font-size: 16px; line-height: 1.4; color: rgb(255, 255, 255); margin: 0px; }
#kshome .equipment-image-frame { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; flex: 0 0 auto; }
#kshome .equipment-row .equipment-image-frame img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
#kshome .equipment-row button:hover .equipment-image-frame img { transform: scale(1.025); }
#kshome .layout-0 { left: 371px; top: 20px; width: 149px; height: 58px; }
#kshome .layout-1 { left: 686px; top: 25px; width: 88px; height: 51px; }
#kshome .layout-2 { left: 804px; top: 25px; width: 83px; height: 51px; }
#kshome .layout-3 { left: 902px; top: 25px; width: 104px; height: 51px; }
#kshome .layout-4 { left: 1025px; top: 25px; width: 80px; height: 51px; }
#kshome .layout-5 { left: 1117px; top: 25px; width: 48px; height: 51px; }
#kshome .layout-6 { left: 1188px; top: 25px; width: 63px; height: 51px; }
#kshome .layout-7 { left: 366px; top: 88px; width: 134px; height: 43px; }
#kshome .layout-8 { left: 506px; top: 88px; width: 160px; height: 43px; }
#kshome .layout-9 { left: 674px; top: 88px; width: 154px; height: 43px; }
#kshome .layout-10 { left: 842px; top: 88px; width: 198px; height: 43px; }
#kshome .layout-11 { left: 1048px; top: 88px; width: 159px; height: 43px; }
#kshome .layout-12 { left: 1214px; top: 88px; width: 144px; height: 43px; }
#kshome .layout-13 { left: 1363px; top: 88px; width: 172px; height: 43px; }
#kshome .layout-14 { display: block; }
#kshome .layout-15 { display: block; }
#kshome .layout-16 { display: block; }
#kshome { --swiper-theme-color: #007aff; }
#kshome :host { display: block; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
#kshome { --swiper-navigation-size: 44px; }







































#kshome { min-width: 0px; overflow-x: clip; }
#kshome .hero-market { font-size: 30px; line-height: 1.1; margin-bottom: 4px; }
#kshome .hero-source { font-size: 14px; line-height: 1.1; color: rgb(29, 44, 106); margin: 0px 0px 60px; }
#kshome .factory-picture span { padding: 8px 20px; }
#kshome .collaboration-image,
#kshome .collaboration-0 .collaboration-image,
#kshome .collaboration-2 .collaboration-image { position: static; display: block; width: 100%; height: 100%; object-fit: cover; }
#kshome .collaboration-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 2px; }
#kshome .collaboration-heading h3 { font-size: 16px;font-weight: 700; line-height: 1.3; min-width: 0px; margin: 0px; }
#kshome .collaboration-date { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
#kshome .collaboration-date img { width: 16px; height: 16px; }
#kshome .collaboration-0 .collaboration-heading { margin-bottom: 10px; }
#kshome .team-banner-stats strong,
#kshome .culture-caption h3 { color: rgb(255, 190, 0); }
#kshome .culture { background: rgb(243, 243, 243); }
#kshome .museum { height: 760px; }







@media (max-width: 1200px) {
#kshome .nav-art,
#kshome .nav-hotspots { transform: translateX(-50%) scale(0.73); transform-origin: center top; }
#kshome .site-header { height: 97px; }
#kshome .wrap { width: calc(100% - 48px); }
#kshome .nav-top,
#kshome .nav-bottom { max-width: 100%; }
#kshome .nav-links { gap: 14px; }
#kshome .featured-case { width: calc(100% - 48px); grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); }
#kshome .featured-case.reverse { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.5fr); }
#kshome .case-copy { padding: 24px; }
#kshome .collaboration-grid { gap: 24px; }
#kshome .collaboration-heading { flex-wrap: wrap; }
#kshome .collaboration-copy { padding: 14px 20px; }
#kshome .footer-main { gap: 30px; }
}
@media (max-width: 980px) {
#kshome .hero h1 { font-size: 48px; max-width: 100%; }
#kshome .hero-market { font-size: 26px; }
#kshome .factory-picture span { font-size: 14px; padding: 8px 12px; }
#kshome .featured-case,
#kshome .featured-case.reverse { grid-template-columns: 1fr 1fr; height: auto; }
#kshome .case-copy { padding: 20px; }
#kshome .case-copy h2 { font-size: 24px; }
#kshome .case-copy p { font-size: 16px; }
#kshome .collaboration-grid { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
#kshome .collaboration-0 .collaboration-copy { padding: 24px 20px; }
#kshome .expert-panel { flex-basis: 5%; }
#kshome .expert-accordion { height: 240px; }
#kshome .expert-trigger { width: 65px; }
#kshome .expert-panel-copy { left: 75px; top: 32px; bottom: 12px; overflow: auto; }
#kshome .footer-main { display: block; }
#kshome .footer-brand { margin-bottom: 30px; }
}
#kshome #responsibility .culture-caption > p:first-of-type { color: rgb(255, 255, 255); font-family: Inter, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 130%; }
#kshome .project-grid .project-card-body { padding: 20px 30px 30px; }








/* Gallery appearance overrides */
#kshome .pswp { z-index: 10000; }
#kshome .pswp__bg { background: #031231; }
#kshome .pswp__img, #kshome .pswp__img--placeholder { background: transparent; }
#kshome .pswp__caption__center { color: #fff; font: 500 16px/1.4 Inter, sans-serif; text-align: center; max-width: 1000px; }
#kshome .pswp__counter { color: #fff; }
#kshome .pswp button { border: 0; }

#kshome:has(.pswp--open) .top-link { visibility: hidden; }

/* One shared SVG mask for all CTA arrows, including local-file previews. */
/*666*/
#kshome { --button-arrow-svg: url("/wp-content/themes/website/svg/asset-1.svg"); }
#kshome .btn::after,
#kshome .text-link::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 9.68px;
  height: 16px;
  background-color: var(--button-arrow-color, currentColor);
  -webkit-mask: var(--button-arrow-svg) center / contain no-repeat;
  mask: var(--button-arrow-svg) center / contain no-repeat;
  transition: background-color .2s;
}
#kshome .projects .text-link::after { width: 8.47px; height: 14px; }
#kshome .btn:hover::after,
#kshome .btn:focus-visible::after { --button-arrow-color: #fff; }

/* Prevent theme image limits from shrinking the fullscreen gallery. */
#kshome .pswp img.pswp__img { max-width: none; max-height: none; object-fit: contain; }