.story-principles{background:#fff}.story-principles__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:771px;margin:0 auto 32px}.story-principles__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:100px;background:#dfeaff;color:#002b80;font-family:var(--font-ambit-semibold-family);text-transform:uppercase;line-height:normal}.story-principles__heading{margin:0;font-family:var(--font-recoleta-semibold-family);font-size:32px;line-height:1.2;color:#1c161a;letter-spacing:.6px}.story-principles__body p{margin:0;font-family:var(--font-body-family);font-size:16px;line-height:22px;color:#2f222b}.story-principles__grid{display:flex;flex-direction:column;gap:16px}.story-principles__card{position:relative;border-radius:24px;overflow:hidden;background:#f6f6f6;aspect-ratio:400 / 540}.story-principles__card div:empty{display:block!important}.story-principles__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.story-principles__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 45%,#000000d9)}.story-principles__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box}.story-principles__number{margin:0;font-family:var(--font-recoleta-semibold-family);font-size:40px;color:#fff}.story-principles__text{display:flex;flex-direction:column;gap:8px}.story-principles__card-heading{margin:0;font-family:var(--font-ambit-bold-family);font-size:22px;color:#fff}.story-principles__card-body p{margin:0;font-family:var(--font-body-family);font-size:15px;line-height:20px;color:#fff}@media screen and (max-width:900px)and (min-width:750px){.story-principles__content{padding:20px}.story-principles__number{font-size:44px!important}.story-principles__card-heading{font-size:22px!important;line-height:1.3}.story-principles__card-body p{font-size:16px!important;line-height:20px!important}}@media screen and (min-width:750px){.story-principles__heading{font-size:52px}.story-principles__body p{font-size:20px;line-height:24px}.story-principles__grid{flex-direction:row;gap:24px}.story-principles__card{flex:1;aspect-ratio:394 / 510}.story-principles__number{font-size:52px}.story-principles__card-heading{font-size:28px}.story-principles__card-body p{font-size:18px;line-height:24px}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/our-story-principles.css.map */