/* Desktop only. The mobile sidebar and its shared resources are untouched. */
@media (min-width:701px) {
  .loong-home { --lh-navy:#062b46; --lh-ink:#09293e; --lh-blue:#008deb; --lh-muted:#687d8b; --lh-line:#dce6ec; --lh-pale:#f3f7fa; font-family:Arial,'Helvetica Neue',sans-serif; color:var(--lh-ink); background:#fff; overflow:clip; line-height:1.6; }
  .loong-home *, .loong-home *::before, .loong-home *::after { box-sizing:border-box; }
  .loong-home a { text-decoration:none; color:inherit; }
  .loong-home button { font:inherit; cursor:pointer; }
  .loong-home h1,.loong-home h2,.loong-home h3,.loong-home p,.loong-home figure { margin:0; }
  .loong-home a:focus-visible,.loong-home button:focus-visible { outline:3px solid #008deb !important; outline-offset:5px; }
  .loong-home-shell { width:calc(100% - 112px); max-width:1504px; margin-inline:auto; }
  .loong-home-section { padding:64px 0; }
  .loong-home-eyebrow { display:flex; align-items:center; gap:10px; color:#007ac7; font-size:11px; letter-spacing:2px; font-weight:700; line-height:1.6; margin-bottom:17px !important; }
  .loong-home-eyebrow>i { font-size:18px; letter-spacing:0; }
  .loong-home-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; margin-bottom:30px; }
  .loong-home h2 { font-size:clamp(32px,3.05vw,49px); line-height:1.12; letter-spacing:-1.9px; font-weight:600; }
  .loong-home h2 span { color:#637d8e; }
  .loong-home-head-aside { max-width:370px; padding-bottom:4px; font-size:14px; color:var(--lh-muted); line-height:1.75; }
  .loong-home-text-link { display:inline-flex; align-items:center; gap:22px; font-size:13px; font-weight:700; line-height:1.6; border-bottom:1px solid #9ab1c0; padding:6px 0; color:var(--lh-ink)!important; }
  .loong-home-head-aside .loong-home-text-link { margin-top:12px; }
  .loong-home-text-link i { font-size:21px; color:var(--lh-blue); transition:transform .2s; }
  .loong-home-text-link:hover i { transform:translate(3px,-3px); }
  .loong-home-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:16px 23px; font-size:13px; font-weight:700; border:1px solid #008deb; border-radius:3px; color:#fff!important; background:#008deb; transition:background .2s,transform .2s; white-space:nowrap; }
  .loong-home-button>i { font-size:20px; }
  .loong-home-button:hover { background:#0078ca; transform:translateY(-2px); }
  .loong-home-button-outline { border-color:#ffffff60; background:#0a263340; backdrop-filter:blur(8px); }
  .loong-home-button-outline:hover { background:#ffffff14; }
  .loong-home-hero { position:relative; height:100svh; min-height:640px; max-height:1200px; background:#031322; color:white; }
  .loong-home-hero-media { position:absolute; inset:0; }
  .loong-home-hero-media img { width:100%; height:100%; object-fit:cover; object-position:center; }
  .loong-home-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,16,29,.92),rgba(2,16,29,.62) 31%,rgba(2,16,29,0) 65%),linear-gradient(0deg,rgba(2,16,29,.95),transparent 25%); pointer-events:none; }
  .loong-home-hero-inner { height:100%; position:relative; z-index:1; display:flex; align-items:center; padding-top:70px; padding-bottom:95px; }
  .loong-home-hero-copy { width:53%; }
  .loong-home-hero .loong-home-eyebrow { color:#acd9f5; font-size:10px; letter-spacing:2.3px; margin-bottom:23px!important; }
  .loong-home-status { width:6px; height:6px; display:block; background:#27b6ff; border-radius:50%; box-shadow:0 0 12px #1596ed; }
  .loong-home h1 { font-size:clamp(48px,5.3vw,86px); line-height:1.035; letter-spacing:-3.4px; font-weight:600; color:#fff; }
  .loong-home h1 em { font-style:normal; color:#3bb8ff; }
  .loong-home-hero-intro { margin-top:24px!important; max-width:365px; font-size:15px; color:#b8c9d8; line-height:1.85; }
  .loong-home-actions { display:flex; gap:12px; margin-top:30px; }
  .loong-home-hero-bottom { position:absolute; left:0; right:0; bottom:27px; display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid #ffffff24; padding-top:23px; }
  .loong-home-capabilities { display:flex; gap:32px; color:#c5d7e6; font-size:11px; }
  .loong-home-capabilities span { display:flex; align-items:center; gap:9px; }
  .loong-home-capabilities i { color:#36aef4; font-size:20px; }
  .loong-home-scroll { display:flex; align-items:center; gap:18px; font-size:9px; letter-spacing:2px; }
  .loong-home-scroll i { font-size:24px; color:#42b7fc; }
  .loong-home-catalog { background:#f5f8fa; scroll-margin-top:85px; }
  .loong-home-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
  .loong-home-category { min-width:0; border:1px solid #e0e9ee; background:#fff; border-radius:5px; overflow:hidden; transition:transform .22s,border-color .22s,box-shadow .22s; }
  .loong-home-category:hover { transform:translateY(-4px); border-color:#8bc9ed; box-shadow:0 10px 24px #10314c0b; }
  .loong-home-category-image { position:relative; aspect-ratio:1.6; overflow:hidden; background:#eaf0f5; }
  .loong-home-category-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
  .loong-home-category:hover img { transform:scale(1.045); }
  .loong-home-category-arrow { position:absolute; right:10px; bottom:10px; display:grid; place-items:center; width:27px; height:27px; background:#ffffffed; border-radius:50%; font-size:18px; color:#006faf; opacity:0; transform:translateY(5px); transition:opacity .2s,transform .2s; }
  .loong-home-category:hover .loong-home-category-arrow { opacity:1; transform:none; }
  .loong-home-category-label { display:flex; align-items:center; gap:9px; padding:14px 13px; min-height:59px; }
  .loong-home-category-label>i { color:#0089d9; font-size:21px; flex-shrink:0; }
  .loong-home-category-label h3 { font-size:12px; font-weight:600; line-height:1.3; letter-spacing:-.1px; }
  .loong-home-factory { background:#eaf1f5; border-top:1px solid #dee8ee; }
  .loong-home-factory-feature { display:grid; grid-template-columns:1.8fr 1fr; background:#fff; border:1px solid #dae5ec; border-radius:5px; overflow:hidden; }
  .loong-home-factory-main { position:relative; min-width:0; background:#c8d9e3; }
  .loong-home-factory-expand { display:block; position:relative; width:100%; height:100%; padding:0; border:0; background:none; }
  .loong-home-factory-main img { width:100%; height:100%; min-height:440px; object-fit:cover; }
  .loong-home-factory-main figcaption { position:absolute; bottom:0; left:0; right:0; padding:32px 25px 20px; background:linear-gradient(transparent,#021d36a6); color:#fff; font-size:12px; pointer-events:none; letter-spacing:.3px; }
  .loong-home-expand { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:35px; height:35px; background:#03203960; color:#fff; border:1px solid #ffffff60; border-radius:50%; font-size:18px; }
  .loong-home-factory-copy { padding:36px 32px; align-self:center; }
  .loong-home-label { display:block; color:#0084ce; font-size:10px; letter-spacing:1.6px; font-weight:700; margin-bottom:18px; }
  .loong-home-factory-copy h3 { font-size:clamp(25px,2.6vw,39px); line-height:1.12; font-weight:600; letter-spacing:-1.3px; margin-bottom:18px; }
  .loong-home-factory-copy>p { color:var(--lh-muted); font-size:13px; line-height:1.8; }
  .loong-home-factory-copy ul { margin:23px 0; padding:0; list-style:none; }
  .loong-home-factory-copy li { display:flex; align-items:center; gap:13px; padding:11px 0; border-bottom:1px solid #e9eff3; font-size:13px; font-weight:700; }
  .loong-home-factory-copy li>i { font-size:26px; color:#0089d9; }
  .loong-home-factory-copy small { display:block; color:var(--lh-muted); font-weight:400; font-size:11px; margin-top:3px; }
  .loong-home-factory-copy .loong-home-text-link { font-size:11px; gap:12px; }
  .loong-home-factory-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px; margin-top:18px; }
  .loong-home-factory-thumb { padding:0; text-align:left; color:var(--lh-ink); background:none; border:0; border-bottom:2px solid transparent; border-radius:3px 3px 0 0; overflow:hidden; transition:border-color .2s; }
  .loong-home-factory-thumb img { width:100%; aspect-ratio:1.7; object-fit:cover; opacity:.8; transition:opacity .2s; }
  .loong-home-factory-thumb span { display:flex; align-items:center; gap:7px; padding:10px 0; font-size:10px; line-height:1.3; font-weight:600; }
  .loong-home-factory-thumb i { font-size:16px; color:#007ec8; }
  .loong-home-factory-thumb:hover img,.loong-home-factory-thumb.is-active img { opacity:1; }
  .loong-home-factory-thumb.is-active { border-color:#008deb; }
  .loong-home-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
  .loong-home-product { border:1px solid #e0e8ed; border-radius:5px; overflow:hidden; min-width:0; transition:transform .2s,box-shadow .2s; }
  .loong-home-product:hover { transform:translateY(-4px); box-shadow:0 12px 25px #092e4610; }
  .loong-home-product-image { position:relative; aspect-ratio:1.28; background:#f8fafb; padding:23px; }
  .loong-home-product-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
  .loong-home-product-badge { position:absolute; top:12px; left:12px; font-size:8px; letter-spacing:1.2px; background:#e7f2fa; color:#0574b4; padding:3px 7px; border-radius:2px; }
  .loong-home-product-body { padding:18px; }
  .loong-home-product-body h3 { font-size:13px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:42px; font-weight:600; }
  .loong-home-product-body>span { display:flex; justify-content:space-between; align-items:center; color:#758996; font-size:10px; margin-top:17px; padding-top:12px; border-top:1px solid #e9eef2; }
  .loong-home-product-body>span i { color:#0089d9; font-size:19px; }
  .loong-home h2 .loong-home-heading-dot { color:#008deb; }
  .loong-home-lifestyle { background:#062a42; color:white; }
  .loong-home-lifestyle .loong-home-eyebrow { color:#57bbf5; }
  .loong-home-lifestyle h2 span { color:#8aa8bb; }
  .loong-home-lifestyle .loong-home-head-aside { color:#a8c0d0; }
  .loong-home-lifestyle .loong-home-text-link { color:#fff!important; border-color:#60849b; }
  .loong-home-lifestyle-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:22px; }
  .loong-home-lifestyle-card { position:relative; overflow:hidden; border-radius:5px; height:450px; background:#143b53; }
  .loong-home-lifestyle-card img { width:100%; height:100%; object-fit:cover; }
  .loong-home-lifestyle-card:first-child img { object-position:60% center; }
  .loong-home-lifestyle-card figcaption { position:absolute; left:0; right:0; bottom:0; padding:65px 30px 28px; background:linear-gradient(transparent,#03192ce8); }
  .loong-home-lifestyle-card figcaption>span { font-size:9px; letter-spacing:2px; color:#87d0fb; }
  .loong-home-lifestyle-card h3 { font-size:25px; font-weight:500; letter-spacing:-.7px; margin:8px 0; }
  .loong-home-lifestyle-card p { color:#c8d7e3; font-size:12px; }
  .loong-home-process { background:#f2f7fa; }
  .loong-home-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:25px; list-style:none; margin:36px 0 0; padding:0; }
  .loong-home-steps li { position:relative; }
  .loong-home-steps li:not(:last-child)::after { content:''; position:absolute; height:1px; background:#bfd3e0; top:28px; left:75px; width:calc(100% - 67px); }
  .loong-home-step-icon { display:grid; place-items:center; width:56px; height:56px; border:1px solid #c6dfed; background:#fff; border-radius:12px; color:#007fd0; font-size:25px; margin-bottom:20px; }
  .loong-home-steps h3 { font-size:15px; font-weight:600; line-height:1.3; margin-bottom:10px; }
  .loong-home-steps p { font-size:12px; line-height:1.8; color:var(--lh-muted); max-width:210px; }
  body:has(.loong-home) #kf.cs-section { --c1:#062b46; --c2:#008deb; padding:58px 0 64px; background:#fff; border-top:1px solid #e2ebf0; }
  body:has(.loong-home) #kf .cs-container { width:calc(100% - 112px); max-width:1504px; margin:0 auto; padding:0; }
  body:has(.loong-home) #kf .cs-header { text-align:left; margin-bottom:28px; }
  body:has(.loong-home) #kf .cs-eyebrow { justify-content:flex-start; color:#007ec8; font-size:10px; }
  body:has(.loong-home) #kf .cs-eyebrow::before { display:none; }
  body:has(.loong-home) #kf .cs-eyebrow::after { background:#008deb; }
  body:has(.loong-home) #kf .cs-title { font:600 39px/1.15 Arial,sans-serif; letter-spacing:-1.4px; color:#09293e; }
  body:has(.loong-home) #kf .cs-subtitle { margin:0; font-size:13px; }
  body:has(.loong-home) #kf .cs-card { border-radius:5px; border-color:#dde8ef; }
  body:has(.loong-home) #kf .cs-card:hover { border-color:#70bae7; }
  body:has(.loong-home) #kf .cs-card::before { background:#008deb; }
  body:has(.loong-home) #kf .cs-photo { height:240px; }
  body:has(.loong-home) .zw { height:0!important; }
  .loong-home-lightbox { margin:auto; padding:0; background:#062a42; color:#fff; border:1px solid #55778d; border-radius:6px; width:min(1100px,90vw); max-height:90vh; }
  .loong-home-lightbox::backdrop { background:#00111dde; backdrop-filter:blur(6px); }
  .loong-home-lightbox img { width:100%; max-height:78vh; object-fit:contain; }
  .loong-home-lightbox p { padding:12px 20px; font-size:13px; }
  .loong-home-lightbox-close { position:absolute; right:12px; top:12px; width:38px; height:38px; border-radius:50%; border:1px solid #fff8; background:#032039c0; color:#fff; font-size:23px!important; }
}
@media (min-width:701px) and (max-width:1199px) {
  .loong-home-shell,body:has(.loong-home) #kf .cs-container { width:calc(100% - 64px); }
  .loong-home-section { padding:52px 0; }
  .loong-home-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .loong-home-hero-copy { width:60%; }
  .loong-home h1 { font-size:clamp(44px,5.4vw,65px); letter-spacing:-2.3px; }
  .loong-home-hero-intro { max-width:320px; }
  .loong-home-actions { gap:9px; }
  .loong-home-button { padding:13px 16px; font-size:11px; gap:12px; }
  .loong-home-head-aside { max-width:300px; font-size:12px; }
  .loong-home-factory-feature { grid-template-columns:1.5fr 1fr; }
  .loong-home-factory-copy { padding:25px; }
  .loong-home-factory-main img { min-height:415px; }
  .loong-home-product-grid { gap:15px; }
  .loong-home-product-image { padding:18px; }
  .loong-home-lifestyle-card { height:380px; }
  .loong-home-lifestyle-card figcaption { padding-inline:21px; }
  .loong-home-lifestyle-card h3 { font-size:22px; }
  .loong-home-steps { gap:16px; }
  .loong-home-steps h3 { font-size:13px; }
  .loong-home-steps p { font-size:11px; }
  body:has(.loong-home) #kf .cs-photo { height:190px; }
}
@media (min-width:701px) and (max-width:850px) {
  .loong-home-shell,body:has(.loong-home) #kf .cs-container { width:calc(100% - 40px); }
  .loong-home-hero-media img { object-position:62% center; }
  .loong-home-hero-copy { width:75%; }
  .loong-home-section-head { gap:20px; }
  .loong-home h2 { font-size:29px; letter-spacing:-1.2px; }
  .loong-home-head-aside { max-width:230px; }
  .loong-home-category-label { padding:10px; min-height:56px; }
  .loong-home-category-label h3 { font-size:11px; }
  .loong-home-category-label>i { font-size:18px; }
  .loong-home-capabilities { gap:16px; font-size:10px; }
  .loong-home-scroll { display:none; }
  .loong-home-factory-copy { padding:20px; }
  .loong-home-factory-copy h3 { font-size:25px; }
  .loong-home-factory-copy>p { font-size:12px; }
  .loong-home-factory-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .loong-home-product-body { padding:13px; }
  .loong-home-product-body h3 { font-size:11px; height:36px; }
  .loong-home-lifestyle-card { height:325px; }
  .loong-home-lifestyle-card h3 { font-size:20px; }
}
@media (min-width:701px) and (prefers-reduced-motion:reduce) {
  .loong-home *, .loong-home *::before, .loong-home *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}