.why30-section{position:relative;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden;padding-top:var(--why30-padding-top);padding-bottom:var(--why30-padding-bottom)}.why30-vine{position:absolute;left:0;bottom:-2rem;width:12rem;max-width:20vw;pointer-events:none;z-index:0}.why30-vine img{width:100%;height:auto;display:block;mix-blend-mode:multiply;opacity:.9}.why30-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:2rem;max-width:1400px}.why30-content{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem;padding-right:2rem}.why30-heading{margin:0;font-family:var(--font-heading-family, serif);font-weight:700;font-size:clamp(4.5rem,8vw,6.5rem);line-height:1.05;color:rgb(var(--color-foreground))}.why30-subheading{margin:0;font-family:var(--font-heading-family, serif);font-weight:700;font-size:clamp(2.7rem,4.8vw,3.7rem);line-height:1.35}.why30-accent{color:rgb(var(--color-foreground))}.why30-accent--green{color:var(--why30-color-green)}.why30-accent--orange{color:var(--why30-color-orange)}.why30-accent--pink{color:var(--why30-color-pink)}.why30-body{margin:0;max-width:68rem;color:rgba(var(--color-foreground),.85);font-size:2rem;line-height:1.6}.why30-body p{margin:0}.why30-button{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;padding:1.9rem 4rem;border-radius:999px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:2rem;font-weight:600;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.why30-button:hover{opacity:.88;transform:translateY(-1px)}.why30-media{position:relative;width:100%;margin-right:calc((100vw - 1400px)/-2)}.why30-media img{display:block;width:100%;height:auto}.why30-media-placeholder svg{width:100%;height:auto}@media screen and (max-width:1440px){.why30-media{margin-right:0}}@media screen and (max-width:989px){.why30-inner{grid-template-columns:1fr;gap:2.5rem}.why30-content{padding-right:0;align-items:flex-start;text-align:left}.why30-media{order:-1}.why30-vine{display:none}}@media screen and (max-width:749px){.why30-heading{font-size:clamp(4rem,16vw,5rem)}.why30-subheading{font-size:clamp(2.4rem,10vw,3rem)}.why30-body{font-size:1.6rem}.why30-button{padding:1.5rem 3rem;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/30plants-secondary-banner.css.map */