.product-historycards{padding:160px 0}
.product-historycards::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.product-historycards::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px}
.product-historycards__container{margin:0 auto;position:relative}
.product-historycards__mobile{display:none}
.product-historycards__header{margin-bottom:68px}
.product-historycards__title{margin-bottom:70px;transform:translateY(50px);transition:transform 1800ms ease-out,margin-bottom 1800ms ease-out}
.product-historycards__cards.in-view .product-historycards__title{transform:translateY(0);margin-bottom:16px}
.product-historycards__title p{font-family:'FlyingFlea-Bold' !important;font-weight:700;font-style:Bold;font-size:54px;line-height:110.00000000000001%;letter-spacing:0}
.product-historycards__title span{color:#00bcd4}
.product-historycards__description{font-size:18px;color:#333;line-height:24px;margin:0;font-weight:400}
.product-historycards__cards{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;position:relative;background-color:#eff7f4;padding:0 100px;height:678px}
.product-historycards__media-wrapper-right{height:702px !important}
.product-historycards__card{position:relative;background-color:transparent;border-radius:0;overflow:hidden;box-shadow:none}
.product-historycards__card:first-child{transform:translateY(50px)}
.product-historycards__card:last-child{transform:translateY(0);transition:transform 1800ms ease-out}
.product-historycards__cards.in-view .product-historycards__card:last-child{transform:translateY(-90px)}
.product-historycards__media-wrapper{position:relative;width:100%;padding-bottom:75%;overflow:hidden;border-radius:0;height:636px}
.product-historycards__card:first-child .product-historycards__media-wrapper{transform:translateY(50px);transition:transform 1800ms ease-out}
.product-historycards__cards.in-view .product-historycards__card:first-child .product-historycards__media-wrapper{transform:translateY(0)}
.product-historycards__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1.3);transition:transform 1800ms ease-out}
.product-historycards__cards.in-view .product-historycards__video{transform:scale(1)}
.product-historycards__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.product-historycards__caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0,rgba(0,0,0,0) 100%);color:#fff;padding:30px 20px 20px;font-size:1rem;font-style:italic;font-weight:400}
.product-historycards__card-arrow{position:absolute;left:48%;bottom:30%}
@media(max-width:768px){.product-historycards__card-arrow{display:none}
.product-historycards__card:first-child .product-historycards__media-wrapper{transform:translateY(0)}
.product-historycards__card-container{display:flex;justify-content:flex-start;transform:translateX(-150px);transition:transform 1800ms ease-out}
.product-historycards__card-container.in-view{transform:translateX(0)}
.product-historycards__card-container-next{display:flex;justify-content:flex-end;transform:translateX(150px);transition:transform 1800ms ease-out}
.product-historycards__card-container-next.in-view{transform:translateX(0)}
.product-historycards__card{height:314px;width:90%}
.product-historycards__media-wrapper{height:314px}
.product-historycards__desktop{display:none}
.product-historycards{padding:0}
.product-historycards__mobile{display:block}
.product-historycards__header{max-width:100%;margin-bottom:0;padding:0 24px}
.product-historycards__mobile .product-historycards__title{margin-bottom:40px;transform:translateY(0);transition:margin-bottom 1800ms ease-out}
.product-historycards__mobile .product-historycards__title.in-view{margin-bottom:8px}
.product-historycards__title p{font-size:32px}
.product-historycards__description{font-size:14px;max-width:100%;line-height:20px}
.product-historycards__cards{grid-template-columns:1fr;gap:24px;height:850px}
.product-historycards__cards{padding:40px 0}
.product-historycards__card:first-child,.product-historycards__card:last-child{transform:none}
}
@media(max-width:1024px) and (min-width:769px){.product-historycards__title{font-size:3.5rem}
.product-historycards__header{max-width:60%}
}
@media(max-width:1200px){.product-historycards__title{font-size:3.5rem}
}