
/* v5.2: a quiet monochrome brand strip on Xingxu's existing dark surface.
   Display-only color treatment and viewports; original logo files are retained. */
.v51-brand-wall{margin-top:56px;padding:36px 0 0;border-top:1px solid #303744;scroll-margin-top:8px}
.v51-wall-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.v51-wall-heading .eyebrow{font-size:11px;letter-spacing:.14em;color:#a6b7ff;margin-bottom:12px}
.v51-wall-heading h3{font-size:28px;line-height:1.4;font-weight:500}
.v51-wall-heading>p{font-size:14px;color:#a6afbf;line-height:1.75}
.v51-logo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 24px;list-style:none;padding:8px 0 22px;margin:0;background:#101114;isolation:isolate;border-radius:0}
.v51-logo-cell{height:90px;display:flex;align-items:center;justify-content:center;min-width:0;padding:8px;scroll-margin-top:12px;background:none;border:0;border-radius:0}
.v52-logo-mark{display:block;position:relative;flex:none;width:var(--mark-width,150px);max-width:100%;line-height:0}
.v52-logo-mark img{display:block;width:100%;height:auto;max-width:none;filter:brightness(0) invert(1);opacity:.8}
.v52-logo-native img{filter:none}
.v52-logo-inverted img{filter:grayscale(1) invert(1)}
.v52-logo-shaded img{filter:grayscale(1) brightness(1.5)}
.v52-logo-paper img{filter:grayscale(1) invert(1) contrast(1.2) brightness(3);mix-blend-mode:screen}
.v52-logo-boju{aspect-ratio:200/92;overflow:hidden}
.v52-logo-boju img{position:absolute;left:0;top:-57.6087%;width:100%;height:auto;filter:grayscale(1) contrast(2);mix-blend-mode:screen}
.v52-logo-yuexiu{aspect-ratio:296/100;overflow:hidden}
.v52-logo-yuexiu img{position:absolute;left:0;top:0;width:210.810811%;height:auto}
.v51-mini-logos{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;background:#101114;isolation:isolate;padding:32px 25px;min-height:206px}
.v51-mini-logos>div{display:flex;align-items:center;justify-content:center;min-width:0}
.v51-mini-logos .v52-logo-mark{max-width:100%}
.v51-wall-link .v5-case-copy{min-height:123px}
.v4-history .project-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}
.v4-history .project-feature{grid-row:auto}
.v4-history .project-card{min-height:390px}
.v4-service .sv-story-gallery{grid-template-columns:1fr}
.v4-service .sv-story-gallery>article{max-width:820px}
.v5-works-list>.v51-brand-wall{margin-bottom:64px}
@media(max-width:1000px){.v51-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px}.v51-logo-cell{height:86px}.v51-wall-heading{align-items:start;flex-direction:column;gap:12px}.v51-logo-cell .v52-logo-mark{max-width:100%}}
@media(max-width:700px){.v51-brand-wall{margin-top:42px;padding-top:28px}.v51-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;padding-top:4px}.v51-logo-cell{height:82px;padding:6px}.v51-wall-heading{margin-bottom:20px}.v51-wall-heading h3{font-size:26px}.v4-history .project-grid{grid-template-columns:1fr}}
@media(max-width:480px){.v51-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}.v51-logo-cell{height:78px;padding:6px 4px}.v51-mini-logos{padding:26px 22px;gap:20px}.v51-wall-heading>p{font-size:13px}}
