.cards-showcase{gap:var(--spacing-container-margin-sm);position:relative}.card-showcase,.cards-showcase{display:flex;flex-direction:column}.card-showcase{align-self:stretch;background-color:var(--color-foreground);border-radius:var(--radius-sm);gap:var(--spacing-container-gap-xs);justify-content:center;padding:var(--spacing-card-padding-2xs);position:sticky;top:5rem;transform-origin:center center;will-change:transform,opacity;--stack-fade-progress:0;opacity:calc(1 - var(--stack-fade-progress)*1);transform:translateY(calc(var(--stack-fade-progress)*-.75rem)) scale(calc(1 - var(--stack-fade-progress)*.12))}.card-showcase-content-wrapper,.card-showcase-text-wrapper{display:flex;flex-direction:column}.card-showcase-text-wrapper{flex:1;gap:var(--spacing-container-margin-sm);min-width:0;overflow-y:auto;padding:var(--spacing-card-padding-xl)}.card-showcase-text-wrapper .button-wrapper{margin-top:auto}.card-showcase-image-wrapper{width:100%}.card-showcase-image-background-green{background:linear-gradient(0deg,rgba(15,125,121,.5),rgba(15,125,121,.5)),linear-gradient(0deg,#0f7d79,#0f7d79),url(https://146347219.fs1.hubspotusercontent-eu1.net/hubfs/146347219/stroke.webp) #d3d3d3 50% /cover no-repeat;background-blend-mode:normal,color,normal}.card-showcase-image-background-blue,.card-showcase-image-background-green{align-items:center;border-radius:var(--radius-xs);display:flex;justify-content:center;padding:var(--spacing-card-padding-lg)}.card-showcase-image-background-blue{background:linear-gradient(0deg,rgba(75,86,187,.5),rgba(75,86,187,.5)),linear-gradient(0deg,#4b56bb,#4b56bb),url(https://146347219.fs1.hubspotusercontent-eu1.net/hubfs/146347219/moon.webp) #d3d3d3 50% /cover no-repeat;background-blend-mode:normal,color,normal}.card-showcase-image-background-red{align-items:center;background:linear-gradient(0deg,rgba(175,71,106,.5),rgba(175,71,106,.5)),linear-gradient(0deg,#af476a,#af476a),url(https://146347219.fs1.hubspotusercontent-eu1.net/hubfs/146347219/lightning.webp) #d3d3d3 50% /cover no-repeat;background-blend-mode:normal,color,normal;border-radius:var(--radius-xs);display:flex;justify-content:center;padding:var(--spacing-card-padding-lg)}@media screen and (max-width:767px){.cards-showcase{display:flex}.card-showcase-image-background-blue,.card-showcase-image-background-green,.card-showcase-image-background-red{border-radius:var(--radius-xxs);padding:var(--spacing-container-margin-sm)}}.card-showcase-image img{aspect-ratio:16/11;border-radius:var(--radius-xxs);height:auto;object-fit:cover;width:100%}.card-showcase-content-wrapper p{margin-bottom:var(--spacing-container-gap-lg)}.cards-showcase .card-showcase-1 .button-wrapper:hover .button{box-shadow:0 .5rem 3.75rem -.25rem rgba(15,125,121,.5)}.cards-showcase .card-showcase-2 .button-wrapper:hover .button{box-shadow:0 .5rem 3.75rem -.25rem rgba(75,86,187,.5)}.cards-showcase .card-showcase-3 .button-wrapper:hover .button{box-shadow:0 .5rem 3.75rem -.25rem rgba(175,71,106,.5)}.cards-showcase .tag{transition:background-color .2s ease,color .2s ease}.cards-showcase .tag-green:hover{background-color:var(--color-accent-forrest);color:var(--color-white)}.cards-showcase .tag-blue:hover{background-color:var(--color-accent-violet);color:var(--color-white)}.cards-showcase .tag-red:hover{background-color:var(--color-accent-burgundy);color:var(--color-white)}@media (min-width:768px){.cards-showcase{position:relative}.card-showcase{flex-direction:row;height:var(--card-height-desktop);top:var(--cards-showcase-sticky-top,5rem);transform-origin:center top}.card-showcase-image-wrapper{display:flex;height:100%;min-height:0;width:40%}.card-showcase{justify-content:flex-start}.card-showcase-image img{aspect-ratio:auto;height:100%}.card-showcase-image{display:flex;height:100%;width:100%}.showcase-tags-wrapper{max-width:80%}.card-showcase-1{z-index:1}.card-showcase-2{z-index:2}.card-showcase-3{z-index:3}}@media (max-width:767px){.card-showcase{transform:translateY(calc(var(--stack-fade-progress)*-.4rem)) scale(calc(1 - var(--stack-fade-progress)*.08))}.card-showcase-1{z-index:1}.card-showcase-2{z-index:2}.card-showcase-3{z-index:3}}