.clients{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.clients-intro>p:not(.eyebrow){margin-top:25px;max-width:360px}.dummy-note{font-size:14px;color:#535959;line-height:1.6}.client-stories{background:#d59729;max-width:470px;width:100%;justify-self:center;padding:22px 28px;border-radius:5px;touch-action:pan-y;color:#202323}.story-progress{display:flex;gap:7px}.story-step{flex:1;border:0;background:transparent;padding:10px 0;cursor:pointer}.story-step>span{display:block;height:3px;background:#20232340}.story-step[aria-current]>span{background:#202323}.client-story-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.08em;font-weight:700;margin-top:22px}.client-story-top span:last-child{border:1px solid #20232370;padding:2px 6px}.quote-mark{font-size:85px;line-height:1;display:block;margin-top:35px;height:65px}.client-slide blockquote{font-size:clamp(1.5rem,2.3vw,2rem);font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:15px 0 38px;min-height:200px}.client-author{display:flex;align-items:center;gap:15px;padding-bottom:25px}.client-avatar{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:600;flex-shrink:0}.client-author strong,.client-author div>span{display:block;font-size:14px}.client-author div>span{font-size:13px}.story-controls{display:flex;align-items:center;gap:12px;border-top:1px solid #20232355;padding-top:17px}.story-controls button{border:1px solid #20232380;background:transparent;color:#202323;min-height:42px;min-width:42px;cursor:pointer;border-radius:30px;padding:8px 12px;font-size:13px}.story-controls button:hover{background:#ffffff40}.story-count{font-size:13px;flex:1}.client-stories:has([data-slide="1"]:not([hidden])){background:#d8dddd}.client-stories:has([data-slide="2"]:not([hidden])){background:#efbd61}.client-slide[hidden]{display:none}.client-directory h1{font-size:clamp(3rem,6vw,5rem)}.client-directory>.lead{margin-top:30px}.client-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:55px 0}.client-list article{border-top:4px solid #d59729;padding-top:24px}.client-list-number{display:block;font-size:38px;color:#626a6a;margin-bottom:22px}.client-list h2{font-size:28px;margin-bottom:20px}.client-list .eyebrow{margin-bottom:12px}.list-placeholder{display:block;font-size:12px;margin-top:25px;color:#596161}@media(max-width:800px){.clients{grid-template-columns:1fr;gap:38px}.client-stories{max-width:470px}.client-list{grid-template-columns:1fr 1fr}.client-slide blockquote{min-height:190px;font-size:26px}}@media(max-width:480px){.client-stories{padding:18px 20px}.client-list{grid-template-columns:1fr}.client-story-top{font-size:10px}.client-author strong{font-size:13px}.client-slide blockquote{font-size:25px}}
.partner-stories-wrap{width:100%;max-width:470px;justify-self:center;min-width:0}.partner-stories-wrap>.eyebrow{margin-bottom:16px}.partner-stories-wrap .client-stories{background:#f59b06}.partner-stories-wrap .client-stories:has([data-slide="1"]:not([hidden])){background:#d8dddd}.partner-stories-wrap .client-stories:has([data-slide="2"]:not([hidden])){background:#efbd61}.clients-intro .partners-copy{margin-top:30px}.story-disclaimer{margin-top:32px}.story-controls button{display:inline-flex;align-items:center;justify-content:center}.client-story-top{flex-wrap:wrap}.client-slide blockquote{letter-spacing:0}.story-step{min-height:44px}.partner-stories-wrap .client-stories{box-sizing:border-box}@media(max-width:800px){.partner-stories-wrap{max-width:470px;justify-self:start}.motion-home .partner-stories-wrap .client-stories{box-shadow:8px 8px 0 #f5f5f5}}

/* Testimonials precede the partner overview in reading and swipe order. */
.motion-home .clients{row-gap:40px}.clients>.clients-intro{grid-column:1 / -1}.clients>.partner-stories-wrap{justify-self:start}.clients>.partners-copy{align-self:center}

/* Percentage row gaps can extend beyond an auto-height grid. */
html .motion-home .clients{row-gap:40px;column-gap:10%}
html .motion-home .clients>.partners-copy{min-width:0}
.clients .partners-copy .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){html .motion-home .clients{display:flex;flex-direction:column;gap:40px;padding-bottom:85px}html .motion-home .clients>div{width:100%;min-width:0}.clients>.partners-copy{align-self:stretch}}
@media(prefers-reduced-motion:no-preference){.client-slide:not([hidden]){animation:partner-story-arrive .35s ease-out}@keyframes partner-story-arrive{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}
