:root{--hero-case-container-direction:column-reverse;--hero-case-container-gap:1.875rem;--hero-case-aspect:3/2;--hero-case-logo-width:6.25rem}@media screen and (min-width:768px){:root{--hero-case-container-direction:row-reverse;--hero-case-container-gap:0;--hero-case-aspect:5/4;--hero-case-info-padding:3.125rem}}@media screen and (min-width:1024px){:root{--hero-case-info-padding:5.5rem;--hero-case-logo-width:7.5rem}}.cmp-hero-case{@media screen and (max-width:640px){padding-top:5.75rem}}.cmp-hero-case-container{grid-gap:var(--hero-case-container-gap);display:flex;flex-direction:var(--hero-case-container-direction);gap:var(--hero-case-container-gap)}@media screen and (min-width:768px){.cmp-hero-case-container{align-items:center}.cmp-hero-case-info,.cmp-hero-case-media{width:50%}.cmp-hero-case-container.reverse{--hero-case-container-direction:row}.cmp-hero-case-container.reverse .cmp-hero-case-info{padding-left:var(--hero-case-info-padding);padding-right:0}}.cmp-hero-case-media .image,.cmp-hero-case-media .video{aspect-ratio:var(--hero-case-aspect);width:100%}.cmp-hero-case-media .image img,.cmp-hero-case-media .video video{height:100%;object-fit:cover;width:100%}@media screen and (min-width:768px){.cmp-hero-case-info{padding-right:var(--hero-case-info-padding)}}.cmp-hero-case-info .logo{margin-bottom:1rem;width:var(--hero-case-logo-width)}.cmp-hero-case-info .logo img{height:100%;object-fit:cover;width:100%}.cmp-hero-case-info h1{margin-bottom:0}.cmp-hero-case-cta{margin-top:1.875rem}.cmp-hero-case-cta a{margin-top:0}@media screen and (min-width:768px){.cmp-hero-case-cta{margin-top:2.5rem}}