.custom-info-cards{position:relative}.custom-info-cards .container{position:relative;z-index:2}.custom-info-cards:after{content:"";position:absolute;width:100vw;height:527px;bottom:0;left:0;z-index:1;background-position:bottom center}.custom-info-cards .container.m-section-py{position:relative;z-index:2;color:#fff}.custom-info-cards #responsive-videos{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.custom-info-cards .m-section__heading{max-width:70%;margin:0 auto}.cards-track{display:flex;align-items:flex-end;padding-top:2.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cards-track::-webkit-scrollbar{display:none}.custom-card{background:var(--card-bg);color:var(--card-text);flex:0 0 75%;max-width:75%;aspect-ratio:355/460;padding:1.8rem;display:flex;flex-direction:column;scroll-snap-align:start;transition:all .6s ease;opacity:0;transform:translateY(100%)}@media (min-width: 1024px){.cards-track{justify-content:center;overflow:visible}.custom-card{flex:0 0 355px;margin:0 -2.5rem}.custom-card:nth-of-type(1){aspect-ratio:355/380}.custom-card:nth-of-type(3){aspect-ratio:355/420}.cards-track:hover .custom-card{margin:0}}.custom-card .content{display:flex;flex-direction:column;max-width:100%;height:100%;gap:1.2rem}.card-title{font-family:var(--font-stack-body);font-size:1.2rem;line-height:1.8rem;text-transform:uppercase;color:var(--card-text)}.card-description{font-size:.9rem;line-height:1.1rem;color:var(--card-text)}.card-cta{font-family:Fragment Mono;margin-top:auto;display:inline-flex;align-items:flex-start;gap:.5rem;position:relative;flex-direction:column;justify-content:flex-end;font-size:1rem;line-height:1.2rem;letter-spacing:.1px;text-transform:uppercase;color:var(--card-text);font-weight:500}.card-cta .logomark{height:.6lh;width:.75rem;background:currentColor;transform:skew(-20deg);transition:width .2s ease}.custom-card:hover .logomark{width:1.75rem}@media (max-width:768px){.content-wrapper .image-card{flex-direction:column}.custom-info-cards .m-section__heading{max-width:100%}.custom-card{aspect-ratio:310 / 250!important;max-width:100%!important}.cards-track{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-info-card.css.map */