.hero-30{position:relative;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding-block:clamp(1.5rem,3vw,3rem);overflow:hidden}.hero-30__vine{position:absolute;left:-1rem;top:0;height:100%;width:7rem;z-index:0;display:none;pointer-events:none}.hero-30__vine--image{width:auto;max-width:9rem;height:92%;top:4%;object-fit:contain;object-position:top left;mix-blend-mode:multiply}@media screen and (min-width:1200px){.hero-30__vine{display:block}}.hero-30__wave{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(2.5rem,6vw,5rem);z-index:1;pointer-events:none}.hero-30__inner{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;position:relative;z-index:2}@media screen and (min-width:990px){.hero-30__inner{grid-template-columns:.85fr 1.15fr;gap:3rem}}.hero-30__heading{font-family:var(--font-heading-family, Georgia, serif);font-weight:700;line-height:1.05;margin:0 0 1.5rem;font-size:clamp(3.75rem,7vw,6.5rem);color:rgb(var(--color-foreground))}.hero-30__heading-line{display:block}.hero-30__heading-line--solid{color:rgb(var(--color-foreground))}.hero-30__subheading{font-size:1.4rem;line-height:1.55;max-width:38rem;color:rgba(var(--color-foreground),.75);margin:0 0 2.5rem}.hero-30__buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.75rem}.hero-30__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:4.25rem;padding:0 2.75rem;border-radius:999px;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1;text-decoration:none;border:1.5px solid rgb(var(--color-button));transition:transform .15s ease,opacity .15s ease;cursor:pointer}.hero-30__button:after,.hero-30__button:before{content:none!important}.hero-30__button:hover{transform:translateY(-1px);opacity:.88;text-decoration:none}.hero-30__button--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.hero-30__button--secondary{background:transparent;color:rgb(var(--color-button))}.hero-30__features{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem;max-width:40rem}@media screen and (min-width:480px){.hero-30__features{grid-template-columns:repeat(4,1fr)}}.hero-30__feature{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.hero-30__feature-icon{width:2.5rem;height:2.5rem;color:rgb(var(--color-button))}.hero-30__feature-icon svg{width:100%;height:100%}.hero-30__feature-label{font-size:1rem;line-height:1.35;color:rgb(var(--color-foreground));font-weight:500}.hero-30__media{position:relative;width:118%;max-width:none;aspect-ratio:5 / 4}.hero-30__media-blob{position:absolute;top:2%;right:-4%;width:92%;height:96%;background:rgb(var(--color-button));border-radius:42% 58% 55% 45%/48% 42% 58% 52%;z-index:0}.hero-30__image-wrap{position:absolute;z-index:1;left:0;bottom:0;width:94%;height:96%}.hero-30__image,.hero-30__image--placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom left;border-radius:1rem}.hero-30__badge{position:absolute;z-index:2;top:var(--badge-top, 88%);left:var(--badge-left, 92%);width:var(--badge-size, 6.5rem);height:var(--badge-size, 6.5rem);border-radius:50%;background:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;text-align:center;padding:.75rem;box-shadow:0 4px 16px #0000001f;transform:translate(-50%,-50%) rotate(var(--badge-rotation, -8deg))}.hero-30__badge span{font-size:var(--badge-font-size, .8rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;color:rgb(var(--color-foreground))}@media screen and (max-width:480px){.hero-30__badge{width:calc(var(--badge-size, 6.5rem) * .78);height:calc(var(--badge-size, 6.5rem) * .78)}}@media screen and (max-width:989px){.hero-30__content{display:contents}.hero-30__heading{order:1}.hero-30__subheading{order:2;margin-bottom:.5rem}.hero-30__media{order:3;margin-top:-1.5rem;width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;aspect-ratio:4 / 3}.hero-30__image-wrap{width:100%;height:100%;left:0;bottom:0}.hero-30__image,.hero-30__image--placeholder{object-fit:cover;object-position:center}.hero-30__buttons{order:4}.hero-30__features{order:5}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero-30plants.css.map */