:root{--case-image-ratio:2/1;--case-upper-padding:var(--spacing-xs) var(--spacing-xl);--case-logo-width:var(--spacing-200);--case-content-padding:var(--spacing-40) var(--spacing-xl);--case-columns-gap:var(--spacing-40)}@media screen and (min-width:768px){:root{--case-image-ratio:7/2;--case-upper-padding:var(--spacing-xs) var(--spacing-40);--case-content-padding:var(--spacing-40)}}@media screen and (min-width:1024px){:root{--case-upper-padding:var(--spacing-xs) var(--spacing-80);--case-logo-width:17rem;--case-content-padding:var(--spacing-40) var(--spacing-80);--case-columns-gap:var(--spacing-100)}}.cmp-case{grid-gap:var(--spacing-40);display:flex;flex-direction:column;gap:var(--spacing-40)}.cmp-case-intro-text h2,.cmp-case-intro-text h3{margin:0}@media screen and (min-width:768px){.cmp-case-intro-text{margin:var(--margin-center);max-width:var(--spacing-600);text-align:center}}.cmp-case-container{border-radius:var(--spacing-40);display:flex;flex-direction:column;overflow:hidden;position:relative}.cmp-case-image{position:relative}.cmp-case-image.fade:after{background:linear-gradient(180deg,transparent 50%,var(--color-black) 95%);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:1}.cmp-case-image img{aspect-ratio:var(--case-image-ratio);height:100%;object-fit:cover;width:100%}.cmp-case-info{background-color:var(--color-black);color:var(--color-white);padding:var(--spacing) 0}.cmp-case-info-upper{grid-gap:var(--spacing-xl);display:flex;flex-direction:var(--direction);gap:var(--spacing-xl);padding:var(--case-upper-padding)}@media screen and (min-width:768px){.cmp-case-info-upper{align-items:center;justify-content:space-between}}.cmp-case-info-upper .logo{max-height:var(--spacing-150);max-width:var(--case-logo-width);width:100%}.cmp-case-info-upper .logo img{height:100%;object-fit:cover;width:100%}.cmp-case-details-wrapper{grid-gap:var(--spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xl)}@media screen and (max-width:768px){.cmp-case-details-item{width:calc(50% - var(--spacing-xl))}}.cmp-case-details-wrapper h3,.cmp-case-details-wrapper h5{margin-bottom:0}.cmp-case-details-wrapper hr{margin:var(--spacing-xs) 0}.cmp-case-content{grid-gap:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.cmp-case-content p:last-of-type,.cmp-case-quote h2{margin-bottom:0}.cmp-case-cols-wrapper{grid-gap:var(--case-columns-gap);flex-direction:var(--direction);gap:var(--case-columns-gap)}.cmp-case-cols-wrapper,.cmp-case-quote-wrapper{display:flex;padding:var(--case-content-padding)}.cmp-case-quote-wrapper{grid-gap:var(--spacing-lg);flex-direction:column;gap:var(--spacing-lg)}.cmp-case-cta .btn{margin:var(--margin-center)}