.two-card-brand-story{width:100%;background:#fff}
.two-card-brand-story__desktop{display:block}
.two-card-brand-story__mobile{display:none}
.two-card-brand-story__card{display:flex;align-items:center;justify-content:flex-end;gap:52px;width:100%;padding:100px 80px;background:#f9f9f9}
.two-card-brand-story__card--reverse{flex-direction:row-reverse;background:#fff}
.two-card-brand-story__card--reverse .two-card-brand-story__media{transform:translateX(-40vw) !important;transition:transform 1800ms ease-out}
.two-card-brand-story__card--in-viewport .two-card-brand-story__media{transform:translateX(0) !important}
.two-card-brand-story__text-wrapper{max-width:30%}
.two-card-brand-story__text{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;width:100%}
.two-card-brand-story__card--reverse .two-card-brand-story__text{padding-right:0;padding-left:40px}
.two-card-brand-story__title{font-family:'FlyingFlea-Bold',sans-serif;font-weight:700;font-size:48px;line-height:1.2;color:#000;width:fit-content;display:flex;flex-direction:column;gap:44px;transition:gap 1800ms ease-out,transform 1800ms ease-out;transform:translateY(60px)}
.two-card-brand-story__card--in-viewport .two-card-brand-story__title{gap:0;transform:translateY(0)}
.two-card-brand-story__title p{font-family:'FlyingFlea-Bold' !important;font-weight:700;font-size:64px;font-style:normal;font-weight:700;line-height:68px}
.two-card-brand-story__connector{width:1px;height:22vw;background:#05a8a3;margin-top:46px;right:-30px;transition:height 1800ms ease-out}
.two-card-brand-story__card--in-viewport .two-card-brand-story__connector{height:16vw}
.two-card-brand-story__card--reverse .two-card-brand-story__connector{right:auto;left:-30px}
.two-card-brand-story__media{flex:1;max-width:70%;transform:translateX(40vw);transition:transform 1800ms ease-out}
.two-card-brand-story__media-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden}
.two-card-brand-story__video{width:100%;height:100%;object-fit:cover;border-radius:12px;transform:scale(1.5);transition:transform 1800ms ease-out}
.two-card-brand-story__card--in-viewport .two-card-brand-story__video{transform:scale(1.0)}
.two-card-brand-story__card--in-viewport .two-card-brand-story__media{transform:translateX(0)}
.two-card-brand-story__fallback{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px}
@media(max-width:1100px){.two-card-brand-story__desktop{display:none}
.two-card-brand-story__text-wrapper{max-width:100%}
.two-card-brand-story__title p{font-size:32px;line-height:40px}
.two-card-brand-story__mobile{display:block}
.two-card-brand-story__card{flex-direction:column;gap:30px;padding:40px 24px;background:#fff}
.two-card-brand-story__card--reverse{flex-direction:column}
.two-card-brand-story__text{padding:0;align-items:center;text-align:center;width:100%}
.two-card-brand-story__card--reverse .two-card-brand-story__text{padding:0;align-items:center}
.two-card-brand-story__title{font-size:32px}
.two-card-brand-story__connector{height:16vw;margin-top:20px;position:relative;right:auto;left:auto;top:auto;transform:none}
.two-card-brand-story__card--reverse .two-card-brand-story__connector{left:auto}
.two-card-brand-story__media{max-width:100%;width:100%;transform:translateX(0) !important}
.two-card-brand-story__title{gap:0 !important}
.two-card-brand-story__card--reverse .two-card-brand-story__media{transform:translateX(0) !important}
}