.client-logo-grid{display:grid;width:100%;height:100%;min-height:calc(70 * var(--svh));--duration: 2s;grid-template-columns:1fr;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;place-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding-block:224px}.client-logo-grid.white{--yellow20: rgba(255, 255, 255, .8);--yellow: white}.client-logo-grid.white .grid-item img{-webkit-filter:contrast(0) brightness(3.5);filter:contrast(0) brightness(3.5)}@media (min-width: 48em){.client-logo-grid{gap:20px;grid-template-columns:repeat(12,1fr)}.client-logo-grid>div:nth-of-type(1){grid-column:1/5}.client-logo-grid .grid-wrapper{grid-column:7/13}}.client-logo-grid .grid-wrapper{display:grid}.client-logo-grid .grid-wrapper>*{grid-area:1/1}.client-logo-grid .grid{display:grid}.client-logo-grid .grid-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0 16px;grid-area:1/1}@media (min-width: 48em){.client-logo-grid .grid-container{gap:0 96px}}.client-logo-grid .grid-container:not(:first-of-type) .grid-item{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.client-logo-grid .grid-item{position:relative;width:100%}.client-logo-grid .grid-item:not(.has-border){-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;aspect-ratio:1/1}.client-logo-grid .grid-item picture{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.client-logo-grid .grid-item img{max-height:200px}.client-logo-grid .grid-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.client-logo-grid .grid-item .animates{height:1px;background-color:var(--yellow20);width:100%;position:relative}.client-logo-grid .grid-item .active{width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;height:1px;position:absolute;top:0;left:0;background-color:var(--yellow)}.client-logo-grid .grid-item.has-border:before,.client-logo-grid .grid-item.has-border.bottom:after{content:"";position:absolute;top:0;left:0;height:1px;width:100%;z-index:1;background-color:var(--yellow20)}.client-logo-grid .grid-item.has-border.bottom:after{bottom:0;top:auto}.client-logo-grid .button-wrapper{grid-area:auto;align-self:end;padding-top:87px}@-webkit-keyframes clip{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}51%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes clip{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}51%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}.reel{width:100%;min-height:calc(var(--svh) * 150)}.reel .reel-sticky{position:sticky;top:0;height:calc(var(--svh) * 100);display:grid;place-items:center}.reel .reel-content{position:relative;width:90vw}.reel .reel-content video{width:100%;display:block}.reel .reel-content video::-webkit-media-controls{display:none!important}.reel .reel-content:hover .reel-play-button.playing{opacity:1}.reel .reel-play-button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0;padding:.8rem;-webkit-transition:gap .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .25s ease,-webkit-transform .15s ease;transition:gap .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .25s ease,-webkit-transform .15s ease;transition:gap .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .25s ease,transform .15s ease;transition:gap .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background .25s ease,transform .15s ease,-webkit-transform .15s ease;z-index:1}.reel .reel-play-button:hover{background:#fffc}.reel .reel-play-button:active{-webkit-transform:translate(-50%,-50%) scale(.92);transform:translate(-50%,-50%) scale(.92)}.reel .reel-play-button.playing{gap:17%;opacity:0}.reel .reel-play-button .bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background:var(--dark);-webkit-transition:clip-path .35s cubic-bezier(.4,0,.2,1);transition:clip-path .35s cubic-bezier(.4,0,.2,1)}.reel .reel-play-button .bar:first-child{clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.reel .reel-play-button .bar:last-child{clip-path:polygon(0 25%,100% 50%,100% 50%,0 75%)}.reel .reel-play-button.playing .bar:first-child,.reel .reel-play-button.playing .bar:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}