/* Engineering composition only; all type, color and shared components are inherited. */
.p-engineering .p-hero .p-engineering-photo img { height:clamp(300px,26vw,375px); aspect-ratio:auto; }
.p-engineering-group + .p-engineering-group { margin-top:18px; }
.p-engineering-group > .v4-eyebrow { margin:0 0 8px; color:var(--b-blue); font-weight:600; }
.p-engineering-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px;
  list-style:none;
  padding:0;
  margin:0;
}
.p-engineering-steps li { border-top:1px solid var(--p-line); padding-top:22px; }
.p-engineering-steps p { margin-bottom:0; }
.p-engineering .p-transition-action { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
@media(max-width:1100px) {
  .p-engineering-steps { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px) {
  .p-engineering .p-hero .p-engineering-photo img { height:auto; aspect-ratio:4/3; }
  .p-engineering-steps { grid-template-columns:1fr; gap:20px; }
}
.secondary-pages .p-engineering .p-hero h1 { font-size:clamp(39px,4.5vw,66px); line-height:1.08; max-width:9em; }
html[lang="zh-CN"] .secondary-pages .p-engineering .p-hero h1 { line-height:1.28; max-width:none; }
.p-engineering .p-hero .p-lead { max-width:28rem; }
.p-engineering #expertise .p-heading { max-width:760px; margin-bottom:24px; }
.p-engineering #expertise .p-heading h2 { margin-bottom:12px; font-weight:600; }
.p-engineering #expertise .p-heading .p-lead { margin:0; font-size:17px; line-height:1.66; }

.p-engineering .p-services { gap:14px; }
.p-engineering .p-services article {
  grid-template-columns:28px minmax(0,1fr); align-items:start; gap:14px;
  padding:clamp(15px,1.6vw,22px); border:1px solid #d5e0ec; border-radius:8px; background:#f0f5fa;
}
.p-engineering .p-services .reference-icon { width:28px; height:28px; }
.p-engineering .p-services h3 { font-size:19px; font-weight:600; line-height:1.35; margin-bottom:6px; }
.p-engineering .p-services p { max-width:62ch; font-size:15px; line-height:1.6; }

@media(max-width:760px) { .p-engineering .p-services { gap:10px; } .p-engineering .p-services article { gap:11px; } }
