/* Each preview has its own lane, clear of the heading and description. */
#services .svc-row {
  grid-template-columns: 44px minmax(0,1fr) 248px minmax(180px,22%);
  column-gap: clamp(18px,2vw,32px);
  padding: 24px 0;
  min-height: 240px;
}
#services .svc-row h3 { font-size:clamp(26px,2.65vw,50px); line-height:1.1; }
#services .svc-row:hover h3 { transform:translateX(4px); }
#services .svc-preview-slot { display:block; width:248px; height:192px; pointer-events:none; }
#services .svc-row p { grid-column:4; }
.svc-float {
  width:224px; height:168px; max-width:none; max-height:none;
  aspect-ratio:4/3; border-radius:14px; background:#fff;
  transition:transform .10s ease-out,opacity .10s linear;
  transform-origin:center; box-shadow:0 12px 32px rgba(0,0,0,.3);
  overflow:hidden; contain:layout paint; will-change:transform;
}
.svc-float[data-service-index="0"],
.svc-float[data-service-index="1"],
.svc-float[data-service-index="2"],
.svc-float[data-service-index="3"] {
  width:224px; height:168px; max-width:none; max-height:none;
  aspect-ratio:4/3; border-radius:14px; background:#fff;
}
.svc-float .svc-float__image { display:block; width:100%; height:100%; object-fit:contain; }
.svc-float[data-service-index="2"] { background:#17120b; }
/* CJK characters wrap independently, while their reveal remains scroll-linked. */
.about-copy { min-width:0; padding-left:3vw; }
.about-copy .about-statement { padding-left:0; }
.about-positioning {
  display:flex; flex-wrap:wrap; align-items:baseline;
  gap:7px 18px; margin:0 0 24px;
  font-family:var(--inter),"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px; font-weight:400; line-height:1.6;
  letter-spacing:.06em; color:#b1ada6;
}
.about-positioning__en {
  font-family:var(--mono); font-size:10px; line-height:1.7;
  letter-spacing:.1em; color:#8b867e;
}
#aboutStatement[lang="zh-CN"] {
  font-family:var(--inter),"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:clamp(28px,3.35vw,54px); font-weight:500;
  line-height:1.55; letter-spacing:-.025em;
  line-break:strict; overflow-wrap:normal; word-break:normal;
}
@media(max-width:1200px) {
  #services .svc-row { grid-template-columns:36px minmax(0,1fr) 212px; gap:12px 20px; min-height:208px; }
  #services .svc-row h3 { font-size:clamp(25px,3vw,34px); }
  #services .svc-preview-slot { width:212px; height:172px; grid-column:3; grid-row:1/3; }
  #services .svc-row p { grid-column:2; max-width:48ch; }
  .svc-float,
  .svc-float[data-service-index] { width:188px; height:141px; }
}
@media(max-width:980px) { .about-copy { padding-left:0; } }
@media(max-width:820px) {
  #services .svc-row { grid-template-columns:30px minmax(0,1fr); gap:14px 12px; min-height:0; padding:30px 0; }
  #services .svc-preview-slot,.svc-float { display:none; }
  #services .svc-row p { grid-column:2; }
  #services .svc-row h3 { font-size:clamp(24px,4.3vw,34px); }
  #aboutStatement[lang="zh-CN"] { font-size:clamp(27px,4.6vw,40px); line-height:1.6; }
  .about-positioning { flex-direction:column; gap:5px; margin-bottom:20px; font-size:12px; }
  .about-positioning__en { font-size:9px; }
}