@media (min-width:701px) {
  .cm-home { --cm-ink:#2b211a; --cm-gold:#b99754; --cm-cream:#f8f5ef; --cm-muted:#72695f; --cm-line:#dcd4c7; color:var(--cm-ink); background:var(--cm-cream); font:16px/1.65 "Helvetica Neue",Arial,sans-serif; overflow:clip; }
  .cm-home *, .cm-home *::before, .cm-home *::after { box-sizing:border-box; }
  .cm-home a { color:inherit; text-decoration:none; }
  .cm-home img { display:block; width:100%; max-width:100%; }
  .cm-home h1,.cm-home h2,.cm-home h3,.cm-home p,.cm-home figure { margin:0; }
  .cm-home h1,.cm-home h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.035em; }
  .cm-home h2 { font-size:48px; line-height:1.08; }
  .cm-home h2 em { font-weight:400; color:#9a783b; }
  .cm-home h3 { font-family:"Helvetica Neue",Arial,sans-serif; letter-spacing:0; }
  .cm-shell { width:min(1440px,calc(100% - 96px)); margin-inline:auto; }
  .cm-section { padding:60px 0; }
  .cm-home .cm-eyebrow { display:flex; align-items:center; gap:14px; margin-bottom:20px; font:700 11px/1.5 "Helvetica Neue",Arial,sans-serif; letter-spacing:.15em; color:#8b6b35; }
  .cm-eyebrow::before { content:""; width:27px; height:1px; background:currentColor; flex-shrink:0; }
  .cm-hero { position:relative; height:100svh; min-height:620px; max-height:none; display:flex; align-items:center; color:#fff; background:#241d18; }
  .cm-hero-picture,.cm-hero-picture img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:center; }
  .cm-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(26,19,14,.72),rgba(26,19,14,.20) 50%,transparent 75%),linear-gradient(180deg,rgba(17,12,8,.25),transparent 25%,transparent 80%,rgba(17,12,8,.4)); pointer-events:none; }
  .cm-hero-content { position:relative; z-index:1; padding-top:66px; }
  .cm-hero .cm-eyebrow { color:#e1c18b; margin-bottom:24px; }
  .cm-hero .cm-eyebrow span { border-left:1px solid #ad8d59; padding-left:14px; font-weight:400; letter-spacing:.08em; }
  .cm-hero h1 { font-size:76px; line-height:.99; max-width:850px; color:#fff; }
  .cm-hero h1 em { display:block; font-size:.62em; line-height:1.25; color:#e6c58e; margin-top:16px; }
  .cm-hero .cm-hero-copy { font-size:16px; line-height:1.8; color:#e6dfd6; margin-top:25px; max-width:510px; }
  .cm-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:29px; }
  .cm-button { display:inline-flex; align-items:center; justify-content:center; gap:26px; min-height:50px; padding:13px 23px; font-size:13px; font-weight:600; border:1px solid transparent; transition:background .2s,color .2s; }
  .cm-home .cm-button-gold { background:#d3af70; color:#241d16; border-color:#d3af70; }
  .cm-home .cm-button-gold:hover { background:#e3c493; }
  .cm-home .cm-button-outline { border-color:rgba(255,255,255,.5); color:white; background:rgba(20,15,10,.1); }
  .cm-home .cm-button-outline:hover { background:rgba(255,255,255,.12); }
  .cm-hero-base { position:absolute; bottom:24px; left:0; right:0; z-index:1; display:flex; justify-content:space-between; border-top:1px solid #ffffff35; padding-top:18px; font-size:10px; letter-spacing:.13em; }
  .cm-hero-base a { display:flex; gap:18px; align-items:center; letter-spacing:.04em; }
  .cm-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:30px; }
  .cm-heading > p, .cm-heading-aside { max-width:410px; font-size:14px; color:var(--cm-muted); line-height:1.8; }
  .cm-heading-aside .cm-text-link { margin-top:16px; }
  .cm-home .cm-text-link { display:inline-flex; align-items:center; gap:20px; font-size:12px; font-weight:600; border-bottom:1px solid #ad8950; padding-bottom:6px; }
  .cm-capabilities { display:flex; align-items:center; gap:34px; border-top:1px solid var(--cm-line); border-bottom:1px solid var(--cm-line); padding:17px 0; margin-bottom:26px; font-size:12px; }
  .cm-capabilities span { display:flex; align-items:center; gap:11px; }
  .cm-capabilities span i { color:#98743c; font-size:23px; }
  .cm-capabilities a { margin-left:auto; font-size:11px; }
  .cm-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
  .cm-category { min-width:0; }
  .cm-category-image { aspect-ratio:4/3; overflow:hidden; background:#e9e3d8; }
  .cm-category-image img { height:100%; object-fit:cover; transition:transform .45s ease; }
  .cm-category a:hover img { transform:scale(1.035); }
  .cm-category-title { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 0 9px; border-bottom:1px solid var(--cm-line); }
  .cm-category h3 { font-size:14px; line-height:1.35; font-weight:500; }
  .cm-category-title i { color:#98743c; font-size:18px; }
  #cm-collections,#kf { scroll-margin-top:110px; }
  .cm-factory { background:#eae4d9; border-block:1px solid #e0d6c8; }
  .cm-factory-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
  .cm-factory-image { position:relative; overflow:hidden; grid-column:span 2; aspect-ratio:3/2; background:#332b24; }
  .cm-factory-image img { height:100%; object-fit:cover; }
  .cm-factory-image-0 { grid-column:1/-1; aspect-ratio:2.9/1; }
  .cm-factory-image-1,.cm-factory-image-2 { grid-column:span 3; aspect-ratio:2/1; }
  .cm-factory-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(20,15,10,.85)); pointer-events:none; }
  .cm-factory-image figcaption { position:absolute; bottom:19px; left:22px; right:18px; color:#fff; z-index:1; }
  .cm-factory-image figcaption span { font-size:9px; color:#ebc791; letter-spacing:.1em; text-transform:uppercase; }
  .cm-factory-image figcaption h3 { margin-top:6px; font-size:19px; font-weight:500; line-height:1.2; }
  .cm-factory-image figcaption p { font-size:11px; margin-top:7px; color:#eee5d8; }
  .cm-factory-image-0 figcaption { left:30px; bottom:27px; }
  .cm-factory-image-0 figcaption h3 { font:36px/1.2 Georgia,serif; }
  .cm-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 22px; }
  .cm-product { min-width:0; }
  .cm-product-image { position:relative; aspect-ratio:6/7; background:white; overflow:hidden; border:1px solid #e9e4db; }
  .cm-product-image img { height:100%; object-fit:contain; padding:15px; }
  .cm-product-image > i { font-size:70px; display:grid; place-items:center; height:100%; color:#a79174; }
  .cm-product-image > span { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-between; padding:12px 15px; background:rgba(247,243,236,.96); border-top:1px solid #e3d9ca; font-size:11px; transform:translateY(100%); transition:transform .2s; }
  .cm-product a:hover .cm-product-image > span,.cm-product a:focus-visible .cm-product-image > span { transform:translateY(0); }
  .cm-product .cm-product-type { margin-top:15px; margin-bottom:7px; font-size:10px; color:#876c42; text-transform:uppercase; letter-spacing:.07em; }
  .cm-product h3 { font-size:13px; font-weight:400; line-height:1.6; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .cm-lifestyle { position:relative; min-height:600px; height:75svh; max-height:800px; display:flex; align-items:center; color:white; background:#352b24; }
  .cm-lifestyle > img { position:absolute; inset:0; height:100%; object-fit:cover; object-position:center; }
  .cm-lifestyle::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(21,17,13,.82),rgba(21,17,13,.4) 37%,transparent 70%); }
  .cm-life-content { position:relative; z-index:1; padding-block:50px; }
  .cm-lifestyle .cm-eyebrow { color:#e7c994; }
  .cm-lifestyle h2 { font-size:58px; color:white; }
  .cm-lifestyle h2 em { color:#e7c994; }
  .cm-lifestyle .cm-life-content > p:not(.cm-eyebrow) { color:#eee5dc; margin-block:25px; font-size:15px; }
  .cm-process { background:#eee8de; padding-bottom:35px; }
  .cm-process-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; list-style:none; padding:15px 0 30px; margin:0; }
  .cm-process-grid li { position:relative; min-width:0; }
  .cm-step-icon { width:54px; height:54px; display:grid; place-items:center; border:1px solid #b89d75; color:#987038; background:#f7f2e9; font-size:24px; position:relative; z-index:1; }
  .cm-process-grid li:not(:last-child)::after { content:""; position:absolute; height:1px; background:#c8b699; top:27px; left:54px; width:calc(100% - 30px); }
  .cm-process-grid h3 { font-size:15px; font-weight:500; margin:19px 0 10px; }
  .cm-process-grid p { font-size:12px; line-height:1.75; color:#726453; max-width:230px; }
  .cm-process-note { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid #d3c7b5; padding-top:25px; font-size:13px; }
  .cm-process-note span { display:flex; align-items:center; gap:12px; }
  .cm-process-note span i { color:#987038; font-size:22px; }
  body:has(.cm-home) #kf { width:100%!important; padding:35px 0 55px!important; margin:0!important; background:#eee8de!important; border:0!important; color:#2b211a; }
  body:has(.cm-home) #kf .cs-container { width:min(1440px,calc(100% - 96px))!important; max-width:none!important; padding:0!important; margin:auto!important; }
  body:has(.cm-home) #kf .cs-header { text-align:left; margin-bottom:25px; }
  body:has(.cm-home) #kf .cs-title { font:42px/1.15 Georgia,serif!important; letter-spacing:-.025em; color:#2b211a; }
  body:has(.cm-home) #kf .cs-eyebrow { color:#8c6a35; font-size:10px; letter-spacing:.12em; }
  body:has(.cm-home) #kf .cs-eyebrow::before { background:#a58149; }
  body:has(.cm-home) #kf .cs-eyebrow::after { display:none; }
  body:has(.cm-home) #kf .cs-subtitle { margin:0; color:#726453; font-size:14px; }
  body:has(.cm-home) #kf .cs-card { border-radius:0; border-color:#d9cbb7; box-shadow:none; }
  body:has(.cm-home) #kf .cs-card::before { background:#b99754; }
  body:has(.cm-home) #kf .cs-card:hover { transform:none; border-color:#b99754; }
  body:has(.cm-home) #kf .cs-name { color:#2b211a; }
  body:has(.cm-home) #kf .cs-info-actions a { color:#87642f; }
  body:has(.cm-home) .zw { display:none!important; }
  .cm-home a:focus-visible { outline:2px solid #b99754; outline-offset:5px; }
  @media (min-width:1700px) { .cm-hero h1 { font-size:92px; } .cm-hero h1 em { font-size:.62em; } }
  @media (max-width:1279px) { .cm-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .cm-hero h1 { font-size:64px; } .cm-home h2 { font-size:42px; } .cm-lifestyle h2 { font-size:52px; } .cm-capabilities { gap:22px; } }
  @media (max-width:1023px) { .cm-shell { width:calc(100% - 48px); } .cm-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .cm-hero h1 { font-size:57px; } .cm-home h2 { font-size:36px; } .cm-heading { gap:24px; } .cm-heading > p,.cm-heading-aside { font-size:12px; max-width:270px; } .cm-capabilities { flex-wrap:wrap; gap:14px 24px; } .cm-capabilities a { margin-left:0; } .cm-factory-image { grid-column:span 3; } .cm-factory-image-0 { grid-column:1/-1; aspect-ratio:2/1; } .cm-factory-image-1,.cm-factory-image-2 { aspect-ratio:3/2; } .cm-factory-image:last-child { grid-column:1/-1; aspect-ratio:2.5/1; } .cm-factory-image figcaption p { display:none; } .cm-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .cm-process-grid { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:26px; } .cm-process-grid li:nth-child(3)::after { display:none; } .cm-process-note { align-items:flex-start; } .cm-lifestyle h2 { font-size:46px; } body:has(.cm-home) #kf .cs-container { width:calc(100% - 48px)!important; } body:has(.cm-home) #kf .cs-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

  /* Keep the existing mobile toolbar below the unchanged 700px boundary. */
  body:has(.cm-home) .mobile_nav { display:none!important; }
  @media (max-width:768px) {
    body:has(.cm-home) #online_qq_tab { position:fixed!important; right:24px!important; bottom:24px!important; left:auto!important; margin:0!important; width:50px; height:50px; }
    body:has(.cm-home) #online_qq_tab #floatShow { position:relative!important; left:0!important; margin:0!important; bottom:0!important; }
    .cm-hero-base { padding-right:65px; }
  }
  @media (prefers-reduced-motion:reduce) { .cm-home *, .cm-home *::before,.cm-home *::after { transition:none!important; animation:none!important; } }
}
