.element-cards{--element-cards-gap: 2.5rem;--card-offset: 1.125rem;--card-scale: .97;position:relative;overflow:visible;padding-bottom:6rem;z-index:1}.element-cards__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--element-cards-gap);align-items:center}.element-cards__content{padding:1.5rem}.element-cards__text-container{max-width:500px}.element-cards__content[data-text-position=right] .element-cards__text-container{margin-left:auto;margin-right:0}.element-cards__eyebrow{font-family:var(--accent-font-family);font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem;opacity:.7;color:currentColor}.element-cards__title{margin-bottom:1.5rem;line-height:1.2;font-weight:400;color:currentColor}.element-cards__description{margin-bottom:2rem;line-height:1.6;color:currentColor}.element-cards__description p{margin:0;color:currentColor}.element-cards__link{display:inline-block;font-family:var(--accent-font-family);text-decoration:none;position:relative;font-size:.875rem;transition:opacity .2s ease;color:currentColor}.element-cards__link:hover{opacity:.7;color:currentColor}.element-cards__link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:currentColor}.element-cards__cards-container{position:relative;padding:2.5rem 1.5rem 1.5rem}.element-cards__stack{position:relative;width:100%;max-width:600px;margin:0 auto}.element-card{position:absolute;top:0;left:0;width:100%;background:transparent;border-radius:0;overflow:hidden;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1),z-index 0s;cursor:default}.element-card[data-index="0"]{position:relative;z-index:5;transform:translateY(0) scale(1);cursor:pointer}.element-card[data-index="1"]{z-index:4;transform:translateY(calc(var(--card-offset) * 1)) scale(calc(var(--card-scale)))}.element-card[data-index="2"]{z-index:3;transform:translateY(calc(var(--card-offset) * 2)) scale(calc(var(--card-scale) * var(--card-scale)))}.element-card[data-index="3"]{z-index:2;transform:translateY(calc(var(--card-offset) * 3)) scale(calc(var(--card-scale) * var(--card-scale) * var(--card-scale)))}.element-card[data-index="4"]{z-index:1;transform:translateY(calc(var(--card-offset) * 4)) scale(calc(var(--card-scale) * var(--card-scale) * var(--card-scale) * var(--card-scale)))}.element-card__image{position:relative;width:100%;height:auto;display:block;z-index:1}.element-card__image img{width:100%;height:auto;display:block}.element-card__text{position:absolute;bottom:2.5rem;left:2.5rem;z-index:3;max-width:60%}.element-card__title{font-size:2rem;margin-bottom:1rem;font-family:var(--heading-font-family);font-weight:400;color:var(--card-text-color, #000)}.element-card__description{font-size:.9375rem;line-height:1.6;color:var(--card-text-color, #000)}.element-card__description p{margin:0;color:var(--card-text-color, #000)}.element-card__texture{position:absolute;bottom:0;right:0;width:200px;height:200px;opacity:.6;pointer-events:none;z-index:2}.element-card__texture-image{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 999px){.element-cards__wrapper{grid-template-columns:1fr;gap:3rem}.element-cards__content[data-text-position=right]{order:2}.element-cards__cards-container{order:1}.element-cards__content[data-text-position=left]{order:2}.element-cards__content[data-text-position=left]+.element-cards__cards-container{order:1}.element-cards__text-container{max-width:100%}}@media (max-width: 699px){.element-cards{--element-cards-gap: 2rem;--card-offset: .75rem;padding-bottom:1.5rem}.element-cards__content{padding:1rem}.element-cards__cards-container{padding:2rem 1rem 1rem}.element-card__text{bottom:1.5rem;left:1.5rem;max-width:75%}.element-card__title{font-size:1.5rem}.element-card__texture{width:150px;height:150px}.element-card[data-index="1"]{transform:translateY(calc(var(--card-offset) * 1)) scale(calc(var(--card-scale)))}.element-card[data-index="2"]{transform:translateY(calc(var(--card-offset) * 2)) scale(calc(var(--card-scale) * var(--card-scale)))}.element-card[data-index="3"]{transform:translateY(calc(var(--card-offset) * 3)) scale(calc(var(--card-scale) * var(--card-scale) * var(--card-scale)))}.element-card[data-index="4"]{transform:translateY(calc(var(--card-offset) * 4)) scale(calc(var(--card-scale) * var(--card-scale) * var(--card-scale) * var(--card-scale)))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-element-cards.css.map */