/* Fictional wordmarks for evaluating a client-roster layout. */
.client-preview{padding:4px 0 72px}.client-preview-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin:0 0 30px;font:11px/1.5 'IBM Plex Mono',monospace;color:#8d8d8d}.client-preview-label span{font-size:10px;color:#666}
.client-marquee{grid-column:1/-1;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;scroll-snap-type:x proximity}
.client-track{display:flex;align-items:center;gap:60px;list-style:none;margin:0;padding:40px 30px;width:max-content}.sample-client{display:flex;align-items:center;gap:12px;min-width:190px;color:#aaa;scroll-snap-align:center}.client-symbol{font:36px Georgia,serif;color:#999}.sample-client strong{display:block;font:500 19px/1.1 'Inter Tight',Arial,sans-serif;letter-spacing:.065em}.sample-client small{display:block;font:8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.16em;margin-top:7px;color:#707070}.alder strong{font:italic 30px Georgia,serif;letter-spacing:-.06em}.vesper strong{font:28px Georgia,serif;letter-spacing:-.03em}.arcwell strong{font:25px Georgia,serif;letter-spacing:-.04em}.fieldstone strong{font-size:17px;letter-spacing:.12em}.cedar strong{font-size:15px;letter-spacing:.13em}.meridian .client-symbol{font-size:43px}.cairn strong{letter-spacing:.22em}
@media(max-width:600px){.client-preview{padding-bottom:48px}.client-preview-label{flex-direction:column;gap:6px}.client-track{gap:36px;padding:28px 16px}.sample-client{min-width:170px}}
.client-carousel-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin:-12px 0 14px}.client-carousel-controls button{background:transparent;border:1px solid #3b3b3b;color:#aaa;font-size:18px;width:36px;height:32px;cursor:pointer}.client-carousel-controls button:hover{color:#eee;border-color:#888}.client-carousel-controls button:focus-visible{outline:2px solid #ddd;outline-offset:3px}

.client-marquee::-webkit-scrollbar{display:none}
.client-marquee{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.client-marquee.is-looping{overflow:hidden;scroll-snap-type:none}
.is-looping .client-track{animation:client-glide 65s linear infinite;will-change:transform}
.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
@keyframes client-glide{to{transform:translateX(calc(-1 * var(--client-distance)))}}
@media(prefers-reduced-motion:reduce){.is-looping .client-track{animation:none}}

/* Distinct identities across the illustrative financial and corporate roster. */
.northline strong{font-size:18px;letter-spacing:.14em;font-weight:600}.northline .client-symbol{font-family:Arial,sans-serif;transform:rotate(-12deg);font-size:34px}
.alder strong{font-size:34px;font-weight:400}.alder .client-symbol{font-size:44px;font-style:italic}.alder small{letter-spacing:.1em}
.meridian strong{font:20px Georgia,serif;letter-spacing:.12em}.meridian small{letter-spacing:.2em}
.vesper strong{font:500 25px 'Inter Tight',Arial,sans-serif;letter-spacing:-.04em}.vesper .client-symbol{font-size:31px}
.cairn strong{font:600 21px 'Inter Tight',Arial,sans-serif;letter-spacing:.23em}.cairn .client-symbol{font-size:30px}
.arcwell strong{font:24px Georgia,serif;letter-spacing:-.045em}.arcwell small{font-size:7px;letter-spacing:.13em}.arcwell .client-symbol{display:none}
.fieldstone strong{font:600 17px 'Inter Tight',Arial,sans-serif;letter-spacing:.08em}.fieldstone .client-symbol{font-size:42px}.fieldstone small{letter-spacing:.25em}
.cedar strong{font:400 18px 'Inter Tight',Arial,sans-serif;letter-spacing:.03em}.cedar .client-symbol{font:32px Georgia,serif;border-top:1px solid #888;border-bottom:1px solid #888;line-height:1.1}.cedar small{letter-spacing:.3em}