.cs-case{padding-top:70px}.cs-case[data-background=dark]{background:#000;color:#fff}.cs-case[data-background=white]{background:#fff;color:#000}.cs-case[data-background=light]{background:#f4f4f4;color:#000}.cs-case__wrapper{margin:0 auto;max-width:1400px;padding:70px 20px}.cs-case .cs-case__headline{text-align:center}.cs-case .cs-case__container{display:flex;flex-direction:column;flex-wrap:wrap;gap:30px;justify-content:center}.cs-case .cs-case__card--desktop{display:none}.cs-case .cs-case__card--background{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;color:#000}.cs-case .cs-case__card--background.cs-case__card--desktop:hover{box-shadow:0 7px 25px rgba(0,0,0,.25)}.cs-case .cs-case__card--background .cs-case__card-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between}.cs-case .cs-case__card--background.cs-case__card--desktop.cs-case__card--right .cs-case__card-content{padding:35px;width:50%}.cs-case .cs-case__card--background.cs-case__card--desktop.cs-case__card--left .cs-case__card-content{margin-left:50%;padding:35px;width:50%}.cs-case .cs-case__card--background.cs-case__card--desktop .cs-case__card--logo{margin-bottom:20px;min-height:50px;min-width:120px}.cs-case .cs-case__card--background.cs-case__card--mobile .cs-case__card--image-wrapper{position:relative}.cs-case .cs-case__card--background.cs-case__card--mobile .cs-case__card--image{border-radius:8px;margin-bottom:20px;width:100%}.cs-case .cs-case__card--background.cs-case__card--mobile .cs-case__card--logo{height:80px;position:absolute;top:20px}.cs-case .cs-case__card--background.cs-case__card--mobile.cs-case__card--right .cs-case__card--logo{left:20px}.cs-case .cs-case__card--background.cs-case__card--mobile.cs-case__card--left .cs-case__card--logo{right:20px}.cs-case .cs-case__card--background .cs-case__card--title{font-size:24px;font-weight:500;letter-spacing:.008em;line-height:120%;margin-bottom:20px}.cs-case .cs-case__card--background .cs-case__card--cta{border:1px solid #000;border-radius:40px;display:inline-block;font-size:14px;font-weight:500;line-height:100%;padding:12px 36px}.cs-case[data-background=light] .cs-case__card--top,.cs-case[data-background=white] .cs-case__card--top{color:#000}.cs-case[data-background=dark] .cs-case__card--top{color:#fff}.cs-case .cs-case__card--top .cs-case__card--image-wrapper{position:relative}.cs-case .cs-case__card--top .cs-case__card--topic{background:#fff;border-radius:76px;color:#000;font-size:11px;font-weight:500;left:20px;padding:2px 8px 0;position:absolute;text-transform:uppercase;top:20px}.cs-case .cs-case__card--top .cs-case__card--image{background-position:50%;background-size:cover;border-radius:8px;height:250px}.cs-case .cs-case__card--top .cs-case__card--content{padding:24px}.cs-case .cs-case__card--top .cs-case__card--title{display:inline-block;font-size:30px;font-weight:500;letter-spacing:.008em;line-height:120%;position:relative}.cs-case .cs-case__card--top .cs-case__card--title span{background-image:-webkit-gradient(linear,left top,right top,from(#ce0058),color-stop(50%,#ce0058),color-stop(50%,transparent),to(transparent));background-image:linear-gradient(90deg,#ce0058 0,#ce0058 50%,transparent 0,transparent);background-position:100% 100%;background-repeat:no-repeat;background-size:200% 2px;display:inline;-webkit-transition:background-position .3s cubic-bezier(.215,.61,.355,1);transition:background-position .3s cubic-bezier(.215,.61,.355,1);-webkit-transition-duration:.5s;transition-duration:.5s}.cs-case .cs-case__card--top:hover .cs-case__card--title span{background-position:0 100%}.cs-case .cs-case__card--top .cs-case__card--description{font-size:18px;font-weight:400;letter-spacing:.02em;line-height:142%;margin-bottom:20px}.cs-case .cs-case__card--top .cs-case__card--cta{align-items:center;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:flex-start}.cs-case .cs-case__card--top .cs-case__card--cta i{color:#c4c4c4}.cs-case .cs-case__card--top:hover .cs-case__card--cta i{color:#ce0058}.cs-case .cs-case__card--top{flex-basis:100%}@media (min-width:600px){.cs-case .cs-case__card--top{flex-basis:calc(50% - 30px)}.cs-case .cs-case__container{flex-direction:row}}@media (min-width:821px){.cs-case .cs-case__card--top{flex-basis:calc(33% - 30px)}.cs-case .cs-case__card--desktop{display:block}.cs-case .cs-case__card--mobile{display:none}.cs-case .cs-case__card--background{width:600px}.cs-case .cs-case__card--top{max-width:450px}}