/* ALOXIVO active visual theme. Shared layout primitives are in styles.css. */

/* ALOXIVO / Editorial materials direction.
   Loaded after the legacy base so the visual identity is isolated and removable. */
:root {
  --ink: #252824;
  --steel: #29312e;
  --steel-soft: #4f5b56;
  --steel-deep: #222a27;
  --cyan: #a46d59;
  --cyan-bright: #d1a68f;
  --cyan-text: #86614f;
  --paper: #f4f1eb;
  --mist: #ebe7df;
  --body-text: #5b625d;
  --line: rgba(37,40,36,.17);
  --white-line: rgba(250,248,244,.25);
  --font: "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --container: 1400px;
}
html { scroll-behavior: smooth; }
body, .inner-page { color: #252824; background: #f4f1eb; }
.container { width: min(calc(100% - clamp(36px, 6vw, 108px)), var(--container)); }
.section { padding-block: clamp(90px, 10vw, 150px); }
.kicker, .editorial-overline { color: #86614f; font-family: var(--font); font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.kicker::before { width: 24px; height: 1px; border: 0; background: currentColor; }
.button-link { color: #694c3e; font-weight: 700; letter-spacing: .02em; text-transform: none; }

/* Quiet architectural navigation. */
.site-header, .site-header.is-scrolled, .inner-page .site-header,
.editorial-home .site-header, .editorial-home .site-header.is-scrolled {
  min-height: 76px; background: rgba(249,247,242,.97); border: 0;
  border-bottom: 1px solid #dedbd4; box-shadow: none; backdrop-filter: blur(16px);
}
.nav { min-height: 76px; }
.site-header .brand-logo-mark img { filter: none; }
.brand-copy strong { color: #252824; font-size: .96rem; font-weight: 750; letter-spacing: .12em; }
.brand-copy small { color: #8a8d87; font-family: var(--font); font-size: .5rem; letter-spacing: .18em; }
.nav-links { gap: clamp(18px,2.1vw,34px); }
.nav-links a { padding-block: 6px; color: #3e4540; font-size: .84rem; font-weight: 600; letter-spacing: .015em; text-transform: none; }
.nav-links a::after { bottom: -3px; height: 1px; background: #a46d59; }
.nav-links a:last-child, .nav-links .nav-contact {
  padding: 10px 18px; color: #f7f5ef; background: #2b3430; border-radius: 99px;
  font-size: .8rem; font-weight: 600; letter-spacing: .01em;
}
.nav-links a:last-child:hover, .nav-links a:last-child:focus-visible,
.nav-links .nav-contact:hover, .nav-links .nav-contact:focus-visible { color: white; background: #86614f; }
.nav-links a:last-child::after { display: none; }
.language-switch, .language-switch a, .language-switch button { color: #858982; font-family: var(--font); font-size: .78rem; font-weight: 600; }
.language-switch a.is-active, .language-switch button.is-active { color: #252824; border-color: #a46d59; }
.menu-toggle span { background: #252824; }

/* New static composition instead of the former sticky scroll scene. */
.editorial-hero { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); min-height: min(810px, 100svh); padding-top: 76px; background: #f4f1eb; }
.editorial-hero-copy { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(50px, 6.8vw, 110px) clamp(35px, 5.6vw, 100px); }
.editorial-overline { margin: 0 0 30px; font-size: .62rem; letter-spacing: .1em; }
.editorial-hero h1 { margin: 0; max-width: 10ch; color: #252824; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(4.2rem, 5.5vw, 7.1rem); font-weight: 400; line-height: 1.04; letter-spacing: -.066em; text-wrap: balance; }
.editorial-hero h1 span { color: #8c6656; }
html[lang="en"] .editorial-hero h1 span { font-style: italic; }
.editorial-intro { max-width: 35em; margin: 35px 0 0; color: #5b625d; font-size: clamp(.94rem, 1.15vw, 1.08rem); line-height: 1.9; }
.editorial-action { display: inline-flex; align-items: center; gap: 25px; margin-top: 35px; padding-bottom: 9px; color: #2b3430; border-bottom: 1px solid #2b3430; font-size: .9rem; font-weight: 700; transition: gap .25s ease, color .25s ease; }
.editorial-action:hover { gap: 36px; color: #a46d59; }
.editorial-action span { font-size: 1.3rem; }
.editorial-hero-index { position: absolute; left: clamp(35px, 5.6vw, 100px); bottom: 30px; margin: 0; color: #9b9b92; font-size: .67rem; letter-spacing: .16em; }
.editorial-hero-visual { position: relative; min-height: 620px; margin: 0; overflow: hidden; background: #d4cec2; }
.editorial-hero-visual img { display: block; width: 100%; height: 100%; min-height: 620px; object-fit: cover; object-position: 69% center; }
.editorial-hero-visual figcaption { position: absolute; right: 34px; bottom: 29px; color: #3e4540; font-size: .65rem; font-weight: 700; letter-spacing: .18em; }
.editorial-manifesto { padding-block: clamp(95px, 11vw, 175px); color: #f6f3ed; background: #2b3430; }
.editorial-manifesto-grid { display: grid; grid-template-columns: minmax(160px,.4fr) minmax(0,1fr); gap: 6vw; }
.editorial-manifesto .kicker { margin-top: 14px; color: #d1a68f; }
.editorial-manifesto h2 { max-width: 1050px; margin: 0; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.7rem, 4.3vw, 5.5rem); font-weight: 400; line-height: 1.2; letter-spacing: -.055em; }
.editorial-manifesto h2 span { color: #d1a68f; font-style: italic; }
.editorial-manifesto-grid > div > p { max-width: 680px; margin: 34px 0 0; color: #cfd2cb; font-size: 1rem; line-height: 1.9; }

/* Product portfolio: generous editorial rows, not boxed sales cards. */
.products { background: #f4f1eb; }
.section-heading { grid-template-columns: minmax(0,1fr) minmax(260px,.45fr); gap: 50px; align-items: end; padding-bottom: 32px; border-color: #bdbeb7; }
.section-heading h2 { max-width: 13ch; margin-top: 18px; color: #252824; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(3.1rem, 5vw, 6rem); font-weight: 400; line-height: 1.1; letter-spacing: -.06em; text-transform: none; }
.section-heading > p { color: #626862; font-size: .98rem; line-height: 1.8; }
.product-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
.product-card, .product-card:nth-child(n) { grid-column: 1/-1; border-bottom: 1px solid #c2c3bb; }
.product-button { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-height: clamp(385px, 38vw, 570px); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.product-button:hover, .product-button:focus-visible { transform: none; border: 0; box-shadow: none; }
.product-card:nth-child(even) .product-image { order: 2; }
.product-image { height: 100%; min-height: 385px; background-color: #e8e7e2; background-size: cover; filter: none; }
.product-button:hover .product-image { transform: scale(1.025); filter: none; }
.product-body { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 5.3vw, 85px); border: 0; background: #f4f1eb; }
.product-number { position: static; margin-bottom: auto; color: #a46d59; font-family: var(--font); font-size: .73rem; font-weight: 700; letter-spacing: .13em; }
.product-title { margin-top: 30px; color: #252824; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.5rem, 4.2vw, 5.2rem); font-weight: 400; line-height: 1.1; letter-spacing: -.055em; text-transform: none; }
.product-en { margin-top: 10px; color: #8b8d86; font-family: var(--font); font-size: .7rem; font-weight: 600; letter-spacing: .12em; }
.product-tags { gap: 8px; margin-top: 30px; }
.product-tags i { padding: 5px 9px; color: #696e68; background: transparent; border: 1px solid #c8c7be; border-radius: 99px; font-family: var(--font); font-size: .62rem; }
.product-arrow { right: 30px; bottom: 30px; width: 42px; height: 42px; color: #2b3430; background: transparent; border: 1px solid #9ea39d; font-size: 1.15rem; }
.product-button:hover .product-arrow { color: white; background: #2b3430; border-color: #2b3430; }
.section-foot { margin-top: 75px; padding-top: 30px; border-color: #bdbeb7; }
.section-foot h3 { max-width: 620px; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2rem, 3.3vw, 3.9rem); font-weight: 400; line-height: 1.2; letter-spacing: -.05em; }

/* Image-led applications, quiet order-coordination section, dark closing CTA. */
.applications { color: #252824; background: #e9e6df; }
.applications .section-heading { border-color: #bdbeb7; }
.applications .section-heading h2 { color: #252824; }
.applications .section-heading > p { color: #626862; }
.applications .kicker { color: #86614f; }
.application-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.application-card { min-height: clamp(390px, 38vw, 560px); padding: clamp(24px, 3vw, 45px); background: #59645f; border-radius: 3px; }
.application-card img { filter: none; }
.application-card::after { background: linear-gradient(180deg, rgba(20,25,22,.12), rgba(20,25,22,.12) 38%, rgba(20,25,22,.8)); }
.application-card:hover { transform: none; }
.application-card:hover img { filter: none; transform: scale(1.035); }
.application-card-copy h3 { max-width: 16ch; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.25rem, 3.4vw, 4.3rem); font-weight: 400; line-height: 1.1; letter-spacing: -.05em; text-transform: none; }
.application-card-copy p, .application-index, .application-card-arrow { color: #eee0d1; }
.application-card small { color: #eeeae2; }
.illustration-note { color: #777e76; }
.quality { color: #252824; background: #f4f1eb; }
.quality .kicker { color: #86614f; }
.quality-intro h2 { font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.8rem, 4vw, 4.8rem); font-weight: 400; line-height: 1.16; letter-spacing: -.055em; text-transform: none; }
.quality-intro > p:last-of-type, .quality-item p { color: #626862; }
.quality-list, .quality-item { border-color: #bdbeb7; }
.quality-item { min-height: 130px; }
.quality-item:hover { background: rgba(164,109,89,.05); }
.quality-item > span { color: #a46d59; font-family: var(--font); }
.quality-item strong { font-family: var(--font); font-size: 1.2rem; font-weight: 650; letter-spacing: -.02em; }
.contact { color: #f6f3ed; background: #2b3430; }
.contact h2 { color: #f6f3ed; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.9rem, 4.4vw, 5.5rem); font-weight: 400; line-height: 1.13; letter-spacing: -.055em; text-transform: none; }
.contact .kicker { color: #d1a68f; }
.contact-intro { color: #d3d8d0; }
.contact-card { color: #f6f3ed; background: transparent; border: 1px solid #69736c; padding: clamp(25px, 3vw, 45px); }
.contact-card-label { color: #d1a68f !important; }
.contact-mail { color: #f3d2bd; }
.contact-card small { color: #aebbb1; }

/* Interior pages carry the same type and material palette. */
.page-hero, .contact-hero { min-height: min(660px, 82svh); padding: 170px 0 90px; color: #f6f3ed; background: #2b3430; }
.page-hero-grid h1 { color: #f6f3ed; font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(3rem, 5.1vw, 6.3rem); font-weight: 400; line-height: 1.12; letter-spacing: -.055em; text-transform: none; }
.page-hero-grid > div > p:last-child, .page-hero-products .page-hero-grid > div > p:last-child, .contact-hero .page-hero-grid > div > p:last-child { color: #e0e2db; }
.page-hero .kicker, .contact-hero .kicker { color: #d1a68f; }
.page-hero-centered { min-height: min(690px, 86svh); }
.page-hero-centered .page-hero-grid h1 { max-width: 960px; }
.page-hero-centered .page-hero-photo::after, .contact-hero-media::after { background: rgba(28,36,32,.56); }
.page-hero-photo { filter: none; }
.page-hero-products { background: #2b3430; }
.page-hero-products::before { opacity: .32; }
.page-hero-products::after { background: linear-gradient(90deg, #2b3430 0%, rgba(43,52,48,.92) 44%, rgba(43,52,48,.18)); }
.page-hero-products .page-hero-grid h1 { max-width: 770px; font-size: clamp(3rem, 4.45vw, 5.5rem); }
.page-hero-products .page-hero-grid > div > p:last-child { max-width: 570px; }
.page-hero-products h1, .page-hero-products .page-index a { color: #f6f3ed; }
.page-hero-products .page-index span { color: #d1a68f; }
.page-index a { font-size: .88rem; font-weight: 600; letter-spacing: .02em; text-transform: none; }
.page-hero-products .page-index a:hover { color: #f3d2bd; }
.product-detail, .application-visual, .application-list, .quality-process, .quality-evidence,
.quality-docs, .about-photo-band, .about-story, .about-scope, .contact-main, .contact-next,
.landing-spec-section { background: #f4f1eb; }
.product-detail-alt { color: #252824; background: #e9e6df; }
.product-detail-alt h2, .product-detail-alt h3, .product-detail-alt p, .product-detail-alt dd { color: #252824; }
.product-detail-alt dt, .product-detail-alt .kicker { color: #86614f; }
.detail-media, .detail-media img { min-height: 470px; }
.detail-media img { filter: none; }
.detail-copy h2, .application-visual-head h2, .application-story h3,
.about-story h2, .about-scope-head h2, .landing-intro h2, .landing-checklist h2,
.landing-cta h2, .contact-details h2, .contact-next h2 {
  font-family: Georgia, "Times New Roman", "Songti SC", serif; font-weight: 400;
  font-size: clamp(2.4rem, 3.4vw, 4.2rem); line-height: 1.15; letter-spacing: -.05em; text-transform: none;
}
.application-overview figcaption { background: rgba(43,52,48,.94); }
.application-story { border: 0; border-top: 1px solid #c2c3bb; box-shadow: none; background: transparent; }
.application-story:hover { transform: none; box-shadow: none; }
.application-story h3 { font-size: clamp(2.2rem, 3.2vw, 3.9rem); }
.quality-doc-grid { gap: 12px; background: transparent; border: 0; }
.quality-doc-grid article, .quality-doc-grid article:nth-child(2), .quality-doc-grid article:nth-child(3) { color: #252824; background: #e9e6df; border: 0; }
.quality-doc-grid article::before, .scope-grid article::before { display: none; }
.quality-doc-grid article:hover, .scope-grid article:hover { transform: none; box-shadow: none; }
.quality-doc-grid article span, .quality-doc-grid article:nth-child(n+2) span { color: #86614f; }
.quality-doc-grid p, .quality-doc-grid article:nth-child(n+2) p { color: #5b625d; }
.about-photo-grid { gap: 12px; background: transparent; }
.about-photo-grid img { filter: none; }
.about-photo-grid figcaption { color: #f3d2bd; }
.scope-grid { gap: 12px; background: transparent; border: 0; }
.scope-grid article, .scope-grid article:nth-child(2), .scope-grid article:nth-child(3) { color: #252824; background: #e9e6df; border: 0; }
.scope-grid article:nth-child(2) { background: #e1d2c4; }
.scope-grid article:nth-child(2) .scope-icon { stroke: #86614f; }
.scope-grid article:nth-child(2) p { color: #5b625d; }
.scope-grid h3 { font-family: var(--font); font-size: 1.32rem; font-weight: 650; }
.inquiry-panel, .landing-checklist { background: #2b3430; }
.inquiry-panel .kicker, .inquiry-panel a { color: #d1a68f; }
.landing-hero { color: #f6f3ed; background: #2b3430; }
.landing-hero h1 { font-family: Georgia, "Times New Roman", "Songti SC", serif; font-weight: 400; font-size: clamp(3rem, 4.5vw, 5.5rem); letter-spacing: -.055em; text-transform: none; }
.landing-hero h1 span { color: #d1a68f; }
.landing-hero figure img { filter: none; }
.landing-spec-grid article { background: #f4f1eb; }
.landing-checklist li { background: #2b3430; }
.page-cta { color: #f6f3ed; background: #2b3430; }
.page-cta .kicker, .page-cta a { color: #d1a68f; }
.page-cta h2 { font-family: Georgia, "Times New Roman", "Songti SC", serif; font-size: clamp(2.5rem, 3.6vw, 4.5rem); font-weight: 400; line-height: 1.15; letter-spacing: -.05em; text-transform: none; }
.page-cta-note { color: #d3d8d0; }
.page-cta a:hover { color: #fff; }

/* Dark footer, small brand mark; the oversized v2 display wordmark is removed. */
.site-footer { color: #c8d0c9; background: #222a27; }
.site-footer::before { display: none; }
.footer-col h3 { color: #d1a68f; font-family: var(--font); }
.footer-col a:hover, .footer-bottom a:hover { color: #f3d2bd; }

html[lang="zh-CN"] .editorial-hero h1,
html[lang="zh-CN"] .editorial-manifesto h2,
html[lang="zh-CN"] .section-heading h2,
html[lang="zh-CN"] .page-hero-grid h1 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  line-height: 1.22; letter-spacing: -.055em;
}
html[lang="zh-CN"] .editorial-hero h1 { max-width: 12ch; font-size: clamp(3.25rem, 4.5vw, 5.7rem); }
html[lang="zh-CN"] .editorial-manifesto h2 span { font-style: normal; }

@media (max-width: 940px) {
  .editorial-hero { grid-template-columns: 1fr 1fr; }
  .editorial-hero-copy { padding-inline: 38px; }
  .editorial-hero h1 { font-size: clamp(3.4rem, 6vw, 5rem); }
  .editorial-hero-visual, .editorial-hero-visual img { min-height: 620px; }
  .nav-links { gap: 13px; }
  .nav-links a { font-size: .75rem; }
}
@media (max-width: 840px) {
  .site-header, .site-header.is-scrolled, .inner-page .site-header,
  .editorial-home .site-header, .editorial-home .site-header.is-scrolled { min-height: 68px; }
  .nav { min-height: 68px; }
  .nav-links { top: 68px; background: #f4f1eb; border-color: #dedbd4; }
  .nav-links a { color: #252824; font-size: .95rem; border-color: #dedbd4; }
  .nav-links a:last-child { color: white; }
  .editorial-hero { padding-top: 68px; }
  .editorial-manifesto-grid { grid-template-columns: 1fr; gap: 20px; }
  .quality-grid { grid-template-columns: 1fr; }
  .quality-intro { position: static; }
}
@media (max-width: 640px) {
  .section { padding-block: 85px; }
  .editorial-hero { grid-template-columns: 1fr; }
  .editorial-hero-copy { min-height: 600px; padding: 70px 24px 86px; }
  .editorial-hero h1 { font-size: clamp(3.5rem, 11.5vw, 5rem); }
  html[lang="zh-CN"] .editorial-hero h1 { font-size: clamp(3.1rem, 9vw, 4.2rem); }
  .editorial-intro { margin-top: 26px; font-size: .93rem; }
  .editorial-hero-index { left: 24px; bottom: 25px; }
  .editorial-hero-visual, .editorial-hero-visual img { min-height: 360px; height: 360px; }
  .editorial-hero-visual img { object-position: 72% center; }
  .editorial-manifesto { padding-block: 85px; }
  .editorial-manifesto h2 { font-size: clamp(2.4rem, 8vw, 3.5rem); }
  .section-heading { grid-template-columns: 1fr; gap: 20px; }
  .section-heading h2 { font-size: clamp(3rem, 10vw, 4.4rem); }
  .product-button { display: flex; flex-direction: column; min-height: 0; }
  .product-card:nth-child(even) .product-image { order: 0; }
  .product-image { width: 100%; height: 270px; min-height: 270px; }
  .product-body { min-height: 250px; padding: 26px; }
  .product-title { font-size: clamp(2.4rem, 8vw, 3.4rem); }
  .application-grid { grid-template-columns: 1fr; }
  .application-card { min-height: 420px; }
  .contact-grid { grid-template-columns: 1fr; }
  .page-hero, .contact-hero { min-height: 600px; padding-top: 145px; }
  .page-hero-grid h1, .page-hero-products .page-hero-grid h1 { font-size: clamp(2.8rem, 9vw, 4rem); }
  .page-hero-products::after { background: linear-gradient(180deg, rgba(43,52,48,.96), rgba(43,52,48,.62)); }
  .detail-media, .detail-media img { min-height: 300px; }
}

/* ALOXIVO / Clear Tech. Visual layer only: content and product data stay in their source files. */
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-var-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ink: #23302f;
  --steel: #425e54;
  --steel-soft: #627b71;
  --steel-deep: #2b3c36;
  --cyan: #87b6a5;
  --cyan-bright: #b5d5c9;
  --cyan-text: #4b8872;
  --paper: #f7f9f8;
  --mist: #e6f0eb;
  --body-text: #53625d;
  --line: rgba(55, 83, 71, .17);
  --line-strong: rgba(55, 83, 71, .35);
  --white-line: rgba(237, 248, 241, .24);
  --font: "Archivo", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --container: 1400px;
  --radius: 2px;
  --shadow-card: none;
  --shadow-pop: none;
}
body, .inner-page { color: var(--ink); background: var(--paper); font-family: var(--font); line-height: 1.65; }
::selection { color: #172722; background: #b5d5c9; }
:focus-visible { outline-color: #438c76; }
.container { width: min(calc(100% - clamp(40px, 9.6vw, 168px)), var(--container)); }
.section { padding-block: clamp(95px, 10vw, 160px); }
h1, h2, h3 { font-family: var(--font); font-weight: 520; letter-spacing: -.055em; }
.kicker, .editorial-overline { color: #5f927e; font: 630 .72rem/1.5 var(--font); letter-spacing: .045em; text-transform: none; }
.kicker::before { width: 11px; height: 11px; border: 0; border-radius: 2px; background: #88b6a5; }
.kicker-light { color: #649b86; }
.button-link, .detail-guide a, .story-guide { color: #336e5b; font-weight: 630; text-transform: none; }

/* Shared navigation. */
.site-header, .site-header.is-scrolled, .inner-page .site-header,
.editorial-home .site-header, .editorial-home .site-header.is-scrolled {
  min-height: 76px; background: rgba(247, 249, 248, .97); border: 0;
  border-bottom: 1px solid #e1e9e5; box-shadow: none; backdrop-filter: blur(16px);
}
.nav { min-height: 76px; }
.brand-copy strong { color: var(--ink); font-size: .94rem; font-weight: 750; letter-spacing: .075em; }
.brand-copy small { color: #82948d; font-family: var(--font); font-size: .5rem; letter-spacing: .14em; }
.nav-links a { color: #4e6159; font-size: .84rem; font-weight: 560; letter-spacing: 0; }
.nav-links a::after { background: #80ad9d; }
.nav-links .nav-contact, .nav-links a:last-child {
  color: #235c49; background: #dfede6; border-radius: 99px; font-weight: 630;
}
.nav-links .nav-contact:hover, .nav-links .nav-contact:focus-visible,
.nav-links a:last-child:hover, .nav-links a:last-child:focus-visible { color: #fff; background: #438c76; }
.language-switch, .language-switch a, .language-switch button { color: #71847c; font-family: var(--font); }
.language-switch a.is-active, .language-switch button.is-active { color: var(--ink); border-color: #80ad9d; }
.menu-toggle span { background: var(--ink); }

/* Homepage: one composed opening screen, followed by the sourcing message. */
.editorial-hero { display: block; min-height: 100svh; padding-top: 76px; background: var(--paper); }
.editorial-hero-copy {
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 1fr auto;
  justify-content: stretch; align-items: center; min-height: calc(100svh - 76px);
  padding: clamp(38px, 4.3vw, 68px) max(clamp(24px, 4.8vw, 84px), calc((100vw - 1400px)/2));
}
.editorial-overline { margin: 0; color: #728980; }
.editorial-hero-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .43fr); align-items: center; gap: clamp(36px, 5vw, 85px); transform: translateY(-16px); }
.editorial-hero h1, html[lang="zh-CN"] .editorial-hero h1 {
  max-width: none; margin: 0; color: var(--ink);
  font-family: var(--font); font-size: clamp(4rem, 5.7vw, 7rem);
  font-weight: 510; line-height: 1.05; letter-spacing: -.08em;
}
.editorial-hero h1 span { color: #6d897e; }
html[lang="en"] .editorial-hero h1 span { font-style: normal; }
.hero-title-group { min-width: 0; }
.hero-identity { max-width: 33ch; margin: 30px 0 0; color: #496458; font-size: clamp(.98rem, 1.2vw, 1.2rem); font-weight: 540; line-height: 1.5; }
.trade-globe { position: relative; isolation: isolate; width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; }
.trade-globe::before { position: absolute; z-index: -1; inset: 5%; border-radius: 50%; background: radial-gradient(circle, rgba(192, 220, 206, .56), rgba(225, 239, 230, .16) 57%, transparent 73%); content: ""; }
.trade-globe canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .7s ease; }
.trade-globe.is-ready canvas { opacity: 1; }
.trade-globe-fallback { position: absolute; inset: 14%; border: .5px solid rgba(65, 122, 94, .28); border-radius: 50%; background: radial-gradient(circle at 36% 30%, #f8fcfa 0%, #d9e9e0 65%, #b9d0c2 100%); box-shadow: 22px 28px 55px rgba(48, 102, 74, .11); }
.trade-globe.is-ready .trade-globe-fallback { display: none; }
.trade-globe-note { position: absolute; right: 7%; bottom: 5%; margin: 0; color: #66877a; font-size: .66rem; letter-spacing: .025em; }
.product-mosaic { --hex: clamp(104px, 8.5vw, 130px); --hex-h: calc(var(--hex) * .866); --gap: 8px; --step-x: calc(var(--hex) * .75 + var(--gap) * .75); --step-y: calc(var(--hex-h) * .5 + var(--gap) * .5); --bounce-height: 14px; position: relative; width: calc(var(--hex) * 3.25 + var(--gap) * 2.25); height: calc(var(--hex-h) * 2.5 + var(--gap) * 1.5); max-width: 100%; margin-inline: auto; }
.product-hex { position: absolute; display: grid; place-items: center; width: var(--hex); height: var(--hex-h); color: #315c4e; background: #cbded4; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); font-size: clamp(1rem, 1.3vw, 1.2rem); font-weight: 650; letter-spacing: -.02em; will-change: transform; animation: hex-assemble .9s cubic-bezier(.18,.8,.24,1) var(--entry-delay) both, hex-bounce 3.8s ease-in-out calc(1.1s + var(--bounce-delay)) infinite; transition: filter .3s ease; }
.product-mosaic:hover .product-hex { filter: brightness(1.06); }
.product-mosaic:hover .product-hex:hover { filter: brightness(1.18) drop-shadow(0 5px 10px rgba(39, 91, 68, .18)); }
@keyframes hex-assemble { from { opacity: 0; transform: translate(var(--entry-x), var(--entry-y)) scale(.72) rotate(-7deg); } to { opacity: 1; transform: translate(0, 0) scale(1) rotate(0); } }
@keyframes hex-bounce { 0%, 10%, 40%, 100% { transform: translateY(0) scale(1); } 20% { transform: translateY(calc(var(--bounce-height) * -1)) scale(1.045); } 28% { transform: translateY(3px) scale(.985); } 34% { transform: translateY(-4px) scale(1.01); } }
.product-hex--outline { background: #6f9b88; isolation: isolate; }
.product-hex--outline::before { position: absolute; z-index: -1; inset: 2px; background: var(--paper); clip-path: inherit; content: ""; }
.product-hex--one { --entry-delay: .32s; --bounce-delay: .45s; --entry-x: -32px; --entry-y: 2px; left: 0; top: calc(var(--step-y) * 2); }
.product-hex--two { --entry-delay: .16s; --bounce-delay: .25s; --entry-x: -20px; --entry-y: -25px; left: var(--step-x); top: var(--step-y); }
.product-hex--three { --entry-delay: .48s; --bounce-delay: .65s; --entry-x: -12px; --entry-y: 28px; left: var(--step-x); top: calc(var(--step-y) * 3); background: #dceae2; }
.product-hex--four { --entry-delay: .64s; --bounce-delay: .85s; --entry-x: 10px; --entry-y: -32px; left: calc(var(--step-x) * 2); top: 0; }
.product-hex--five { --entry-delay: 0s; --bounce-delay: 0s; --entry-x: 0px; --entry-y: 30px; left: calc(var(--step-x) * 2); top: calc(var(--step-y) * 2); color: #315c4e; background: #dceae2; }
.product-hex--six { --entry-delay: .8s; --bounce-delay: 1.05s; --entry-x: 35px; --entry-y: 20px; left: calc(var(--step-x) * 3); top: calc(var(--step-y) * 3); }
.product-hex--two { color: #fff; background: #426e5b; }
html[lang="en"] .product-hex--four { font-size: clamp(.75rem, .95vw, .95rem); }
.editorial-hero-bottom { display: flex; align-items: end; justify-content: space-between; gap: clamp(40px, 7vw, 120px); padding-top: 30px; border-top: 1px solid #cbdad2; }
.editorial-intro { max-width: 720px; margin: 0; color: #52615b; font-size: clamp(1rem, 1.18vw, 1.2rem); line-height: 1.65; }
.editorial-action { flex: none; gap: 28px; margin: 0; padding: 17px 22px; color: #fff; background: var(--ink); border: 0; border-radius: 3px; font-size: .9rem; font-weight: 630; white-space: nowrap; }
.editorial-action:hover { color: #fff; background: #3f745e; }
.hero-actions { display: flex; flex: none; align-items: center; gap: 24px; }
.editorial-contact { color: #2d6c55; border-bottom: 1px solid #8fb7a3; font-size: .87rem; font-weight: 630; white-space: nowrap; }
.editorial-contact:hover { color: #193f30; border-color: currentColor; }
.editorial-hero-index { display: none; }
.editorial-manifesto { padding-block: clamp(90px, 9vw, 150px); color: var(--ink); background: #e6f0eb; }
.editorial-manifesto .kicker { color: #5f927e; }
.editorial-manifesto h2, html[lang="zh-CN"] .editorial-manifesto h2 { color: var(--ink); font-family: var(--font); font-size: clamp(2.9rem, 4.5vw, 5.7rem); font-weight: 480; line-height: 1.16; letter-spacing: -.065em; }
.editorial-manifesto h2 span { color: #7fa696; font-style: normal; }
.editorial-manifesto-grid > div > p { color: #566b61; }

/* Homepage material gallery: same four products and dialog, no boxed sales cards. */
.products { background: var(--paper); }
.section-heading { grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: clamp(30px, 6vw, 95px); align-items: end; padding-bottom: 0; border: 0; margin-bottom: clamp(50px, 6vw, 95px); }
.section-heading h2, html[lang="zh-CN"] .section-heading h2 { max-width: none; margin-top: 19px; color: var(--ink); font-family: var(--font); font-size: clamp(3.1rem, 5.4vw, 6.2rem); font-weight: 490; line-height: 1.1; letter-spacing: -.075em; }
.section-heading > p { color: var(--body-text); line-height: 1.6; }
.products .section-heading { align-items: start; }
.products-intro-side { display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.products-intro-side > p:first-child { max-width: 410px; margin: 0; color: var(--body-text); font-size: 1.02rem; line-height: 1.6; }
.products-intro-side .product-mosaic { --hex: clamp(85px, 7.3vw, 112px); align-self: center; margin-top: 6px; }
.products-intro-side .product-mosaic-caption { margin: 0; color: #69877a; font-size: .72rem; letter-spacing: .04em; }
.product-grid { grid-template-columns: 1.12fr .88fr; gap: clamp(30px, 3.4vw, 60px); }
.product-card, .product-card:nth-child(n) { grid-column: auto; border: 0; }
.product-card:nth-child(even) { margin-top: clamp(55px, 7vw, 110px); }
.product-button { display: flex; flex-direction: column; width: 100%; min-height: 0; text-align: left; }
.product-card:nth-child(even) .product-image { order: 0; }
.product-image { width: 100%; height: clamp(320px, 35vw, 575px); min-height: 0; background-color: #e8eeec; background-size: cover; background-position: center; }
.product-body { position: relative; display: grid; grid-template-columns: 35px 1fr auto; align-items: baseline; gap: 8px 15px; min-height: 0; padding: 20px 0 0; border: 0; background: transparent; }
.product-number { grid-column: 1; grid-row: 1; margin: 0; color: #79a28f; font: 560 .7rem var(--font); letter-spacing: 0; white-space: nowrap; }
.product-title { grid-column: 2; grid-row: 1; margin: 0; color: var(--ink); font-family: var(--font); font-size: clamp(1.8rem, 2.8vw, 3.2rem); font-weight: 510; line-height: 1.18; letter-spacing: -.06em; }
.product-en { grid-column: 2; grid-row: 2; margin: 0; color: #7d9187; font: 540 .76rem var(--font); letter-spacing: .02em; }
.product-tags { grid-column: 2; grid-row: 3; gap: 12px; margin: 5px 0 0; }
.product-tags i { padding: 0; color: #71837b; border: 0; border-radius: 0; background: transparent; font: 540 .68rem var(--font); }
.product-arrow { position: static; grid-column: 3; grid-row: 1; display: block; width: auto; height: auto; color: #79a28f; border: 0; background: transparent; font-size: 1.5rem; }
.product-button:hover .product-arrow { color: #3a8168; border: 0; background: transparent; }
.product-expansion-link { margin-top: clamp(65px, 7vw, 110px); padding: 25px 0; background: transparent; border-top: 1px solid #d4ded8; }
.section-foot { border-color: #d4ded8; }
.section-foot h3 { font: 480 clamp(2rem, 3.4vw, 4.2rem)/1.2 var(--font); letter-spacing: -.06em; }
.applications { color: var(--ink); background: #edf3f0; }
.applications .section-heading h2, .applications .section-heading > p { color: var(--ink); }
.application-grid { gap: 20px; }
.application-card { min-height: clamp(390px, 38vw, 560px); border-radius: 2px; }
.application-card::after { background: linear-gradient(180deg, rgba(19, 35, 29, .05), rgba(19, 35, 29, .08) 35%, rgba(19, 35, 29, .72)); }
.application-card-copy h3 { font: 500 clamp(2rem, 3vw, 3.9rem)/1.12 var(--font); letter-spacing: -.06em; }
.application-card-copy p, .application-index, .application-card-arrow { color: #e8f3ec; }
.quality { color: var(--ink); background: var(--paper); }
.quality-intro h2, html[lang="zh-CN"] .quality-intro h2 { font: 480 clamp(2.6rem, 4vw, 5.2rem)/1.18 var(--font); letter-spacing: -.065em; }
.quality-item:hover { background: #eaf3ee; }
.quality-item > span { color: #649b86; }
.quality-item strong { font-size: 1.15rem; font-weight: 620; }
.contact { color: var(--ink); background: #e6f0eb; }
.contact h2, html[lang="zh-CN"] .contact h2 { color: var(--ink); font: 480 clamp(2.8rem, 4.4vw, 5.7rem)/1.14 var(--font); letter-spacing: -.065em; }
.contact .kicker, .contact .kicker-light { color: #5f927e; }
.contact-intro { color: #5d7367; }
.contact-card { color: var(--ink); background: rgba(255,255,255,.55); border: 1px solid #c7d8ce; }
.contact-card-label { color: var(--ink) !important; }
.contact-card ol { color: #60756a; }
.contact-mail, .contact-email-direct, .contact-whatsapp-direct { color: #336e5b; border-color: #b1c9bc; }
.contact-card small { color: #70867a; }

/* Interior pages: pale image-backed openings and clear content hierarchy. */
.page-hero, .page-hero-image, .page-hero-image.page-hero-centered,
.page-hero-products, .contact-hero { min-height: min(650px, 82svh); padding: 165px 0 92px; color: var(--ink); background: #e9efec; }
.page-hero::after, .contact-hero::before, .page-hero-products::before { display: none; }
.page-hero-photo { filter: grayscale(.65); opacity: .32; }
.page-hero-photo::after, .page-hero-centered .page-hero-photo::after,
.contact-hero-media::after { background: rgba(245, 248, 246, .5); }
.page-hero-products::after { display: block; inset: 0; width: auto; height: auto; transform: none; opacity: .18; animation: none; background: url('/assets/products-scheme-a.png') right center / auto 100% no-repeat; mask-image: linear-gradient(90deg, transparent 22%, #000); }
.page-hero-grid h1, .page-hero-products .page-hero-grid h1,
html[lang="zh-CN"] .page-hero-grid h1 {
  max-width: 1000px; color: var(--ink); font-family: var(--font);
  font-size: clamp(3rem, 5.3vw, 6.5rem); font-weight: 510;
  line-height: 1.14; letter-spacing: -.07em; text-transform: none;
}
.page-hero-grid > div > p:last-child, .page-hero-products .page-hero-grid > div > p:last-child,
.page-hero-image .page-hero-grid > div > p:last-child, .contact-hero .page-hero-grid > div > p:last-child { color: #50655b; }
.page-hero .kicker, .contact-hero .kicker { color: #5f927e; }
.page-hero-centered .page-hero-grid h1 { max-width: 1050px; }
.page-hero-products h1, .page-hero-products .page-index a { color: var(--ink); }
.page-hero-products .page-index, .page-hero-products .page-index a { border-color: #bfd0c6; }
.page-hero-products .page-index span { color: #5f927e; }
.page-hero-products .page-index a:hover { color: #438c76; }
.contact-hero-media { opacity: .27; filter: grayscale(.65); }
.contact-hero .page-hero-grid { position: relative; z-index: 2; }

/* Product details, including all six further forms, retain their data and images. */
.product-detail, .expanded-products, .landing-spec-section { background: var(--paper); }
.product-detail-alt { color: var(--ink); background: #eaf2ee; }
.product-detail-alt h2, .product-detail-alt h3, .product-detail-alt p, .product-detail-alt dd { color: var(--ink); }
.product-detail-alt dt, .product-detail-alt .kicker { color: #5f927e; }
.detail-media { background: #e3e9e6; }
.detail-media::after { display: none; }
.detail-media img { opacity: 1; filter: none; }
.detail-tag { color: #356f5a; background: rgba(247,249,248,.9); font: 630 .68rem var(--font); letter-spacing: .06em; }
.detail-number { color: #649b86; font-family: var(--font); letter-spacing: .04em; }
.detail-copy h2, .application-visual-head h2, .application-story h3,
.about-story h2, .about-scope-head h2, .landing-intro h2, .landing-checklist h2,
.landing-cta h2, .contact-details h2, .contact-next h2 {
  color: var(--ink); font-family: var(--font); font-weight: 500;
  font-size: clamp(2.35rem, 3.45vw, 4.4rem); line-height: 1.16; letter-spacing: -.06em;
}
.detail-en, .expanded-product-en { color: #788f83; font-family: var(--font); }
.detail-specs { gap: 0; border-top: 1px solid #cbd9d0; }
.detail-specs > div { padding: 15px 5px; border: 0; border-bottom: 1px solid #cbd9d0; background: transparent; box-shadow: none !important; }
.detail-specs dt { color: #739184; font-family: var(--font); }
.expanded-product-grid { gap: 32px; }
.expanded-product { border: 0; background: transparent; box-shadow: none; }
.expanded-product figure { background: #e6eeea; }
.expanded-product-copy { padding: 22px 0 35px; }
.expanded-product-copy > span { color: #679781; font-family: var(--font); }
.expanded-product-copy h3 { font-weight: 520; letter-spacing: -.045em; }
.expanded-product dl { border-color: #cfdbd3; }
.expanded-product dl div { border-color: #cfdbd3; }
.expanded-product dt { color: #738d80; }
.expanded-product-copy > a { color: #336e5b; }
.page-cta { color: var(--ink); background: #e6f0eb; }
.page-cta::before { display: none; }
.page-cta .kicker, .page-cta a { color: #336e5b; }
.page-cta h2 { color: var(--ink); font: 500 clamp(2.5rem, 3.6vw, 4.7rem)/1.15 var(--font); letter-spacing: -.06em; }
.page-cta-note { color: #5d7367; }
.page-cta a { border-color: #aac6b7; }
.page-cta a:hover { color: var(--ink); border-color: #438c76; }

/* Applications, order coordination, about, contact and privacy. */
.application-visual, .application-list, .quality-process, .quality-docs,
.about-photo-band, .about-story, .about-scope, .contact-main, .contact-next,
.privacy-section { background: var(--paper); }
.quality-evidence, .product-detail-alt { background: #eaf2ee; }
.application-overview figcaption { background: rgba(43, 60, 54, .92); }
.application-story { border: 0; border-top: 1px solid #cfdbd3; background: transparent; box-shadow: none; }
.application-story:hover { transform: none; box-shadow: none; }
.application-story h3 { font-size: clamp(2rem, 3vw, 3.8rem); }
.application-story a { color: #336e5b; }
.decision-strip, .service-flow, .about-method { color: var(--ink); background: #e6f0eb; }
.decision-strip::before, .service-flow::before, .service-flow::after,
.about-method::before, .about-method::after { display: none; }
.decision-grid ol, .decision-grid li, .service-steps, .service-steps article,
.about-method ol, .about-method li { border-color: #bfd1c5; }
.decision-grid li span, .service-steps article > span, .about-method li > span { color: #4e9578; border-color: #a8c5b5; }
.service-steps p, .about-method li p { color: #5b7165; }
.process-grid { gap: 14px; }
.process-grid li, .evidence-list article { border: 0; background: #fff; }
.process-grid li:hover, .evidence-list article:hover { transform: none; box-shadow: none; border-color: transparent; }
.process-grid li::before, .value-grid article::before, .contact-next-grid article::before { display: none; }
.evidence-list article > span { color: #3e8066; background: #dfede6; }
.quality-doc-grid { gap: 14px; border: 0; background: transparent; }
.quality-doc-grid article, .quality-doc-grid article:nth-child(2), .quality-doc-grid article:nth-child(3) { color: var(--ink); background: #e6f0eb; border: 0; }
.quality-doc-grid article::before { display: none; }
.quality-doc-grid article:hover { transform: none; }
.quality-doc-grid article span, .quality-doc-grid article:nth-child(n+2) span { color: #5b907a; }
.quality-doc-grid p, .quality-doc-grid article:nth-child(n+2) p { color: #53675c; }
.about-copy p::before { background: #87b6a5; }
.about-photo-grid { gap: 14px; background: transparent; }
.about-photo-grid img { filter: none; opacity: 1; }
.about-photo-grid figcaption { color: #e8f5ed; font-family: var(--font); }
.scope-grid { gap: 14px; border: 0; background: transparent; }
.scope-grid article, .scope-grid article:nth-child(2), .scope-grid article:nth-child(3) { color: var(--ink); background: #eaf2ee; border: 0; }
.scope-grid article:nth-child(2) { background: #e0eee7; }
.scope-grid article::before { display: none; }
.scope-grid article:hover { transform: none; box-shadow: none; border: 0; }
.scope-grid article:nth-child(2) .scope-icon { stroke: #5c947b; }
.scope-grid article:nth-child(2) p { color: #52675c; }
.scope-grid h3 { font: 590 1.36rem var(--font); }
.value-grid article { border: 0; background: #eaf2ee; }
.value-grid article:hover { transform: none; box-shadow: none; }
.contact-channel { background: #fff; border-color: #d4e0d8; box-shadow: none; }
.contact-channel::before { background: #87b6a5; }
.contact-channel:hover { box-shadow: none; border-color: #87b6a5; }
.contact-channel > span, .contact-channel a { color: #438c76; }
.contact-channel small, .contact-honesty { color: #74877c; }
/* Contact details read as one editorial directory, rather than nested cards. */
.contact-details .contact-channel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 20px;
  row-gap: 8px;
  min-height: 104px;
  margin: 0;
  padding: 23px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #cbdad0;
  box-shadow: none;
}
.contact-details .contact-channel:first-of-type {
  margin-top: 38px;
  border-top: 1px solid #cbdad0;
}
.contact-details .contact-channel::before { display: none; }
.contact-details .contact-channel:hover { border-color: #8eae9b; box-shadow: none; }
.contact-details .contact-channel > span {
  grid-column: 1;
  color: #698d7a;
  font-family: var(--font);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.contact-details .contact-channel strong {
  grid-column: 1;
  min-width: 0;
  color: var(--ink);
  font-size: clamp(1.12rem, 1.65vw, 1.45rem);
  font-weight: 580;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.contact-details .contact-channel a {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  padding: 9px 0;
  color: #3d8069;
  border-bottom: 1px solid #97b5a3;
  font-size: .9rem;
  font-weight: 650;
  white-space: nowrap;
  transition: color .2s ease, border-color .2s ease;
}
.contact-details .contact-channel a:hover { color: #205741; border-color: currentColor; }
.contact-details .contact-channel small {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  max-width: 175px;
  color: #667a6f;
  font-size: .84rem;
  line-height: 1.5;
  text-align: right;
}
.contact-details .contact-channel-whatsapp { min-height: 88px; }
.contact-details .contact-channel-whatsapp a {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: start;
  font-size: 1.08rem;
  letter-spacing: -.015em;
}
.contact-details > .contact-honesty {
  max-width: 580px;
  margin: 24px 0 0;
  color: #74877c;
  font-size: .81rem;
  line-height: 1.65;
}
.inquiry-panel { color: var(--ink); background: #e6f0eb; }
.inquiry-panel::before { display: none; }
.inquiry-panel .kicker { color: #5f927e; }
.inquiry-panel h2 { color: var(--ink); }
.inquiry-panel > p:not(.kicker) { color: #61756a; }
.inquiry-panel label { color: #465f51; }
.inquiry-panel input, .inquiry-panel select, .inquiry-panel textarea { color: var(--ink); background: #fff; border-color: #c2d2c8; }
.inquiry-panel input::placeholder, .inquiry-panel textarea::placeholder { color: #82958a; }
.inquiry-panel select option { color: var(--ink); background: #fff; }
.inquiry-panel .button-primary { color: #fff; background: #438c76; }
.contact-next-grid { gap: 14px; }
.contact-next-grid article, .contact-next-grid article:nth-child(2) { color: var(--ink); background: #eaf2ee; border: 0; }
.contact-next-grid article:hover { transform: none; box-shadow: none; }
.contact-next-grid article:nth-child(2) span { color: #5f927e; }
.contact-next-grid article:nth-child(2) p { color: #53675c; }
.privacy-item { border-color: #d0ded4; }
.privacy-item > span, .privacy-item a { color: #438c76; }

/* English acquisition pages retain their exact content and links. */
.landing-hero { color: var(--ink); background: #e9efec; }
.landing-hero h1 { color: var(--ink); font: 510 clamp(3rem, 5vw, 6rem)/1.05 var(--font); letter-spacing: -.07em; text-transform: none; }
.landing-hero h1 span { color: #789d8c; }
.landing-hero p:not(.kicker) { color: #52675b; }
.landing-hero figure { border: 0; background: #fff; }
.landing-hero figure img { filter: none; }
.landing-spec-grid { gap: 14px; border: 0; background: transparent; }
.landing-spec-grid article { background: #e6f0eb; }
.landing-checklist { color: var(--ink); background: #e6f0eb; }
.landing-checklist li { color: #4e6457; background: #f7f9f8; }
.landing-checklist ul { background: #cbdcd1; }

/* A quiet, dark-green end frame keeps the existing white footer logo readable. */
.site-footer { color: #d5e4d9; background: #2b3c36; }
.site-footer::before { display: none; }
.footer-col h3 { color: #b8d9c7; font-family: var(--font); }
.footer-col a, .footer-col span, .footer-bottom a { color: #c6d8cd; }
.footer-bottom p { color: #b3c8b9; font-family: var(--font); }
.footer-col a:hover, .footer-bottom a:hover { color: #fff; }

html[lang="zh-CN"] h1, html[lang="zh-CN"] h2, html[lang="zh-CN"] h3 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", var(--font);
  line-height: 1.2; letter-spacing: -.055em;
}

@media (max-width: 980px) {
  .editorial-hero-stage { grid-template-columns: minmax(0, 1fr) auto; gap: 25px; }
  .trade-globe { width: min(39vw, 420px); }
  .products-intro-side .product-mosaic { --hex: clamp(82px, 10vw, 104px); }
  .editorial-hero-bottom { align-items: start; }
  .hero-actions { gap: 15px; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 840px) {
  .site-header, .site-header.is-scrolled, .inner-page .site-header,
  .editorial-home .site-header, .editorial-home .site-header.is-scrolled { min-height: 68px; }
  .nav { min-height: 68px; }
  .nav-links { top: 68px; background: #f7f9f8; border-color: #d9e4dc; }
  .nav-links a { color: var(--ink); font-size: .94rem; border-color: #d9e4dc; }
  .nav-links a:last-child { color: #235c49; }
  .editorial-hero { padding-top: 68px; }
}
@media (max-width: 640px) {
  .container { width: calc(100% - 40px); }
  .section { padding-block: 90px; }
  .editorial-hero-copy { min-height: calc(100svh - 68px); padding: 30px 20px 35px; }
  .editorial-overline { margin: 0; }
  .editorial-hero-stage { grid-template-columns: 1fr; gap: 12px; transform: none; }
  .editorial-hero h1, html[lang="zh-CN"] .editorial-hero h1 { font-size: clamp(3.1rem, 10vw, 4.8rem); line-height: 1.1; }
  .hero-identity { margin-top: 18px; }
  .trade-globe { width: min(84vw, 360px); }
  .trade-globe-note { right: 3%; bottom: 2%; font-size: .59rem; }
  .products-intro-side .product-mosaic { --hex: clamp(66px, 18vw, 82px); --gap: 4px; --bounce-height: 9px; align-self: center; }
  .product-hex { font-size: .8rem; }
  html[lang="en"] .product-hex--four { font-size: .62rem; }
  .editorial-hero-bottom { display: block; padding-top: 24px; }
  .editorial-intro { font-size: 1rem; }
  .hero-actions { flex-wrap: wrap; margin-top: 25px; }
  .editorial-manifesto-grid { grid-template-columns: 1fr; }
  .editorial-manifesto h2, html[lang="zh-CN"] .editorial-manifesto h2 { font-size: clamp(2.4rem, 8vw, 3.5rem); }
  .product-grid { grid-template-columns: 1fr; gap: 48px; }
  .product-card:nth-child(even) { margin-top: 0; }
  .product-button { display: flex; flex-direction: column; }
  .product-image { height: 290px; min-height: 0; }
  .product-body { min-height: 0; padding: 16px 0 0; }
  .product-title { font-size: 1.9rem; }
  .application-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .page-hero, .page-hero-image.page-hero-centered, .page-hero-products, .contact-hero { min-height: 580px; padding: 145px 0 70px; }
  .page-hero-grid h1, .page-hero-products .page-hero-grid h1,
  html[lang="zh-CN"] .page-hero-grid h1 { font-size: clamp(2.8rem, 9vw, 4.4rem); }
  .page-hero-products::after { opacity: .1; background-position: center bottom; }
  .detail-media, .detail-media img { min-height: 300px; }
  .expanded-product-grid { grid-template-columns: 1fr; }
  .landing-hero h1 { font-size: clamp(2.7rem, 10vw, 4.2rem); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-details .contact-channel { min-height: 0; padding-block: 20px; }
  .contact-details .contact-channel a,
  .contact-details .contact-channel small {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    text-align: left;
  }
  .contact-details .contact-channel small { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .product-hex { animation: none; transition: none; will-change: auto; }
  .product-image, .application-card img, .detail-media img { transition: none; }
}