.material-story{padding:0}.material-story__container{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media screen and (min-width:990px){.material-story__container{grid-template-columns:1fr 1fr;gap:6rem}.material-story__container--reverse{direction:rtl}.material-story__container--reverse>*{direction:ltr}}.material-story__media-wrapper{position:relative}.material-story__media{position:relative;overflow:hidden;border-radius:var(--media-radius, 0);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.material-story__media img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4 / 5;transition:transform .8s cubic-bezier(.4,0,.2,1)}.material-story__media:hover img{transform:scale(1.04)}.material-story__media--placeholder{background:rgba(var(--color-foreground),.04);aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center}.material-story__media--placeholder svg{width:50%;height:auto;fill:rgba(var(--color-foreground),.1)}.material-story__stat-card{position:absolute;bottom:-2rem;right:-1rem;background:rgb(var(--color-background));padding:2rem 2.5rem;max-width:28rem;box-shadow:0 8px 40px #00000014;border-radius:var(--text-boxes-radius, 0);transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease}.material-story__stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}@media screen and (min-width:750px){.material-story__stat-card{bottom:2rem;right:-3rem;padding:2.5rem 3rem}}@media screen and (min-width:990px){.material-story__stat-card{right:-5rem}}.material-story__stat-label{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground),.5);margin:0 0 .5rem;font-weight:500}.material-story__stat-number{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;color:rgb(var(--color-foreground));line-height:1;margin:0 0 1rem}.material-story__stat-text{font-size:1rem;line-height:1.6;color:rgba(var(--color-foreground),.75);margin:0}.material-story__content{padding:2rem 0}@media screen and (min-width:990px){.material-story__content{padding:4rem 0}}.material-story__heading{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;color:rgb(var(--color-foreground));margin:0 0 3rem;line-height:1.15}.material-story__features{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.material-story__feature{position:relative;padding-left:2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);cursor:default}.material-story__feature:hover{transform:translate(6px)}.material-story__feature:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--material-story-accent-color, rgb(var(--color-foreground)));border-radius:2px;transition:width .3s ease,background .3s ease}.material-story__feature:hover:before{width:5px}.material-story__feature-title{font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 .5rem;line-height:1.3}.material-story__feature-text{font-size:1.2rem;line-height:1.65;color:rgba(var(--color-foreground),.7);margin:0;transition:color .3s ease}.material-story__feature:hover .material-story__feature-text{color:rgba(var(--color-foreground),.85)}.material-story__cta{display:inline-flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--color-foreground));text-decoration:none;transition:gap .25s ease}.material-story__cta:hover{gap:1rem}.material-story__cta svg{width:1.2rem;height:1.2rem;stroke:currentColor;stroke-width:2;fill:none;transition:transform .25s ease}.material-story__cta:hover svg{transform:translate(2px)}.material-story__media-wrapper.scroll-trigger.animate--slide-in,.material-story__content.scroll-trigger.animate--slide-in{opacity:0}.material-story__media-wrapper.scroll-trigger.animate--slide-in.scroll-trigger--animate,.material-story__content.scroll-trigger.animate--slide-in.scroll-trigger--animate{opacity:1}.material-story__feature.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(1rem)}.material-story__feature.scroll-trigger.animate--slide-in.scroll-trigger--animate{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.material-story__media img,.material-story__stat-card,.material-story__feature,.material-story__feature:before,.material-story__feature-text{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-material-story.css.map */