.introducing-hero-cards{position:relative;overflow:hidden;padding-top:40px;padding-bottom:80px}@media screen and (max-width:500px){.introducing-hero-cards{padding-bottom:10px}}.introducing-hero-cards .page-width{position:relative;z-index:2}.hero-cards__section-background-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);width:125%;max-width:100vw;z-index:0;pointer-events:none}.hero-cards__section-background-image{width:100%;height:auto;display:block;max-width:none;object-fit:contain;margin:0 auto}.hero-cards__header{text-align:center;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.hero-cards__heading{margin:0 0 16px}.hero-cards__subheading{color:rgba(var(--color-foreground),.8)}.hero-cards__animation-section{margin-bottom:80px;padding:40px 0;position:relative;z-index:1;min-height:400px}.hero-cards__cards-container{display:flex;flex-direction:row;gap:0px;width:100%;margin:0 auto;position:relative;z-index:1;perspective:1000px}.hero-card{position:relative;aspect-ratio:2.5 / 3.5;flex:1 1 0;min-width:0;opacity:0;transform:translateY(30px) scale(.9) rotate(var(--card-rotation, 0deg));transition:opacity .4s ease,transform .4s ease}.hero-card:first-child{margin-left:0}.hero-card:last-child{margin-right:0}.hero-card--visible{opacity:1;transform:translateY(0) scale(1) rotate(var(--card-rotation, 0deg))}.hero-card__inner{position:relative;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.hero-card--flipped .hero-card__inner{transform:rotateY(180deg)}.hero-card__front,.hero-card__back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000026;background:#fff;border:8px solid #ffffff;box-sizing:border-box}.hero-card__back{transform:rotateY(180deg)}.hero-card__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.hero-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border-radius:8px}.hero-cards__text-image-section{margin-top:60px;position:relative;z-index:1;min-height:400px;padding:60px 0}.hero-cards__text-image-section .hero-cards__section-background-image{margin-left:0!important;margin-right:auto!important}.hero-cards__text-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-cards__text-image-grid--text_first .hero-cards__image-wrapper{order:2}.hero-cards__text-image-grid--text_first .hero-cards__text-content{order:1}.hero-cards__text-content{background-color:#ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px}.hero-cards__image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:40px}.hero-cards__image-container{position:relative;width:100%;max-width:500px;transform:translate(var(--image-offset-x, 0%),var(--image-offset-y, 0%))}.hero-cards__image-container--top-left{align-self:flex-start;justify-self:flex-start}.hero-cards__image-container--top-right{align-self:flex-start;justify-self:flex-end}.hero-cards__image-container--bottom-left{align-self:flex-end;justify-self:flex-start}.hero-cards__image-container--bottom-right{align-self:flex-end;justify-self:flex-end}.hero-cards__feature-image{width:100%;height:auto;border-radius:16px;display:block}.hero-cards__feature-image-placeholder{width:100%;height:auto;min-height:400px;border-radius:16px;background:rgb(var(--color-background))}.hero-cards__text-content{margin-top:240px;padding:20px}.hero-cards__text-heading{margin:0 0 20px;font-weight:700}.hero-cards__text-description{margin-bottom:32px;color:rgba(var(--color-foreground),.85);line-height:1.6}.hero-cards__icon-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:20px}.hero-cards__icon-list-item{display:flex;align-items:flex-start;gap:16px}.hero-cards__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.hero-cards__icon-image{width:100%;height:100%;object-fit:contain}.hero-cards__icon-svg{width:24px;height:24px;stroke:currentColor;stroke-width:2px}.hero-cards__list-text{flex:1;line-height:1.6;padding-top:4px}.hero-cards__button-wrapper{margin-top:32px}@media screen and (max-width:989px){.hero-cards__cards-container{grid-template-columns:repeat(2,1fr);gap:20px}.hero-cards__text-image-grid{grid-template-columns:1fr;gap:40px}.hero-cards__text-content{margin-top:0}.hero-cards__text-image-grid--text_first .hero-cards__image-wrapper,.hero-cards__text-image-grid--text_first .hero-cards__text-content{order:initial}.hero-cards__image-wrapper{padding:20px}.hero-cards__animation-section{margin-bottom:60px}.hero-cards__text-image-section{padding-bottom:0}}@media screen and (max-width:749px){.hero-cards__header{margin-bottom:32px}.hero-cards__cards-container{flex-direction:column;align-items:center;gap:0;position:relative}.hero-card{aspect-ratio:2.5 / 3.5;width:100%;max-width:300px;margin-left:0;margin-right:0;margin-top:-400px;position:relative;z-index:var(--card-index, 1)}.hero-card:first-child{margin-top:0;z-index:1}.hero-card:nth-child(2){z-index:2}.hero-card:nth-child(3){z-index:3}.hero-card:nth-child(4){z-index:4}.hero-card:nth-child(5){z-index:5}.hero-card--flipped .hero-card__inner,.hero-card__back{transform:rotateX(180deg)}.hero-cards__animation-section{margin-bottom:40px;padding:20px 0}.hero-cards__text-image-section{margin-top:40px}.hero-cards__text-description{margin-bottom:24px}.hero-cards__icon-list{gap:16px;margin-bottom:24px}.hero-cards__icon{width:28px;height:28px}.hero-cards__icon-svg{width:20px;height:20px}.hero-cards__image-wrapper{padding:0}.hero-cards__image-container{max-width:100%}}@media screen and (max-width:480px){.hero-cards__cards-container{gap:0}.hero-card{max-width:280px;margin-top:-400px}.hero-card:first-child{margin-top:0}.hero-cards__text-image-section{margin-top:10rem;padding-top:0;z-index:-1}}@media(prefers-reduced-motion:reduce){.hero-card{transition:opacity .2s ease}.hero-card__inner{transition:transform .2s ease}.hero-card--visible{transform:translateY(0) scale(1)}}@media(prefers-contrast:high){.hero-card__front,.hero-card__back{border:2px solid currentColor}.hero-cards__icon-list-item{border-left:3px solid currentColor;padding-left:12px}}@media print{.hero-card{opacity:1;transform:none;page-break-inside:avoid}.hero-card--flipped .hero-card__inner{transform:none}.hero-card__back{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-introducing-hero-cards.css.map */