.pageblock--cases{padding-bottom:100px}.pageblock--cases .container{position:relative;display:flex;align-items:flex-start;justify-content:center}@container style(--breakpoint-md-max: true){.pageblock--cases .container{flex-direction:column}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .container{flex-direction:column}.pageblock--cases .content-wrapper{align-self:stretch;width:40%}@container style(--breakpoint-md-max: true){.pageblock--cases .content-wrapper{display:none}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .content-wrapper{display:none}.pageblock--cases .media-wrapper{display:flex;flex-direction:column;align-items:center;width:40%}@container style(--breakpoint-md-max: true){.pageblock--cases .media-wrapper{gap:60px;width:100%}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .media-wrapper{gap:60px;width:100%}.pageblock--cases .media-wrapper .card--usecase{padding-bottom:200px}@container style(--breakpoint-md-max: true){.pageblock--cases .media-wrapper .card--usecase{padding-bottom:0}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .media-wrapper .card--usecase{padding-bottom:0}.pageblock--cases .media-wrapper .card--usecase .x-core-media{max-width:600px}.pageblock--cases .media-wrapper .card--usecase__media-container{position:relative;transition:transform var(--transition-elastic-ease) .5s}.pageblock--cases .media-wrapper .card--usecase__arrow{position:absolute;right:var(--spacing-sm);bottom:-20px;z-index:2;display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--color-neutral-0);font-size:var(--text-lg);background:var(--color-primary-500);border-radius:99px;pointer-events:none}@media(hover:hover)and (pointer:fine){.pageblock--cases .media-wrapper .card--usecase__arrow{inset:-40px auto auto -40px;width:80px;height:80px;translate:var(--arrow-x, 50%) var(--arrow-y, 50%);scale:0;rotate:-90deg;transition:scale var(--transition-elastic-ease) .6s,rotate var(--transition-elastic-ease) .6s}}.pageblock--cases .media-wrapper .card--usecase--link{position:relative}@media(hover:hover)and (pointer:fine){.pageblock--cases .media-wrapper .card--usecase--link{cursor:none}}@media(hover:hover)and (pointer:fine){.pageblock--cases .media-wrapper .card--usecase--link:hover .card--usecase__media-container{transform:rotate(-1.5deg) scale(1.02)}.pageblock--cases .media-wrapper .card--usecase--link:hover .card--usecase__arrow{scale:1;rotate:0deg}}.pageblock--cases .media-wrapper .card--usecase__content-wrap{bottom:calc(200px - var(--spacing-sm))}@container style(--breakpoint-md-max: true){.pageblock--cases .media-wrapper .card--usecase__content-wrap{top:400px;bottom:auto}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .media-wrapper .card--usecase__content-wrap{top:400px;bottom:auto}.pageblock--cases .card--highlighted-usecase{position:sticky;top:200px;display:grid}.pageblock--cases .card--highlighted-usecase__inner{display:flex;flex-direction:column;grid-area:1/1;transform:translateY(15px);visibility:hidden;opacity:0;transition:opacity .3s ease,transform .3s ease,visibility .3s}.pageblock--cases .card--highlighted-usecase__inner.active{transform:translateY(0);visibility:visible;opacity:1;transition:opacity .3s ease .15s,transform .3s ease .15s,visibility .3s .15s}.pageblock--cases .card--highlighted-usecase .x-core-title .x-core-heading{--heading-margin-bottom: 3rem;max-width:700px}.pageblock--cases .card--highlighted-usecase .x-core-title--post{font-size:var(--text-lg);font-family:var(--button-font-family);text-transform:uppercase}.pageblock--cases .card--highlighted-usecase__usps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pageblock--cases .card--highlighted-usecase__usp{display:flex;gap:var(--spacing-md);align-items:center}.pageblock--cases .card--highlighted-usecase__usp .x-core-image{width:50px}.pageblock--cases .card--highlighted-usecase__bold-content{font-size:var(--h4-size);font-family:var(--heading-font-family);line-height:1}@container style(--breakpoint-md-max: true){.pageblock--cases .card--highlighted-usecase__bold-content{font-size:var(--h2-size)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--cases .card--highlighted-usecase__bold-content{font-size:var(--h2-size)}