.skincare-story,.skincare-story__inner{width:100%}.skincare-story__header{max-width:850px;margin-inline:auto;text-align:center}.skincare-story__heading{margin:0}.skincare-story__description{max-width:760px;margin:18px auto 60px;color:rgb(var(--color-foreground-rgb) / .7);font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height)}.skincare-story__description p{margin:0}.skincare-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-lg);margin-top:var(--margin-4xl)}.skincare-story__card{position:relative;min-height:520px;overflow:hidden;border-radius:var(--style-border-radius-cards);isolation:isolate;border-radius:15px}.skincare-story__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--animation-easing)}.skincare-story__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#eeeeea}.skincare-story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgb(0 0 0 / calc(var(--overlay-opacity) + .1)),rgb(0 0 0 / var(--overlay-opacity)) 40%,#0000001a);pointer-events:none}.skincare-story__card-content{position:relative;z-index:2;padding:40px 20px;color:#fff}.skincare-story__card-heading{margin:0;color:#fff}.skincare-story__card-description{max-width:90%;margin-top:var(--margin-sm);color:#ffffffe0;font-family:var(--font-paragraph--family);font-size:var(--font-size--sm);line-height:1.5}.skincare-story__card-description p{margin:0}.skincare-story__card-heading.h3{font-weight:400}@media(hover:hover){.skincare-story__card:hover .skincare-story__image{transform:scale(1.04)}}@media screen and (max-width:989px){.skincare-story__grid{gap:var(--gap-md)}.skincare-story__card{min-height:400px}.skincare-story__card-content{padding:var(--padding-lg)}}@media screen and (max-width:749px){.skincare-story__header{max-width:100%}.skincare-story__description{margin-top:var(--margin-sm)}.skincare-story__grid{grid-template-columns:1fr;gap:var(--gap-md);margin-top:var(--margin-2xl)}.skincare-story__card{min-height:270px}.skincare-story__card-content{padding:var(--padding-lg)}.skincare-story__button-wrap{margin-top:var(--margin-2xl)}.skincare-story__inner{padding-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/skincare-story.css.map */