.client-logos{padding-top:clamp(24px,3vw,42px);padding-bottom:clamp(12px,2vw,28px)}
.client-logos-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.client-logos-heading .eyebrow{font-size:10px;margin:0 0 6px}
.client-logos h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(29px,3.1vw,50px);line-height:1;margin:0;color:#ddd5c8}
.client-logos-frame{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:clamp(325px,34vw,470px);border-block:1px solid #3a3329;perspective:850px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.client-logos-perspective{display:flex;width:112%;height:124%;gap:clamp(9px,1.3vw,22px);transform:translateX(-2%) translateZ(-90px) rotateX(12deg) rotateY(-7deg) rotateZ(5deg);transform-style:preserve-3d}
.logo-marquee-column{flex:1;min-width:0;overflow:hidden;--logo-gap:14px}
.logo-marquee-track{display:flex;flex-direction:column;gap:var(--logo-gap);animation:logo-marquee 38s linear infinite;will-change:transform}
.logo-marquee-column.reverse .logo-marquee-track{animation-direction:reverse}
.logo-marquee-column:hover .logo-marquee-track,.logo-marquee-column:focus-within .logo-marquee-track{animation-play-state:paused}
.logo-marquee-set{display:flex;flex-direction:column;gap:var(--logo-gap)}
.client-logo-card{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;width:100%;box-sizing:border-box;height:clamp(110px,9vw,145px);padding:12px 16px;background:linear-gradient(140deg,#131313,#0a0a0a);border:1px solid #5b544640;border-radius:4px;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}
.client-logo-card:hover{background:#20201e;border-color:#ad9f895e;box-shadow:0 0 22px #b9a58b1a;transform:translateZ(12px)}
.client-logo-card img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) brightness(0) invert(.74);opacity:.86;transition:filter .35s,opacity .35s;pointer-events:none}
.client-logo-card:hover img{filter:grayscale(1) brightness(0) invert(.86);opacity:1}
@keyframes logo-marquee{to{transform:translateY(calc(-50% - var(--logo-gap)/2))}}
@media(max-width:767px){.client-logos-heading{display:block}.client-logos h2{margin-top:13px}.client-logos-frame{height:380px}.client-logos-perspective{width:120%;height:120%;transform:translateX(-3%) translateZ(-90px) rotateX(9deg) rotateY(-5deg) rotateZ(4deg)}.logo-marquee-column:nth-child(n+3){display:none}.client-logo-card{height:120px;padding:10px}}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none}.client-logos-perspective{transform:none;height:100%;width:100%}.client-logo-card{transition:none}}

.client-logos-trusted{margin:17px 0 0;text-align:center;color:#a9997c;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,2vw,34px);font-style:italic;line-height:1.2}

/* Carry the testimonial title scale and alignment into the client section. */
.client-logos-heading{display:block;margin-bottom:clamp(26px,3.5vw,50px)}
.client-logos h2{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-size:clamp(44px,5.3vw,86px);font-weight:400;line-height:1.03;letter-spacing:-.035em;color:#e8e6e3;margin:0}

/* The first branded row is visible as soon as the marquee enters view. */
.logo-marquee-set{padding-top:clamp(55px,6vw,88px)}
@media(max-width:767px){.logo-marquee-set{padding-top:62px}}

/* The first branded row is visible as soon as the marquee enters view. */
.logo-marquee-set{padding-top:clamp(55px,6vw,88px)}
@media(max-width:767px){.logo-marquee-set{padding-top:62px}}