/* Equal-width cells and identical duplicate groups keep both loops seamless. */
.experience-line{position:relative;--logo-cell:180px;--logo-gap:60px;padding:28px 0 34px}
.experience-line #experience-brands-heading{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;line-height:1.5;text-transform:uppercase;margin:0 120px 8px 0}
.experience-context{max-width:760px;margin:0 120px 25px 0;font-size:14px;font-weight:400;line-height:1.6;color:#555}
.logo-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.logo-viewport+.logo-viewport{margin-top:22px}
.logo-track{--logo-cycle:calc(var(--logo-count) * (var(--logo-cell) + var(--logo-gap)));display:flex;width:calc(2 * var(--logo-cycle));animation:experience-scroll calc(var(--logo-count) * 9.5s) linear infinite;will-change:transform}
.logo-track-reverse{animation-direction:reverse;animation-duration:calc(var(--logo-count) * 9.7s)}
.logo-track .experience-logos{display:flex;flex:0 0 var(--logo-cycle);justify-content:flex-start;gap:var(--logo-gap);width:var(--logo-cycle);padding:0 var(--logo-gap) 0 0;box-sizing:border-box}
.logo-track .experience-logos .experience-logo{flex:0 0 var(--logo-cell);width:var(--logo-cell);height:82px;min-width:0}
/* Preserve the artwork's alpha transparency and display every logo in black. */
.logo-track .experience-logos .experience-logo img{display:block;width:var(--brand-width,155px);height:auto;max-width:100%;max-height:var(--brand-height,62px);object-fit:contain;filter:brightness(0);mix-blend-mode:normal}
.experience-logo.allmodern{--brand-width:170px}
.experience-logo.island-creek{--brand-width:178px}
.experience-logo.staples{--brand-width:145px}
.experience-logo.dray{--brand-width:76px;--brand-height:68px}
.experience-logo.usps{--brand-width:165px}
.experience-logo.home-depot{--brand-width:78px;--brand-height:78px}
.experience-logo.lowes{--brand-width:148px}
.experience-logo.amazon{--brand-width:150px}
.experience-logo.ferguson{--brand-width:178px}
.experience-logo.houzz{--brand-width:156px}
.experience-logo.walmart{--brand-width:168px}
.experience-logo.fw-webb{--brand-width:172px}
.experience-logo.build{--brand-width:115px;--brand-height:64px}
.experience-logo.herman-miller{--brand-width:178px}
.experience-logo.knoll{--brand-width:126px}
.experience-logo.kartell{--brand-width:140px}
.experience-logo.steelcase{--brand-width:168px}
.experience-logo.huckberry{--brand-width:178px}
.experience-logo.fresh-market{--brand-width:90px;--brand-height:82px}
.experience-logo.row34{--brand-width:166px}
.experience-logo.the-shop{--brand-width:92px;--brand-height:92px}
.experience-logo.winsor-house{--brand-width:112px;--brand-height:82px}
.experience-logo.eataly{--brand-width:176px}
.experience-logo.trillium{--brand-width:172px}
.experience-logo.lark-hotels{--brand-width:144px}
.experience-logo.awol-provincetown{--brand-width:132px;--brand-height:70px}
.experience-logo.alessi{--brand-width:140px}
.experience-logo.serta{--brand-width:132px;--brand-height:68px}
.experience-logo.sealy{--brand-width:136px;--brand-height:70px}
.experience-logo.kathy-ireland{--brand-width:180px}
.experience-logo.hooker-furniture{--brand-width:176px}
.experience-logo.bob-mackie{--brand-width:168px}
.experience-logo.vera-wang{--brand-width:178px}
/* Crop only the empty canvas around the original Trillium PNG using layout. */
.logo-crop{display:block;position:relative;width:var(--brand-width);max-width:100%;aspect-ratio:413/150;overflow:hidden}
.logo-track .experience-logos .experience-logo .logo-crop img{position:absolute;left:calc(-100% * 99 / 413);top:calc(-100% * 156 / 150);width:calc(100% * 600 / 413);height:auto;max-width:none;max-height:none}
@keyframes experience-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--logo-cycle)),0,0)}}
@media(hover:hover) and (pointer:fine){.experience-line:hover .logo-track{animation-play-state:paused}}
.logo-pause:checked~.logo-viewport .logo-track{animation-play-state:paused}
.logo-pause{position:absolute;width:1px;height:1px;opacity:0;right:0;top:25px}
.logo-pause-label{position:absolute;right:0;top:23px;min-height:32px;padding:5px 0 5px 12px;cursor:pointer;font-size:11px;font-weight:400;color:var(--ink)}
.logo-pause:focus-visible+.logo-pause-label{outline:2px solid var(--red);outline-offset:4px}
.logo-resume-text,.logo-pause:checked+.logo-pause-label .logo-pause-text{display:none}
.logo-pause:checked+.logo-pause-label .logo-resume-text{display:inline}
@media(max-width:760px){.experience-line{--logo-cell:152px;--logo-gap:38px;padding-top:25px}.experience-line #experience-brands-heading{margin-right:0;max-width:330px;font-size:12px}.experience-context{margin:0 0 10px;font-size:13px;max-width:470px}.logo-pause-label{position:static;display:block;width:max-content;margin:0 0 15px auto;padding:6px 0;min-height:36px}.logo-track{animation-duration:calc(var(--logo-count) * 11s)}.logo-track-reverse{animation-duration:calc(var(--logo-count) * 11.1s)}.logo-track .experience-logos .experience-logo{height:74px}.logo-track .experience-logos .experience-logo img{width:calc(var(--brand-width,155px) * .88);max-width:100%;max-height:calc(var(--brand-height,62px) * .9)}.logo-crop{width:calc(var(--brand-width) * .88)}.logo-viewport+.logo-viewport{margin-top:12px}}
@media(prefers-reduced-motion:reduce){
.logo-track{animation:none;transform:none;will-change:auto;width:100%}
.logo-viewport{mask-image:none;-webkit-mask-image:none}
.logo-track .experience-logos{flex-basis:100%;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0}
.logo-track .experience-logos[aria-hidden],.logo-pause,.logo-pause-label{display:none}
.logo-track .experience-logos .experience-logo{width:100%;min-width:0}
.logo-track .experience-logos .experience-logo img{max-width:100%}
.experience-context{margin-bottom:24px}
@media(max-width:760px){.logo-track .experience-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.logo-track .experience-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 24px}}
}

.experience-logo.boardy{--brand-width:40px;--brand-height:46px}
.experience-logo.boardy a{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1px}

.logo-track .experience-logos .experience-logo.boardy img{filter:grayscale(1)}