/* Chinee desktop homepage. All layout and tokens are confined to the PC branch. */
@media (min-width: 701px) {
  .clb-pc-home {
    --clb-green: #245d4a; --clb-dark: #102d25; --clb-paper: #f5f3ed;
    --clb-mist: #e7ede8; --clb-line: #d7dfd8; --clb-muted: #617068;
    background: var(--clb-paper); color: var(--clb-dark); overflow: clip;
    font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.6;
  }
  .clb-pc-home *, .clb-pc-home *::before, .clb-pc-home *::after {box-sizing:border-box;}
  .clb-pc-home img {display:block; max-width:100%;}
  .clb-pc-home a {color:inherit; text-decoration:none;}
  .clb-pc-home h1,.clb-pc-home h2,.clb-pc-home h3,.clb-pc-home p {margin:0;}
  .clb-pc-home :focus-visible {outline:3px solid #b28d56; outline-offset:5px;}
  .clb-pc-home .clb-shell {width:calc(100% - 96px); max-width:1500px; margin-inline:auto;}
  .clb-pc-home section:not(.clb-hero) {padding:64px 0;}
  .clb-pc-home .clb-section-heading {display:grid; grid-template-columns:1.15fr .85fr; gap:12px 80px; align-items:end; margin-bottom:32px;}
  .clb-pc-home .clb-eyebrow {grid-column:1/-1; display:flex; align-items:center; gap:10px; color:var(--clb-green); font-size:11px; font-weight:700; letter-spacing:1.6px; line-height:1.4;}
  .clb-pc-home .clb-eyebrow i {display:grid; place-items:center; width:28px; height:28px; border:1px solid #b7c8bd; font-size:16px; letter-spacing:0;}
  .clb-pc-home .clb-section-heading h2 {font-size:40px; line-height:1.1; font-weight:500; letter-spacing:-1.2px; max-width:720px;}
  .clb-pc-home .clb-section-heading > p:last-child:not(.clb-eyebrow) {font-size:15px; line-height:1.75; max-width:470px; color:var(--clb-muted); justify-self:end;}
  .clb-pc-home .clb-button {display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; padding:14px 20px; font-size:12px; font-weight:700; line-height:1.35; border:1px solid transparent; border-radius:0; transition:background .2s,color .2s,border-color .2s;}
  .clb-pc-home .clb-button i {font-size:18px;}
  .clb-pc-home .clb-button--light {background:var(--clb-paper); color:var(--clb-dark);}
  .clb-pc-home .clb-button--light:hover {background:#dce9df;}
  .clb-pc-home .clb-button--outline {border-color:rgba(255,255,255,.5); color:#fff; background:rgba(16,45,37,.12);}
  .clb-pc-home .clb-button--outline:hover {background:rgba(245,243,237,.14); border-color:#fff;}
  .clb-pc-home .clb-text-link {display:inline-flex; align-items:center; gap:18px; padding-bottom:6px; border-bottom:1px solid #789185; font-size:13px; font-weight:700;}
  .clb-pc-home .clb-text-link:hover {color:#50745e;}
  /* A single image with real room for the headline, not a split marketing card. */
  .clb-pc-home .clb-hero {height:100vh; height:100svh; min-height:620px; position:relative; isolation:isolate; color:#fff; background-color:#102d25; background-image:var(--clb-hero-image); background-size:cover; background-position:center;}
  .clb-pc-home .clb-hero__shade {position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(9,31,24,.5) 0%,rgba(9,31,24,.15) 39%,transparent 65%);}
  .clb-pc-home .clb-hero__inner {height:100%; display:flex; align-items:center; padding-top:90px; padding-bottom:140px;}
  .clb-pc-home .clb-hero__content {width:46%; max-width:610px;}
  .clb-pc-home .clb-hero__eyebrow {display:flex; align-items:center; flex-wrap:wrap; gap:13px; font-size:10px; letter-spacing:1.35px; font-weight:700; color:#d8e4dc; margin-bottom:26px;}
  .clb-pc-home .clb-hero__eyebrow span {width:26px; height:1px; background:#a5b8a9;}
  .clb-pc-home .clb-hero h1 {font-size:76px; font-weight:500; line-height:1.02; letter-spacing:-2.3px; text-wrap:balance;}
  .clb-pc-home .clb-hero h1 em {font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:italic; color:#eef0dc;}
  .clb-pc-home .clb-hero__copy {max-width:430px; margin-top:26px; color:#d8e2da; font-size:14px; line-height:1.8;}
  .clb-pc-home .clb-hero__actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:30px;}
  .clb-pc-home .clb-hero__details {position:absolute; bottom:32px; left:0; right:0; display:flex; gap:32px; border-top:1px solid rgba(235,244,234,.25); padding-top:22px; padding-right:280px;}
  .clb-pc-home .clb-hero__details span {display:flex; gap:10px; align-items:center; font-size:11px; color:#e0e8df;}
  .clb-pc-home .clb-hero__details i {font-size:19px; color:#bccfbd;}
  .clb-pc-home .clb-hero__scroll {position:absolute; right:max(48px,calc((100vw - 1500px)/2)); bottom:27px; display:flex; align-items:center; gap:20px; font-size:11px;}
  .clb-pc-home .clb-hero__scroll > i {display:grid; place-items:center; width:36px; height:36px; border:1px solid #899e91; border-radius:50%; font-size:19px;}
  /* The real category taxonomy stays at the front of the buying journey. */
  .clb-pc-home .clb-categories {background:var(--clb-paper); scroll-margin-top:100px;}
  .clb-pc-home .clb-category-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px 20px;}
  .clb-pc-home .clb-category-card {display:block; min-width:0;}
  .clb-pc-home .clb-category-card__media {display:block; aspect-ratio:4/3; overflow:hidden; background:#e8e9e2;}
  .clb-pc-home .clb-category-card__image {width:100%; height:100%; object-fit:cover; transition:transform .45s;}
  .clb-pc-home .clb-category-card:hover .clb-category-card__image {transform:scale(1.035);}
  .clb-pc-home .clb-category-card__meta {display:grid; grid-template-columns:24px 1fr 20px; align-items:center; gap:10px; min-height:56px; border-bottom:1px solid #ccd6cd;}
  .clb-pc-home .clb-category-card__icon {color:var(--clb-green); font-size:19px; line-height:1;}
  .clb-pc-home .clb-category-card__name {font-size:15px; font-weight:600; line-height:1.3;}
  .clb-pc-home .clb-category-card__arrow {color:var(--clb-green); transition:transform .2s;}
  .clb-pc-home .clb-category-card:hover .clb-category-card__arrow {transform:translate(2px,-2px);}
  .clb-pc-home .clb-category-card__placeholder,.clb-pc-home .clb-product-card__placeholder {display:grid; place-items:center; height:100%; font-size:48px; color:#567962;}
  /* Six manufacturing scenes: campus, production line, four process details. */
  .clb-pc-home .clb-factory {background:var(--clb-dark); color:#f6f6ed;}
  .clb-pc-home .clb-section-heading--light .clb-eyebrow {color:#c0d0b9;}
  .clb-pc-home .clb-section-heading--light .clb-eyebrow i {border-color:#587164;}
  .clb-pc-home .clb-section-heading--light > p:last-child:not(.clb-eyebrow) {color:#bacac0;}
  .clb-pc-home .clb-factory-grid {display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px;}
  .clb-pc-home .clb-factory-card {position:relative; margin:0; grid-column:span 3; aspect-ratio:4/3; overflow:hidden; background:#29473c;}
  .clb-pc-home .clb-factory-card--1 {grid-column:span 8; aspect-ratio:2.1/1;}
  .clb-pc-home .clb-factory-card--2 {grid-column:span 4; aspect-ratio:auto;}
  .clb-pc-home .clb-factory-card__image {width:100%; height:100%; object-fit:cover;}
  .clb-pc-home .clb-factory-card--2 img {object-position:38% center;}
  .clb-pc-home .clb-factory-card figcaption {position:absolute; inset:auto 0 0; display:flex; justify-content:space-between; align-items:center; gap:8px; padding:38px 16px 13px; font-size:12px; line-height:1.4; color:#fff; background:linear-gradient(transparent,rgba(9,28,22,.8));}
  .clb-pc-home .clb-factory-card--1 figcaption,.clb-pc-home .clb-factory-card--2 figcaption {font-size:16px; padding:55px 22px 20px;}
  /* Recommended products are real products, with a predictable image box. */
  .clb-pc-home .clb-products {background:#fff;}
  .clb-pc-home .clb-product-grid {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 20px;}
  .clb-pc-home .clb-product-card {min-width:0;}
  .clb-pc-home .clb-product-card__media {display:block; aspect-ratio:1; background:#f4f5f1; overflow:hidden; border:1px solid #ebeee7;}
  .clb-pc-home .clb-product-card__image {width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .4s;}
  .clb-pc-home .clb-product-card:hover .clb-product-card__image {transform:scale(1.03);}
  .clb-pc-home .clb-product-card__body {padding:16px 0 10px; border-bottom:1px solid var(--clb-line);}
  .clb-pc-home .clb-product-card__body > p {font-size:10px; color:#547461; font-weight:700; text-transform:uppercase; letter-spacing:.7px;}
  .clb-pc-home .clb-product-card h3 {margin:7px 0 14px; font-size:14px; line-height:1.55; font-weight:500; min-height:44px;}
  .clb-pc-home .clb-product-card h3 a {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .clb-pc-home .clb-product-card__link {display:flex; justify-content:space-between; align-items:center; font-size:11px; font-weight:700; color:var(--clb-green);}
  /* Brand use cases remain an editorial strip, not nested cards. */
  .clb-pc-home .clb-applications {background:var(--clb-mist);}
  .clb-pc-home .clb-applications__intro {position:relative; margin-bottom:30px;}
  .clb-pc-home .clb-applications__intro .clb-section-heading {margin-bottom:16px;}
  .clb-pc-home .clb-applications__intro .clb-text-link {margin-top:2px;}
  .clb-pc-home .clb-application-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
  .clb-pc-home .clb-application-card {min-width:0;}
  .clb-pc-home .clb-application-card > img {width:100%; aspect-ratio:4/3; height:auto; object-fit:cover;}
  .clb-pc-home .clb-application-card__content {padding:20px 0 0;}
  .clb-pc-home .clb-application-card h3 {font-size:20px; line-height:1.2; font-weight:500; margin-bottom:10px;}
  .clb-pc-home .clb-application-card p {font-size:13px; line-height:1.75; color:#5a6d60; max-width:420px;}
  /* Meaningful steps, connected by line and arrow; no decorative numbering. */
  .clb-pc-home .clb-process {background:#245d4a; color:#fff; position:relative;}
  .clb-pc-home .clb-process__heading {display:flex; justify-content:space-between; gap:40px; align-items:center; margin-bottom:40px;}
  .clb-pc-home .clb-process__heading .clb-section-heading {display:block; margin:0; max-width:800px;}
  .clb-pc-home .clb-process__heading h2 {margin-top:14px; font-size:36px;}
  .clb-pc-home .clb-process__heading .clb-section-heading > p:last-child:not(.clb-eyebrow) {margin-top:14px; max-width:650px; color:#d0dfd5;}
  .clb-pc-home .clb-process__heading .clb-button {flex-shrink:0;}
  .clb-pc-home .clb-process-list {list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px;}
  .clb-pc-home .clb-process-list li {position:relative; min-width:0;}
  .clb-pc-home .clb-process-list li:not(:last-child)::after {content:'\2192'; position:absolute; left:62px; right:-10px; top:14px; height:22px; text-align:right; line-height:21px; color:#aec3b3; background:linear-gradient(#87a592,#87a592) left center/calc(100% - 16px) 1px no-repeat;}
  .clb-pc-home .clb-process-list__icon {display:grid; place-items:center; width:50px; height:50px; border:1px solid #8cae96; font-size:23px; color:#e7efdc; border-radius:50%; margin-bottom:20px;}
  .clb-pc-home .clb-process-list h3 {font-size:14px; font-weight:600; line-height:1.4; margin-bottom:9px; max-width:180px;}
  .clb-pc-home .clb-process-list p {color:#cfdfd2; font-size:12px; line-height:1.7;}
  /* Existing customer-service sidebar: CSS only, same content and contacts. */
  body:has(.clb-pc-home) #kf.cs-section {--c1:#245d4a; --c2:#245d4a; padding:64px 0; margin:0; width:100%; max-width:none; background:#f5f3ed; border:0;}
  body:has(.clb-pc-home) #kf .cs-container {width:calc(100% - 96px); max-width:1500px; margin-inline:auto; padding:0;}
  body:has(.clb-pc-home) #kf .cs-header {text-align:left; margin-bottom:30px;}
  body:has(.clb-pc-home) #kf .cs-eyebrow {justify-content:flex-start; color:#245d4a; letter-spacing:1.5px; font-size:11px;}
  body:has(.clb-pc-home) #kf .cs-eyebrow::before {display:none;}
  body:has(.clb-pc-home) #kf .cs-title {font-size:40px; font-weight:500; color:#102d25; letter-spacing:-1.2px;}
  body:has(.clb-pc-home) #kf .cs-subtitle {margin-left:0; font-size:14px; color:#617068;}
  body:has(.clb-pc-home) #kf .cs-grid {gap:20px;}
  body:has(.clb-pc-home) #kf .cs-card {border-radius:0; border-color:#d7dfd8; box-shadow:none;}
  body:has(.clb-pc-home) #kf .cs-card:hover {transform:none; border-color:#668c76;}
  body:has(.clb-pc-home) #kf .cs-photo {height:230px;}
  body:has(.clb-pc-home) #kf .cs-name {color:#183c2c; font-size:16px;}
  body:has(.clb-pc-home) #kf .cs-status {border-radius:2px;}
  body:has(.clb-pc-home) .mobile_nav {display:none !important;}
  body:has(.clb-pc-home) .zw {height:0 !important; margin:0 !important; padding:0 !important;}
  /* Reveal is progressively enhanced; default content stays fully visible. */
  .clb-pc-home.clb-motion-ready [data-clb-reveal] {transition:opacity .55s ease,transform .55s ease;}
  .clb-pc-home.clb-motion-ready [data-clb-reveal]:not(.clb-is-visible) {opacity:0; transform:translateY(16px);}
  @media (min-width:1700px) {.clb-pc-home .clb-hero h1 {font-size:92px;} .clb-pc-home .clb-hero__copy {font-size:16px;} .clb-pc-home .clb-hero__content {width:44%;}}
  @media (max-width:1200px) {
    .clb-pc-home .clb-shell,body:has(.clb-pc-home) #kf .cs-container {width:calc(100% - 72px);}
    .clb-pc-home .clb-hero h1 {font-size:62px;}
    .clb-pc-home .clb-hero__content {width:49%;}
    .clb-pc-home .clb-hero__eyebrow {font-size:9px; letter-spacing:.8px; gap:7px;}
    .clb-pc-home .clb-hero__actions {gap:8px;}
    .clb-pc-home .clb-button {padding:12px 14px; font-size:11px;}
    .clb-pc-home .clb-section-heading {gap:12px 35px;}
    .clb-pc-home .clb-section-heading h2 {font-size:34px;}
    .clb-pc-home .clb-process-list {grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:32px;}
    .clb-pc-home .clb-process-list li:nth-child(3)::after {display:none;}
    .clb-pc-home .clb-process-list h3 {max-width:none;}
    .clb-pc-home .clb-hero__details {gap:20px;}
    .clb-pc-home .clb-hero__scroll {right:36px;}
    body:has(.clb-pc-home) #kf .cs-photo {height:190px;}
  }
  @media (max-width:1023px) {
    .clb-pc-home .clb-category-grid,.clb-pc-home .clb-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .clb-pc-home .clb-hero {background-position:30% center;}
    .clb-pc-home .clb-hero__content {width:53%;}
    .clb-pc-home .clb-hero h1 {font-size:52px; letter-spacing:-1.5px;}
    .clb-pc-home .clb-hero__copy {font-size:13px;}
    .clb-pc-home .clb-hero__eyebrow span {display:none;}
    .clb-pc-home .clb-hero__details {gap:14px; padding-right:0;}
    .clb-pc-home .clb-hero__scroll span {display:none;}
    .clb-pc-home .clb-hero__scroll {bottom:77px;}
    .clb-pc-home .clb-section-heading {grid-template-columns:1fr; gap:12px;}
    .clb-pc-home .clb-section-heading > p:last-child:not(.clb-eyebrow) {justify-self:start; max-width:650px;}
    .clb-pc-home .clb-factory-card {grid-column:span 6;}
    .clb-pc-home .clb-factory-card--1 {grid-column:span 7; aspect-ratio:1.35;}
    .clb-pc-home .clb-factory-card--2 {grid-column:span 5;}
    .clb-pc-home .clb-application-grid {gap:14px;}
    .clb-pc-home .clb-application-card h3 {font-size:17px;}
    .clb-pc-home .clb-application-card p {font-size:12px;}
    .clb-pc-home .clb-process__heading {display:block;}
    .clb-pc-home .clb-process__heading .clb-button {margin-top:24px;}
    body:has(.clb-pc-home) #kf .cs-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  }
  @media (prefers-reduced-motion:reduce) {
    .clb-pc-home *, .clb-pc-home *::before, .clb-pc-home *::after {transition:none !important; animation:none !important; scroll-behavior:auto !important;}
    .clb-pc-home.clb-motion-ready [data-clb-reveal]:not(.clb-is-visible) {opacity:1; transform:none;}
  }
}

@media (min-width:701px) {
  .clb-pc-home .clb-process__heading .clb-section-heading > p:last-child:not(.clb-eyebrow) {margin-left:0;}
  .clb-pc-home .clb-hero__scroll {bottom:100px;}
}
@media (min-width:701px) and (max-width:1023px) {
  .clb-pc-home .clb-hero__shade {background:linear-gradient(90deg,rgba(9,31,24,.78),rgba(9,31,24,.3) 48%,transparent 78%);}
}
