.sano-why-us{color:var(--color-text, #151616);background:var(--color-surface, #fff);border-top:1px solid var(--color-border, #dedfd9);border-bottom:1px solid var(--color-border, #dedfd9)}.sano-why-us__container{width:min(100%,var(--layout-content-max, 82.5rem));margin-inline:auto;padding:clamp(3rem,5vw,4.25rem) var(--layout-gutter, 2.5rem)}.sano-why-us__header{max-width:40rem;margin-bottom:clamp(1.5rem,2.5vw,2.25rem)}.sano-why-us__eyebrow{display:flex;align-items:center;gap:.625rem;margin:0 0 .625rem;color:var(--color-text-muted, #5f625f);font-size:var(--font-size-label, .75rem);font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.sano-why-us__eyebrow:before{content:"";width:1.75rem;height:1px;flex:0 0 auto;background:var(--color-accent-gold, #c68b2c);transform-origin:left center}.sano-why-us__heading{margin:0;color:var(--color-text, #151616);font-family:var(--font-family-display, sans-serif);font-size:clamp(2.5rem,4.5vw,4rem);font-weight:400;letter-spacing:.01em;line-height:.95;text-transform:uppercase}.sano-why-us__copy{max-width:36rem;margin-top:.875rem;color:var(--color-text-muted, #5f625f);font-size:1rem;line-height:1.55}.sano-why-us__copy>*:last-child{margin-bottom:0}.sano-why-us__grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-border, #dedfd9);border-radius:1rem;overflow:hidden;isolation:isolate}.sano-why-us__grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 20%,rgba(198,139,44,.68) 48%,transparent 76%);transform:translate(-115%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.sano-why-us.is-motion-ready.is-revealed .sano-why-us__grid:after{animation:sano-trust-border-shine .62s ease-out 90ms both}.sano-why-us__card{min-width:0;min-height:7.5rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:clamp(1rem,1.8vw,1.5rem);background:var(--color-surface, #fff);border-right:1px solid var(--color-border, #dedfd9)}.sano-why-us__card:last-child{border-right:0}.sano-why-us.is-motion-ready .sano-why-us__card{opacity:0;transform:translateY(.5rem)}.sano-why-us.is-motion-ready.is-revealed .sano-why-us__card{opacity:1;transform:translateY(0);transition:opacity .52s ease var(--sano-trust-delay, 0ms),transform .52s cubic-bezier(.22,1,.36,1) var(--sano-trust-delay, 0ms)}.sano-why-us.is-motion-ready .sano-why-us__eyebrow:before{transform:scaleX(0)}.sano-why-us.is-motion-ready.is-revealed .sano-why-us__eyebrow:before{transform:scaleX(1);transition:transform .56s cubic-bezier(.22,1,.36,1)}.sano-why-us__icon{width:2.75rem;height:2.75rem;flex:0 0 2.75rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-contrast, #0b0c0c);background:var(--color-primary, #eefb13);border-radius:50%;font-size:1.125rem;line-height:1}.sano-why-us__card-content{min-width:0}.sano-why-us__card-title{margin:0;color:var(--color-text, #151616);font-family:var(--font-family-body, sans-serif);font-size:1rem;font-weight:800;line-height:1.25}.sano-why-us__card-text{margin:.35rem 0 0;color:var(--color-text-muted, #5f625f);font-size:.8125rem;line-height:1.45}.sano-why-us__check{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;color:#0a8f55;border:1.5px solid currentColor;border-radius:50%;font-size:.75rem}.sano-why-us.is-motion-ready .sano-why-us__check{opacity:.6;transform:scale(.85)}.sano-why-us.is-motion-ready.is-revealed .sano-why-us__check{opacity:1;transform:scale(1);transition:opacity .3s ease calc(var(--sano-trust-delay, 0ms) + .18s),transform .3s cubic-bezier(.22,1,.36,1) calc(var(--sano-trust-delay, 0ms) + .18s)}@keyframes sano-trust-border-shine{0%{opacity:0;transform:translate(-115%)}28%{opacity:1}to{opacity:0;transform:translate(115%)}}@media(hover:hover)and (pointer:fine){.sano-why-us__card{transition:background-color .18s ease}.sano-why-us__card:hover{background:#fafaf7}}@media(max-width:799px){.sano-why-us__grid{grid-template-columns:1fr}.sano-why-us__card{border-right:0;border-bottom:1px solid var(--color-border, #dedfd9)}.sano-why-us__card:last-child{border-bottom:0}}@media(max-width:599px){.sano-why-us__container{padding:2.5rem 1.25rem}.sano-why-us__header{margin-bottom:1.375rem}.sano-why-us__eyebrow{margin-bottom:.5rem;font-size:.6875rem}.sano-why-us__eyebrow:before{width:1.25rem}.sano-why-us__heading{font-size:2rem;line-height:1.02}.sano-why-us__copy{margin-top:.75rem;font-size:.9375rem;line-height:1.45}.sano-why-us__grid{border-radius:.875rem}.sano-why-us__card{min-height:5.25rem;gap:.75rem;padding:.75rem .875rem}.sano-why-us__icon{width:2.75rem;height:2.75rem;flex-basis:2.75rem}.sano-why-us__card-title{font-size:1rem}.sano-why-us__card-text{font-size:.8125rem;line-height:1.4}.sano-why-us__check{width:1.375rem;height:1.375rem;font-size:.6875rem}}@media(max-width:374px){.sano-why-us__heading{font-size:1.875rem}}@media(prefers-reduced-motion:reduce){.sano-why-us__grid:after{animation:none!important}.sano-why-us__eyebrow:before,.sano-why-us__card,.sano-why-us__check{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-sano-why-us.css.map */