.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-cards__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:clamp(2.5rem,6vw,4rem);position:relative;z-index:7;flex-wrap:wrap}.element-cards__dot{width:.36rem;height:.36rem;border-radius:999px;background:currentColor;border:0;opacity:.28;transform:scale(1);transition:opacity .25s ease,transform .25s ease;cursor:pointer}.element-cards__dot.is-active{opacity:.62;transform:scale(1.08)}.element-cards__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(min-width:1000px){.element-cards__dots{margin-top:4rem}}@media(max-width:999px){.element-cards__dots{margin-top:clamp(2.75rem,8vw,3.5rem);gap:.625rem}.element-cards__dot{width:.4rem;height:.4rem}}.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)}@media(min-width:1000px)and (max-width:1279px){.element-card__text{bottom:2rem;left:2rem;max-width:62%}.element-card__title{font-size:1.5rem;margin-bottom:.5rem}.element-card__description{font-size:.8rem;line-height:1.25}}@media(max-width:999px){.element-cards__wrapper{grid-template-columns:1fr;gap:3rem}.element-cards__content{order:2}.element-cards__cards-container{order:1}.element-cards__text-container{max-width:100%}.element-card__text{bottom:clamp(1.5rem,3.5vw,2rem);left:clamp(1.25rem,3.5vw,2rem);max-width:70%}.element-card__title{font-size:clamp(1.5rem,3vw,1.75rem);margin-bottom:.75rem}.element-card__description{font-size:1rem;line-height:1.5}}@media(max-width:550px){.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{top:auto;bottom:clamp(1.75rem,6vw,2.5rem);left:clamp(.875rem,4vw,1.5rem);max-width:72%}.element-card__title{font-size:clamp(1.25rem,5.5vw,1.5rem);margin-bottom:.65rem}.element-card__description{font-size:.8125rem;line-height:1.45}}@media(min-width:350px)and (max-width:420px){.element-card__text{top:12rem;bottom:auto;left:clamp(1rem,3.5vw,1.4rem);max-width:74%}}@media(min-width:421px)and (max-width:470px){.element-card__text{top:15rem;bottom:auto;left:clamp(1rem,3.5vw,1.4rem);max-width:74%}}@media(min-width:471px)and (max-width:550px){.element-card__text{top:17rem;bottom:auto;left:clamp(1rem,3.5vw,1.4rem);max-width:74%}.element-card__title{font-size:clamp(1.55rem,4.6vw,1.85rem);margin-bottom:.7rem}.element-card__description{font-size:1rem;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-element-cards.css.map */