/* Editorial customer wall. Names stay upright; colour sits behind the typography. */
.clients-section {padding-top:78px;padding-bottom:78px;position:relative;background:radial-gradient(ellipse at 90% 10%,#f7e6d953,transparent 50%),#f8f5ef;color:#452c34}
.clients-section .section-label {color:#91766f;border-color:#dfd0c4}
.clients-heading {margin:30px 0 28px;align-items:flex-end}
.clients-heading h2 span {color:var(--orange)}
.clients-heading-note {font:10px/1.7 Arial,sans-serif;letter-spacing:.13em;color:#a58f83;text-align:right}
.client-directory {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;column-gap:30px}
.client-entry {--client-ink:#786e65;--client-wash:#e8e0d65e;position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:96px;padding:24px 6px;border-bottom:1px solid #dfd5caa6}
.client-entry strong {position:relative;isolation:isolate;display:inline-block;padding:0 7px;font-family:inherit;font-size:clamp(29px,2.6vw,38px);font-weight:550;line-height:1.55;letter-spacing:-.04em;color:#50423f;overflow-wrap:anywhere}
.client-entry strong::before {content:"";position:absolute;z-index:-1;left:0;right:0;bottom:8%;height:25%;background:var(--client-wash);border-radius:3px;transition:height 230ms ease}
.client-entry:nth-child(-n+3) {min-height:144px;padding:16px 0 24px;border-bottom:1px solid #c7b6a88c;margin-bottom:6px}
.client-entry:nth-child(-n+3) strong {font-size:clamp(43px,4.15vw,61px);font-weight:750;letter-spacing:-.055em;line-height:1.5;padding:0 12px}
.client-entry:nth-child(-n+3) strong::before {bottom:5%;height:65%;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff70,0 9px 20px #71514b04;transform:skewX(-6deg)}
.client-ocean {--client-ink:#2864db;--client-wash:#dce6f4}
.client-redbook {--client-ink:#ff2442;--client-wash:#f7dce1}
.client-douyin {--client-ink:#ea3260;--client-wash:#e5e8e8}
.client-douyin strong::before {background:linear-gradient(110deg,#d8eeed,#efe5e8 68%,#f4dce3)}
.client-tencent {--client-ink:#0098ff;--client-wash:#dfedea}
.client-tencent strong::before {background:linear-gradient(100deg,#dceaf7,#e3efdd)}
.client-mango {--client-ink:#ee690a;--client-wash:#f8e3d0}
.client-iqiyi {--client-ink:#139b53;--client-wash:#deeddf}
.client-entry:nth-last-child(-n+3){border-bottom:0}
.clients-note {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d5c8bb;margin:28px 0 0;padding:24px 0 0;color:#9b8579;font-size:11px;letter-spacing:.08em}
.clients-note svg {width:31px;height:31px;color:#c09979;flex-shrink:0}
@media(hover:hover) and (pointer:fine){.client-entry:hover strong::before {height:70%}.client-entry:nth-child(-n+3):hover strong::before{height:88%}}
@media(max-width:1100px){.client-directory{column-gap:20px}.client-entry{min-height:110px;padding:24px 0}.client-entry strong{font-size:29px;padding:0 5px}.client-entry:nth-child(-n+3){min-height:146px}.client-entry:nth-child(-n+3) strong{font-size:43px;padding:0 8px}}
@media(max-width:800px){.clients-heading-note{display:none}.client-directory{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.client-entry{min-height:104px}.client-entry strong{font-size:29px}.client-entry:nth-child(-n+3){min-height:127px;margin:0;padding:20px 0}.client-entry:nth-child(-n+3) strong{font-size:40px}.client-entry:nth-child(3){grid-column:1/-1;justify-content:center}.client-entry:nth-last-child(-n+3){border-bottom:1px solid #dfd5caa6}.client-entry:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:450px){.clients-heading{margin:34px 0 22px}.clients-heading h2{font-size:30px}.client-directory{column-gap:14px}.client-entry{min-height:96px;padding:19px 0}.client-entry strong{font-size:24px;padding:0 3px;letter-spacing:-.04em}.client-entry:nth-child(-n+3){min-height:108px;padding:17px 0}.client-entry:nth-child(-n+3) strong{font-size:33px;padding:0 5px}.clients-note{font-size:10px;letter-spacing:0;padding-top:20px}.clients-note svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.client-entry strong::before{transition:none}}
.reduced-motion .client-entry strong::before{transition:none}