section#showcase{background-color:#000;display:flex;overflow:hidden;padding:80px 80px 0;position:relative}section#showcase container{justify-content:space-between;max-width:100%;min-height:calc(100vh - 201px);position:relative}.showcase__video-container{text-align:center}.showcase__video-container,.showcase__video-container:after{height:100%;left:0;position:absolute;top:0;transition:.6s;width:100%}.showcase__video-container:after{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.25) 50%,#000);content:"";opacity:1}section.theater#showcase .showcase__video-container:after{opacity:0}video.showcase__video{height:100%;left:50%;max-width:2080px;object-fit:cover;object-position:center;position:absolute;top:0;transform:translateX(-50%);width:100%}.showcase__title-container{color:#fff;display:flex;flex-wrap:nowrap;gap:3rem;justify-content:space-between;transition:.6s}.showcase__title-container .copy-container{transition:.6s}.hidden{opacity:0}.showcase__content{display:flex;flex-direction:column;gap:3rem;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;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}img.showcase__logo{height:105px;object-fit:contain}.showcase__video-details{align-items:center;color:#fff;display:flex;gap:3rem;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;animation:fadeIn 2.4s ease-out;display:flex;flex-wrap:nowrap;gap:3rem;height:12rem;margin-bottom:40px;margin-top:0;padding:0;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}.min{opacity:0}li.showcase__video-tile{background-color:var(--orange-50);border-radius:.33333rem;box-shadow:2px 2px 12px 0 rgba(0,0,0,.125);cursor:pointer;display:flex;height:12rem;margin:0;min-width:21.36rem;outline-color:transparent;outline-offset:4px;outline-style:solid;outline-width:4px;overflow:hidden;position:relative;transition:.3s ease-out}li.showcase__video-tile:before{align-items:center;background-color:transparent;color:rgba(255,255,255,var(--opacity-80));content:attr(data-top-brand);display:flex;font-size:calc(var(--optical-size)*.66);font-weight:500;height:4rem;justify-content:start;left:0;letter-spacing:.025rem;line-height:1.35;padding:1rem 1.5rem;position:absolute;text-align:left;text-transform:uppercase;top:0;transition:.3s ease-out;transition-delay:.3s;width:100%;z-index:1}li.showcase__video-tile:hover:before{color:transparent}li.showcase__video-tile:after{align-items:center;background-color:var(--orange-50);bottom:0;color:#fff;content:attr(data-category);display:flex;font-size:calc(var(--optical-size)*.75);font-weight:600;height:4rem;justify-content:center;left:0;line-height:1.35;padding:1rem .5rem;position:absolute;text-align:center;transition:.3s ease-out;width:100%;z-index:1}.showcase__video-tile.active{outline-color:#fff}.showcase__video-tile.active:hover{outline-color:var(--orange-50)}.showcase__video-thumbnail{filter:contrast(1) brightness(.5) grayscale(0) opacity(1);height:100%;left:0;object-fit:cover;position:absolute;scale:1.5;top:0;transition:.3s ease-out;width:100%}.showcase__video-tile.active .showcase__video-thumbnail,.showcase__video-tile.active:hover .showcase__video-thumbnail{filter:contrast(1.125) brightness(.75) grayscale(1) opacity(.5);scale:1.55}.showcase__video-tile .cta{align-items:center;background-color:transparent;color:#fff;display:flex;filter:opacity(0) blur(.25rem);font-size:calc(var(--optical-size)*.66);font-weight:500;height:4rem;justify-content:start;left:0;letter-spacing:.025rem;line-height:1.35;padding:1rem 1.5rem;position:absolute;text-align:left;text-transform:uppercase;top:0;transition:all .3s ease-in-out;transition-delay:.3s}.showcase__video-tile.active:hover .cta{filter:opacity(1) blur(0)}.showcase__video-controls{display:flex;gap:12px;position:absolute;right:12px;top:12px;transition:.6s;transition-delay:.3s;z-index:1;@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);color:#fff;cursor:pointer;display:flex;height:46px;justify-content:center;overflow:hidden;position:relative;transition:.3s;width:46px}.showcase__video-details .copy-container{gap:1rem!important}.showcase__video-details .copy-container *{margin-top:0;text-box-trim:none}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}.showcase__navigation .showcase__video-controls button.showcase__video-control:hover,button.showcase__collapse:hover{background-color:hsla(0,0%,100%,.75)}button.showcase__collapse svg{height:100%;width:100%}.showcase__navigation .showcase__video-controls{position:relative;right:0;top:0;transition:0s;transition-delay:0s}.showcase__navigation .showcase__video-controls button.showcase__video-control{background-color:#fff;box-shadow:0 0 12px 0 transparent,inset 0 0 12px 0 transparent;height:30px;width:30px}.showcase__navigation .showcase__video-controls button.showcase__video-control svg{color:#1e2752;transform:scale(1.66)}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}li.showcase__video-tile a.cta_button{cursor:pointer;height:46px!important;left:12px;opacity:0!important;padding-bottom:0!important;padding-top:0!important;place-content:center;position:absolute;text-align:center;text-wrap-mode:nowrap;top:12px;transform:translateX(calc(-100% - 12px));transition:.3s;white-space:nowrap;z-index:1}button.top-ad__modal-button{margin-left:auto;white-space:nowrap;text-wrap-mode:nowrap}@media only screen and (min-width:768px){.mobile-only{display:none}}@media only screen and (max-width:767px){section#showcase{padding:3rem}section#showcase container{gap:20rem;min-height:auto}.showcase__content{left:0;overflow:visible;padding:0;top:-60px;width:100%}.showcase__name{display:block!important}.copy-container :is(h1,h2,h3,h4,h5,h6){font-size:calc(var(--optical-size)*1.5)!important}img.showcase__logo{display:none}.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);transition:0s;transition-delay:0s}button.showcase__video-control{background-color:hsla(0,0%,100%,.125)}button.showcase__video-control:hover{background-color:hsla(0,0%,100%,.25)}}@keyframes fadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}