.lacto-why{position:relative;isolation:isolate}.lacto-why__blob{width:500px;height:500px;left:-10rem;top:8rem;background:#e4045126}.lacto-why__inner{position:relative;display:grid;gap:4.8rem;align-items:center}.lacto-why__eyebrow{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--lacto-pink);margin-bottom:1.2rem}.lacto-why__title{font-family:var(--font-heading-family);font-size:clamp(3.2rem,5vw,6rem);line-height:1.1;margin:0;color:rgb(var(--color-foreground));text-wrap:balance}.lacto-why__title-script{font-size:clamp(4rem,6vw,6.4rem)}.lacto-why__subtitle{margin:2.4rem 0 0;max-width:44.8rem;color:rgba(var(--color-foreground),.7);line-height:1.6}.lacto-why__tabs{display:flex;gap:.8rem;margin-bottom:2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.lacto-why__tab{padding:1.2rem 2rem;font-size:1.44rem;font-weight:600;font-family:inherit;background:none;border:0;cursor:pointer;position:relative;color:rgba(var(--color-foreground),.4);transition:color .2s ease}.lacto-why__tab:hover{color:rgba(var(--color-foreground),.7)}.lacto-why__tab.is-active{color:rgb(var(--color-foreground))}.lacto-why__tab.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lacto-pink)}.lacto-why__list{display:none;grid-template-columns:1fr;gap:1.6rem;margin:0;padding:0;list-style:none}.lacto-why__list.is-active{display:grid;animation:lacto-why-in .25s ease}@keyframes lacto-why-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lacto-why__item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.6rem;border-radius:2rem;background:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.9)}.lacto-why__check{font-family:var(--font-heading-family);color:var(--lacto-pink);font-size:2.4rem;line-height:1;flex-shrink:0}@media screen and (min-width:990px){.lacto-why__inner,.lacto-why__list.is-active{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.lacto-why__inner{justify-items:start}.lacto-why__copy,.lacto-why__eyebrow,.lacto-why__title,.lacto-why__subtitle{text-align:left}.lacto-why__subtitle{margin-left:0;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-lacto-why-us.css.map */