/* CHINEE desktop home · 2026-09-29. All layout is isolated above 700px. */
@media screen and (min-width:701px) {
 .ch-home{--ch-primary:#004050;--ch-ink:#153c43;--ch-muted:#637a7c;--ch-line:#dbe6e5;--ch-paper:#f2f6f3;color:var(--ch-ink);background:#fff;font-family:"Poppins","Segoe UI",sans-serif;overflow:hidden}
 .ch-home,.ch-home *,.ch-home *::before,.ch-home *::after{box-sizing:border-box}
 .ch-home :is(h1,h2,h3,p,figure,ul,ol){margin:0}
 .ch-home :is(h1,h2,h3,p,a,span,strong,small){letter-spacing:normal}
 .ch-home a{color:inherit;text-decoration:none}
 .ch-home img{display:block;max-width:100%}
 .ch-home :is(ul,ol){padding:0;list-style:none}
 .ch-home-shell{width:calc(100% - 96px);max-width:1500px;margin:0 auto}
 .ch-home-section{padding:60px 0;scroll-margin-top:100px}
 .ch-home-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:1.8px!important;text-transform:uppercase;color:#377b80;line-height:1.5;margin-bottom:14px!important}
 .ch-home-eyebrow i{font-size:19px;font-weight:400}
 .ch-home h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(32px,3.1vw,48px);line-height:1.12;letter-spacing:-1.2px!important}
 .ch-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}
 .ch-home-section-head>p{max-width:380px;font-size:13px;line-height:1.8;color:var(--ch-muted)}
 .ch-home-section-head>div{max-width:850px}
 .ch-home-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:15px 24px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:2px;transition:background .2s,color .2s,transform .2s}
 .ch-home-button i{font-size:20px;font-weight:400}
 .ch-home-button--primary,.ch-home-button--light{background:#f6f7ef;color:#004050!important}
 .ch-home-button--line{background:rgba(0,40,48,.12);border-color:#96b3b2;color:#fff!important}
 .ch-home-button--dark{background:#004050;color:#fff!important}
 .ch-home-button:hover{transform:translateY(-2px);background:#a3cecb;color:#004050!important}
 .ch-home a:focus-visible{outline:3px solid #64aeb8!important;outline-offset:5px!important}
 .ch-home-text-link{display:inline-flex;gap:18px;align-items:center;white-space:nowrap;font-size:12px;font-weight:600;border-bottom:1px solid #88aeae;padding-bottom:7px}
 .ch-home-text-link i{font-size:20px}
 /* A real full-viewport hero, with safe space for the unchanged fixed navigation. */
 .ch-home-hero{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:650px;max-height:none;color:#fff;background:#003742 url('../img/home-chinee-20260929/hero.webp') center center/cover no-repeat}
 .ch-home-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,32,42,.42),rgba(0,32,42,.10) 44%,transparent 66%)}
 .ch-home-hero__inner{height:100%;display:flex;align-items:center;padding:136px 0 102px}
 .ch-home-hero__content{width:47%;max-width:670px}
 .ch-home-hero__eyebrow{color:#c1dfd9;margin-bottom:26px!important;font-size:10px}
 .ch-home-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,4.65vw,80px);line-height:1.07;font-weight:400;letter-spacing:-2px!important;color:#fff;text-wrap:balance}
 .ch-home-hero h1 em{font-style:italic;color:#cee2d4;font-weight:400}
 .ch-home-hero__copy{font-size:14px;line-height:1.95;color:#dce9e6;max-width:440px;margin-top:24px!important}
 .ch-home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
 .ch-home-trust{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:35px!important;color:#c7dfdb;font-size:10px}
 .ch-home-trust li{display:flex;gap:7px;align-items:center}
 .ch-home-trust i{font-size:18px}
 .ch-home-hero__scroll{position:absolute;left:48px;bottom:28px;display:flex;align-items:center;gap:20px;text-transform:uppercase;font-size:9px;letter-spacing:2px!important;color:#d6e6e1!important}
 .ch-home-hero__scroll::before{content:"";width:46px;height:1px;background:#9fbeb8}
 .ch-home-hero__scroll i{font-size:20px}
 /* Category collection: clear covers, fine separators, compact editorial rhythm. */
 .ch-home-categories{background:#f7f8f4}
 .ch-home-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}
 .ch-home-category-card{display:block;min-width:0}
 .ch-home-category-card__media{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#e9efea;border-radius:2px}
 .ch-home-category-card__media>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
 .ch-home-category-card:hover img{transform:scale(1.035)}
 .ch-home-category-card__icon{position:absolute;bottom:9px;left:9px;width:28px;height:28px;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#004050;border-radius:50%;font-size:15px}
 .ch-home-category-card__body{position:relative;display:block;padding:11px 21px 10px 0;border-bottom:1px solid #d7e2db;min-height:69px}
 .ch-home-category-card__body strong{display:block;font-size:12px;font-weight:600;line-height:1.5;min-height:18px}
 .ch-home-category-card__body>span{display:block;font-size:10px;line-height:1.5;color:#6b827f;margin-top:3px}
 .ch-home-category-card__body>i{position:absolute;right:0;top:13px;font-size:16px;color:#62928b}
 .ch-home-category-card:hover .ch-home-category-card__body{border-color:#004050}
 /* Factory story */
 .ch-home-factory{background:#eaf1ee}
 .ch-home-factory-feature{position:relative;height:clamp(350px,34vw,520px);overflow:hidden;border-radius:2px}
 .ch-home-factory-feature>img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
 .ch-home-factory-feature::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,37,45,.8));pointer-events:none}
 .ch-home-factory-feature figcaption{position:absolute;left:30px;bottom:24px;right:30px;z-index:1;color:#fff}
 .ch-home-factory-feature figcaption strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400;margin-bottom:6px}
 .ch-home-factory-feature figcaption span{font-size:12px;color:#d2e4de}
 .ch-home-factory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:14px}
 .ch-home-factory-media{min-width:0}
 .ch-home-factory-media img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;border-radius:2px}
 .ch-home-factory-media figcaption{padding:12px 0 0}
 .ch-home-factory-media strong{display:block;font-size:12px;line-height:1.4;font-weight:600}
 .ch-home-factory-media small{display:block;color:#627a75;font-size:10px;line-height:1.7;margin-top:5px}
 .ch-home-concept-note{display:flex;gap:6px;align-items:center;margin-top:16px!important;font-size:9px;color:#68817b}
 /* Featured products */
 .ch-home-products{background:#fff}
 .ch-home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
 .ch-home-product-card{min-width:0}
 .ch-home-product-card__media{display:block;position:relative;aspect-ratio:1.18;background:#f5f7f5;overflow:hidden;border:1px solid #e7ece7;border-radius:2px}
 .ch-home-product-card__media>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:20px;transition:transform .4s}
 .ch-home-product-card:hover img{transform:scale(1.04)}
 .ch-home-product-card__media>span{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:1px!important;color:#456d67;border:1px solid #bdcec6;padding:4px 6px;background:#f7faf5}
 .ch-home-product-card__body{position:relative;padding:15px 28px 0 0;min-height:112px}
 .ch-home-product-card__body small{display:block;text-transform:uppercase;font-size:9px;color:#718a82;margin-bottom:8px;letter-spacing:1px!important}
 .ch-home-product-card__body h3{font-size:13px;line-height:1.7;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .ch-home-product-card__arrow{position:absolute;right:0;top:38px;font-size:21px;color:#418178!important}
 /* Brand story */
 .ch-home-brand{background:#f0f4ef}
 .ch-home-brand__layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
 .ch-home-brand__gallery{height:560px;display:grid;grid-template-columns:1.05fr .9fr;gap:16px;align-items:start}
 .ch-home-brand__scene{height:85%;overflow:hidden;border-radius:2px}
 .ch-home-brand__scene--secondary{align-self:end;height:73%}
 .ch-home-brand__scene img{width:100%;height:100%;object-fit:cover;object-position:50% center}
 .ch-home-brand__content h2{line-height:1.16}
 .ch-home-brand__lead{font-size:13px;line-height:1.9;color:var(--ch-muted);margin:22px 0!important}
 .ch-home-brand__services{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-bottom:28px!important}
 .ch-home-brand__services li{display:flex;align-items:flex-start;gap:10px}
 .ch-home-brand__services li>i{font-size:23px;color:#4c8780;line-height:1.4}
 .ch-home-brand__services strong{display:block;font-size:12px;font-weight:600;margin-bottom:5px}
 .ch-home-brand__services span{display:block;font-size:11px;line-height:1.8;color:#647f78}
 /* An icon-led process, without meaningless decorative step numbers. */
 .ch-home-process{color:#f0f5ec;background:#004050}
 .ch-home-process__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:0 30px;margin-bottom:36px}
 .ch-home-process__head .ch-home-eyebrow{width:100%;color:#a6cdc2}
 .ch-home-process__head h2{color:#f4f7f0;max-width:780px}
 .ch-home-process__head>p:last-child{max-width:300px;font-size:12px;line-height:1.8;color:#b3ceca}
 .ch-home-process__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
 .ch-home-process-step{position:relative;min-width:0}
 .ch-home-process-step:not(:last-child)::after{content:"→";position:absolute;left:65px;right:0;top:17px;text-align:right;color:#76a4a3;font-size:19px;border-top:1px solid #386974;line-height:0}
 .ch-home-process-step__icon{width:42px;height:42px;display:grid;place-items:center;font-size:24px;color:#c5ddcb;border:1px solid #5b8787;border-radius:50%;margin-bottom:20px}
 .ch-home-process-step h3{font-size:12px;font-weight:600;color:#fff;line-height:1.5;min-height:36px;margin-bottom:6px}
 .ch-home-process-step p{font-size:11px;color:#abc8c6;line-height:1.9}
 .ch-home-process__cta{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #356671;padding-top:28px;margin-top:34px}
 .ch-home-process__cta strong{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400;color:#fff}
 .ch-home-process__cta p span{display:block;font-size:11px;color:#abc8c6;margin-top:5px}
 /* Content is visible by default even when scripts or animations are unavailable. */
 .ch-home-reveal{opacity:1;transform:none}
 @media (prefers-reduced-motion:no-preference){.ch-home-reveal.is-visible{animation:ch-home-arrive .45s ease both}@keyframes ch-home-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}}
 @media(max-width:1279px){
  .ch-home-shell{width:calc(100% - 64px)}
  .ch-home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch-home-hero__scroll{left:32px}.ch-home-hero__content{width:49%}
  .ch-home-hero h1{font-size:clamp(42px,4.8vw,62px)}
  .ch-home-hero__copy{font-size:12px;max-width:360px}
  .ch-home-hero__actions{gap:9px}.ch-home-button{padding:13px 17px;font-size:11px;gap:10px}
  .ch-home-brand__layout{gap:36px}.ch-home-brand__gallery{height:520px;gap:10px}
  .ch-home-process__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 30px}
  .ch-home-process-step:nth-child(3)::after{display:none}.ch-home-process-step h3{min-height:0}
 }
 @media(max-width:1023px){
  .ch-home-shell{width:calc(100% - 40px)}.ch-home-section{padding:48px 0}
  .ch-home-section-head{gap:22px}.ch-home-section-head>p{max-width:270px;font-size:11px}
  .ch-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
  .ch-home-hero{background-position:54% center}.ch-home-hero::before{background:linear-gradient(90deg,rgba(0,30,40,.65),rgba(0,30,40,.22) 55%,transparent)}
  .ch-home-hero h1{font-size:44px;letter-spacing:-1.5px!important}
  .ch-home-hero__eyebrow{font-size:8px;letter-spacing:1px!important}.ch-home-hero__content{width:52%}
  .ch-home-hero__inner{padding-top:112px}.ch-home-hero__scroll{left:20px}
  .ch-home-hero__actions{flex-direction:column;align-items:flex-start}.ch-home-hero__actions .ch-home-button{min-width:208px}
  .ch-home-trust{gap:8px 13px;margin-top:24px!important}
  .ch-home-factory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}
  .ch-home-factory-media{grid-column:span 2}.ch-home-factory-media:nth-child(n+4){grid-column:span 3}
  .ch-home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}
  .ch-home-brand__layout{grid-template-columns:1fr;gap:30px}.ch-home-brand__gallery{height:440px;grid-template-columns:1.2fr 1fr}
  .ch-home-brand__scene{height:100%}.ch-home-brand__scene--secondary{height:85%}
  .ch-home-brand__services{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ch-home-brand__services li{display:block}.ch-home-brand__services strong{margin-top:6px}
  .ch-home-process__head>p:last-child{max-width:none;margin-top:14px}
 }
}
@media screen and (min-width:701px) and (max-width:850px) {
 .ch-home-hero::before{background:linear-gradient(90deg,rgba(0,30,40,.9),rgba(0,30,40,.62) 48%,rgba(0,30,40,.12) 80%)}
 .ch-home-hero__copy{color:#f0f6f2}
}
@media screen and (min-width:701px) {
 .ch-home-brand__scene--secondary img{object-position:center 75%}
}