section#showcase{background-color:#000;display:flex;overflow:hidden;padding:80px 80px 0;position:relative}section#showcase container{gap:33vh;height:100%;justify-content:space-between;position:relative}.showcase__video-container{height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}.showcase__video-container:after{background:linear-gradient(rgba(0,0,0,.66) 80px,rgba(0,0,0,.25) 50%,#000 calc(100% - 80px));content:"";height:100%;left:0;position:absolute;top:0;width:100%}video.showcase__video{height:calc(100% - 80px);max-width:2080px;object-fit:cover;width:100%}.showcase__title-container{color:#fff;display:flex;flex-wrap:nowrap;gap:40px;justify-content:space-between}.showcase__title-container .copy-container{transition:.6s}.hidden{opacity:0}.showcase__content{display:flex;flex-direction:column;gap:40px;left:-80px;overflow:hidden;padding:0 40px;position:relative;transition:.3s;transition-delay:.15s;width:calc(100% + 160px)}.showcase__content h2{display:-webkit-box;font-size:36px;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}img.showcase__logo{height:105px;object-fit:contain}.showcase__video-details{align-items:center;color:#fff;display:flex;gap:40px;z-index:1}.showcase__video-rank{align-items:center;color:transparent;display:flex;font-size:100px;font-weight:700;height:75px;justify-content:end;min-width:105px;padding-right:38px;-webkit-text-stroke:#fff 2px;border-right:1px solid hsla(0,0%,100%,.5)}img.showcase__brand-logo{background-color:#fff;border-radius:12px;height:105px;object-fit:contain;padding:20px;width:105px}span.stat-emphasis{color:#f26a5c;font-size:36px;font-weight:700}.showcase__videos{align-items:end;display:flex;flex-wrap:nowrap;gap:40px;height:216px;margin-bottom:40px;transition:opacity .3s,height .3s,transform .3s;transition-delay:.45s,.15s,.3s}.showcase__content.collapsed{gap:0;transition-delay:.3s}.collapsed .showcase__videos{height:0;opacity:0;transition-delay:0s,.3s,.3s}.showcase__video-tile{border-radius:4px;box-shadow:2px 2px 12px 0 rgba(0,0,0,.125);cursor:pointer;display:flex;height:180px;margin:0;min-width:300px;outline-color:transparent;outline-offset:4px;outline-style:solid;outline-width:4px;overflow:hidden;transition:.3s}.showcase__video-tile:before{color:#fff;font-size:36px;font-weight:700;height:46px;left:12px;position:absolute;top:12px;width:46px;z-index:1}.showcase__video-tile.active{height:200px;min-width:355px;outline-color:#f26a5c}.showcase__video-tile:not(.active):hover{outline-color:#fff}img.showcase__video-thumbnail{filter:brightness(.75);height:100%;left:0;object-fit:cover;position:absolute;scale:1.33;top:0;transition:.3s;width:100%}.showcase__video-tile.active img.showcase__video-thumbnail{filter:brightness(1)}.showcase__video-controls{display:flex;gap:12px;position:absolute;right:12px;top:12px;transition:.6s;transition-delay:.3s;@starting-style{opacity:0}}button.showcase__video-control{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.75);border:none;border-radius:100%;box-shadow:0 0 12px 0 rgba(0,0,0,.075),inset 0 0 12px 0 rgba(0,0,0,.125);cursor:pointer;display:flex;height:46px;justify-content:center;position:relative;transition:.3s;width:46px}button.showcase__video-control:hover{background-color:rgba(0,0,0,.5)}.showcase__navigation{align-items:end;display:flex;gap:12px;height:100%;margin-left:auto}.showcase__indicator{cursor:pointer;display:flex;height:30px;position:relative;transition:.3s;width:30px}.showcase__indicator svg{height:100%;width:100%}.showcase__indicator svg rect{transition:.3s}.showcase__navigation:not(.changing) .showcase__indicator:hover svg rect{fill:#1e2752}.showcase__indicator.inactive{cursor:not-allowed}.showcase__indicator.inactive,.showcase__navigation.changing .showcase__indicator{filter:saturate(0);opacity:.25}button.showcase__collapse{backdrop-filter:blur(4px);background-color:#fff;border:none;border-radius:30px;cursor:pointer;height:30px;padding:0;transition:.3s;width:30px}button.showcase__collapse:hover{background-color:hsla(0,0%,100%,.75)}button.showcase__collapse svg{height:100%;width:100%}section#showcase :is(.showcase__video-details .showcase__video-rank,.showcase__video-details .showcase__brand-logo,.showcase__video-details .copy-container,.showcase__video-container){transition:.3s}section#showcase :is(.showcase__video-details .showcase__video-rank,.showcase__video-details .showcase__brand-logo,.showcase__video-details .copy-container){transition-delay:.3s}section.changing#showcase :is(.showcase__video-details .showcase__video-rank,.showcase__video-details .showcase__brand-logo,.showcase__video-details .copy-container,.showcase__video-container){opacity:0;transition-delay:0s}@media only screen and (min-width:768px){.mobile-only{display:none}}@media only screen and (max-width:767px){.showcase__content{left:0;overflow:visible;padding:0;top:-60px;width:100%}img.showcase__logo{height:75px}.showcase__video-details{gap:20px}.showcase__video-rank{padding-right:18px}.showcase__collapse,ol.showcase__videos{display:none}.showcase__navigation{bottom:-60px;height:auto;left:calc(50% - 6px);position:absolute;transform:translateX(-100%)}.showcase__indicator{height:46px;width:46px}span.stat-emphasis{font-size:24px!important}img.showcase__brand-logo{display:none}.showcase__video-controls{right:calc(50% - 6px);top:100%;transform:translate(100%,15px)}button.showcase__video-control{background-color:hsla(0,0%,100%,.125)}button.showcase__video-control:hover{background-color:hsla(0,0%,100%,.25)}}