.natural-vs-synthetic__heading{font-size:4.8rem;font-weight:300;line-height:1.2;margin:0;max-width:51rem;color:rgba(var(--color-foreground-2))}.natural-vs-synthetic__wrapper{position:relative;width:100%;aspect-ratio:2 / 1;padding:8.5rem 0;background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;justify-content:flex-start}.natural-vs-synthetic__container{position:relative;z-index:2;width:100%}.natural-vs-synthetic__lines{display:flex;flex-direction:column;gap:6rem;margin-top:4rem;align-items:flex-end}.natural-vs-synthetic__line-item{display:flex;align-items:center;width:100%;max-width:55rem}.natural-vs-synthetic__line-item--1{margin-right:10%}.natural-vs-synthetic__line-item--2{margin-right:20%}.natural-vs-synthetic__line-item--3{margin-right:15%}.natural-vs-synthetic__circle{width:19.5rem;height:19.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:-1rem;position:relative;z-index:1}.natural-vs-synthetic__circle img{width:100%;height:100%;object-fit:cover}.natural-vs-synthetic__text{max-width:34.5rem;font-size:1.2rem;line-height:1.5;padding-left:2.5rem;color:rgba(var(--color-foreground-2));opacity:0;transition:opacity .3s ease}.natural-vs-synthetic__circle:hover+div .natural-vs-synthetic__text{opacity:1}@media screen and (max-width: 1200px){.natural-vs-synthetic__circle{width:15rem;height:15rem}.natural-vs-synthetic__line-item--1{margin-right:0rem}.natural-vs-synthetic__line-item--2{margin-right:10rem}.natural-vs-synthetic__line-item--3{margin-right:5rem}}@media screen and (max-width: 1025px){.natural-vs-synthetic__text{opacity:1}}@media screen and (max-width: 950px){.natural-vs-synthetic__line-item{max-width:50rem}}@media screen and (max-width: 767px){.natural-vs-synthetic__wrapper{min-height:auto;padding:5rem 0}.natural-vs-synthetic__line-item{max-width:43rem}.natural-vs-synthetic__lines{gap:4rem}.natural-vs-synthetic__circle{width:10rem;height:10rem}}@media screen and (max-width: 550px){.natural-vs-synthetic__lines{align-items:center}.natural-vs-synthetic__line-item{flex-direction:column;gap:2rem;align-items:flex-start;max-width:none}.natural-vs-synthetic__line-item svg{display:none}.natural-vs-synthetic__text{padding-left:0;max-width:none}.natural-vs-synthetic__line-item--2,.natural-vs-synthetic__line-item--3{margin-right:0rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-natural-vs-synthetic.css.map */