.naturalos-why{background:linear-gradient(180deg,var(--naturalos-cream) 0%,#ffffff 24%,#ffffff 100%)}.naturalos-why__header{text-align:center;max-width:58rem;margin:0 auto 5.6rem}.naturalos-why__title{position:relative;color:var(--naturalos-deep-green);margin:0 0 1.2rem;padding-bottom:1.6rem}.naturalos-why__title:after{content:"";position:absolute;left:50%;bottom:0;width:5.6rem;height:.3rem;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,var(--naturalos-primary),var(--naturalos-primary-light))}.naturalos-why__subtitle{margin:0;color:var(--naturalos-warm-gray);font-size:1.6rem;line-height:1.65}.naturalos-why__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:stretch}@media screen and (min-width:750px){.naturalos-why__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem}}@media screen and (min-width:990px){.naturalos-why__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.naturalos-why__card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:1.6rem;border:1px solid rgba(45,74,62,.07);box-shadow:0 4px 20px #2d4a3e0f,0 1px 3px #2d4a3e0a;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.naturalos-why__card:hover{transform:translateY(-.5rem);box-shadow:0 16px 36px #2d4a3e1a,0 4px 12px #3da80d14}.naturalos-why__card-media{position:relative;width:calc(100% - 2.4rem);aspect-ratio:1 / 1;margin:1.2rem 1.2rem 0;border-radius:1.2rem;overflow:hidden;background:var(--naturalos-subtle)}.naturalos-why__card-media img,.naturalos-why__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.naturalos-why__card-placeholder{background:linear-gradient(135deg,var(--naturalos-subtle),var(--naturalos-cream))}.naturalos-why__card:hover .naturalos-why__card-media img{transform:scale(1.05)}.naturalos-why__card-body{display:flex;flex-direction:column;flex:1;gap:.8rem;padding:1.8rem 2rem 2.4rem;text-align:left}.naturalos-why__card-title{margin:0;color:var(--naturalos-deep-green);font-size:1.65rem;line-height:1.35}.naturalos-why__card-text{margin:0;color:var(--naturalos-warm-gray);font-size:1.4rem;line-height:1.6}@media screen and (max-width:749px){.naturalos-why__header{margin-bottom:4rem}.naturalos-why__card-media{width:calc(100% - 2rem);margin:1rem 1rem 0}.naturalos-why__card-body{padding:1.6rem 1.6rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-naturalos-why.css.map */