/**
 * About Us page styles (from Home/about.html)
 * Header / footer / inquiry / .ph banner use site.css
 */

/* --- 公司简介：左图右文 --- */
.story{display:grid;grid-template-columns:1fr 1.05fr;gap:74px;align-items:center}
.story--text-only{grid-template-columns:1fr}
.story-media{display:grid;gap:18px}
.story-media figure{overflow:hidden;background:var(--sand)}
.story-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.story-media figure:hover img{transform:scale(1.04)}
.story-media .m-main{aspect-ratio:4/3}
.story-media .m-sub{aspect-ratio:16/9}

.story-copy p{font-size:15px;color:var(--body);margin-bottom:20px}
.story-body > *:last-child{margin-bottom:0}
.story-body blockquote,
.story-quote{
  margin:30px 0;padding:26px 30px;background:var(--cream);border-left:2px solid var(--gold);
  font-family:var(--font-serif);font-size:17.5px;line-height:1.64;color:var(--ink);
}
.story-list{margin-top:28px;display:grid;gap:14px}
.story-list li{display:flex;gap:12px;font-size:14px;color:var(--body)}
.story-list li svg{width:17px;height:17px;flex:none;color:var(--gold);margin-top:5px}

@media (max-width:1000px){
  .story{grid-template-columns:1fr;gap:44px}
}

/* --- 关键数据：四宫格 --- */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.fact{background:var(--ivory);padding:46px 30px;text-align:center}
.fact b{display:block;font-family:var(--font-serif);font-weight:400;font-size:clamp(32px,3.4vw,46px);color:var(--ink);line-height:1}
.fact span{display:block;margin-top:14px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.fact p{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.6}

@media (max-width:900px){
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact{padding:36px 22px}
}
@media (max-width:480px){
  .facts{grid-template-columns:1fr}
}

/* --- 优势六宫格 --- */
.adv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.adv-item{background:var(--cream);padding:42px 34px}
.adv-num{font-family:var(--font-serif);font-size:15px;letter-spacing:.16em;color:var(--gold)}
.adv-item h3{margin:16px 0 12px;font-family:var(--font-serif);font-weight:400;font-size:21px;line-height:1.34;color:var(--ink)}
.adv-item p{font-size:14px;color:var(--body)}

@media (max-width:1000px){
  .adv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adv-item{padding:34px 26px}
}
@media (max-width:640px){
  .adv{grid-template-columns:1fr}
}

/* --- 工厂实景四宫格 --- */
.fac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.fac-item{overflow:hidden}
.fac-item figure{overflow:hidden;background:var(--sand)}
.fac-item img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform 1.2s var(--ease)}
.fac-item:hover img{transform:scale(1.05)}
.fac-item figcaption{padding:16px 0 0}
.fac-item figcaption b{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:7px}
.fac-item figcaption span{font-size:13px;color:var(--muted);line-height:1.62;display:block}

@media (max-width:1000px){.fac{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:480px){.fac{grid-template-columns:1fr}}

/* --- 客户类型四宫格 --- */
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.who-item{background:var(--cream);padding:40px 32px}
.who-item h3{font-family:var(--font-serif);font-weight:400;font-size:20px;line-height:1.34;color:var(--ink);padding-top:20px;border-top:1px solid var(--gold)}
.who-item p{margin-top:14px;font-size:14px;color:var(--body)}

@media (max-width:1000px){.who{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.who{grid-template-columns:1fr}.who-item{padding:30px 24px}}

/* --- 企业文化（深色） --- */
.cul{background:#1E1B17;color:#fff;padding:104px 0}
.cul .sec-eyebrow{color:#E4CB9C}
.cul .sec-title{color:#fff}
.cul .sec-desc{color:rgba(255,255,255,.66)}

.cul-mv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);margin-bottom:56px}
.cul-mv > div{background:#1E1B17;padding:46px 40px}
.cul-mv span{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#E4CB9C}
.cul-mv h3{margin:16px 0 14px;font-family:var(--font-serif);font-weight:400;font-size:22px;line-height:1.4;color:#fff}
.cul-mv p{font-size:14.5px;color:rgba(255,255,255,.72)}

.cul-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.cul-val{border-top:1px solid rgba(255,255,255,.28);padding-top:24px}
.cul-val b{display:block;font-family:var(--font-serif);font-weight:400;font-size:19px;color:#E4CB9C;margin-bottom:12px}
.cul-val p{font-size:13.5px;color:rgba(255,255,255,.68)}

@media (max-width:1000px){
  .cul{padding:76px 0}
  .cul-mv{grid-template-columns:1fr;margin-bottom:42px}
  .cul-mv > div{padding:34px 28px}
  .cul-vals{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
}
@media (max-width:560px){
  .cul-vals{grid-template-columns:1fr}
}

/* --- 承诺两条 + CTA --- */
.cmt{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:60px}
.cmt-item{background:var(--ivory);padding:48px 42px}
.cmt-item span{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.cmt-item h3{margin:16px 0 14px;font-family:var(--font-serif);font-weight:400;font-size:22px;color:var(--ink)}
.cmt-item p{font-size:14.5px;color:var(--body)}

.cmt-cta{text-align:center}
.cmt-cta p{
  max-width:780px;margin:0 auto 34px;font-family:var(--font-serif);
  font-size:clamp(22px,2.5vw,30px);line-height:1.42;color:var(--ink);
}
.cmt-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

@media (max-width:900px){
  .cmt{grid-template-columns:1fr;margin-bottom:44px}
  .cmt-item{padding:34px 28px}
}