.image-cards{position:relative;isolation:isolate}.image-cards .section-header{align-items:flex-start}.image-cards:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff,#fff0);z-index:-1}.image-cards__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.image-cards__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,1fr));gap:0}.image-card{position:relative;padding-bottom:8rem}.image-card__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-card__inner{display:grid;grid-template-columns:1fr}.image-card__img,.image-card__content{grid-area:1 / 1;aspect-ratio:1.0375 / 1;max-width:91%}.image-card__content{display:grid;grid-template-columns:1fr;gap:2rem;position:relative;color:rgb(var(--color-primary-4));z-index:2;max-width:480px;align-self:center;align-content:end;margin:0 auto}.image-card__img{position:relative;overflow:hidden}.image-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card__img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgb(var(--color-text) / .2),rgb(var(--color-text)));z-index:1}.image-card__title{font-weight:700}.image-card__btn{margin-block-start:1.8rem}.image-card:nth-child(2n) .image-card__content{justify-items:end;text-align:end}.image-card:nth-child(2n) .image-card__inner{justify-items:end}@media screen and (pointer: fine){.image-card:hover .image-card__img img{transform:scale(1.1)}}@media all and (max-width: 1440px){.image-card{padding-bottom:6rem}.image-card__title{font-size:4rem}.image-card__subtitle{font-size:2.4rem}.image-card__content{max-width:370px}}@media all and (max-width: 1280px){.image-card{padding-bottom:4rem}.image-card__title{font-size:3.2rem}.image-card__subtitle{font-size:2rem}}@media all and (max-width: 1024px){.image-cards__list{grid-template-columns:100%;gap:20px}}@media all and (max-width: 768px){.image-card{padding-bottom:3rem}.image-card__content{max-width:91%;padding:2rem}.image-card__img{aspect-ratio:1 / 1.3}.image-card:nth-child(odd) .image-card__bg{object-position:left}.image-card:nth-child(2n) .image-card__bg{object-position:right}}@media all and (min-width: 1100px){.image-cards .section-header__subheading{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/image-cards.css.map */