.about-hero-section{overflow:hidden}[class*=about-hero-] .about-hero__inner{display:grid;grid-template-columns:1fr;gap:2rem;max-width:100rem;margin:0 auto;padding:0 1.5rem;align-items:center}[class*=about-hero-] .about-hero__title{font-family:var(--font-heading-family);font-size:var(--title-size-mobile);font-weight:600;line-height:1.15;margin:0 0 1rem;color:rgb(var(--color-foreground))}[class*=about-hero-] .about-hero__title-accent{color:var(--accent-color);font-style:italic}[class*=about-hero-] .about-hero__subtitle{font-family:var(--font-body-family);font-size:var(--subtitle-size-mobile);line-height:1.6;color:rgba(var(--color-foreground),.75);margin:0 0 1.5rem;max-width:32rem}[class*=about-hero-] .about-hero__button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--accent-color);color:#fff;font-family:var(--font-body-family);font-size:14px;font-weight:500;text-decoration:none;border-radius:var(--inputs-radius, 6px);transition:opacity .15s ease}[class*=about-hero-] .about-hero__button:hover{opacity:.88}[class*=about-hero-] .about-hero__media{position:relative;width:100%}[class*=about-hero-] .about-hero__image{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}[class*=about-hero-] .about-hero__image--placeholder{aspect-ratio:4 / 3;background:rgba(var(--color-foreground),.06);display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;font-family:var(--font-body-family);font-size:13px;color:rgba(var(--color-foreground),.5)}[class*=about-hero-] .about-hero__product{position:absolute;bottom:-5%;right:5%;width:34%;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18))}[class*=about-hero-] .about-hero__leaf{position:absolute;top:-8%;left:8%;width:28px;height:28px;color:var(--accent-color);opacity:.85}[class*=about-hero-] .about-hero__squiggle{position:absolute;top:6%;left:32%;width:60px;height:16px;color:rgba(var(--color-foreground),.35)}@media screen and (min-width:990px){[class*=about-hero-] .about-hero__inner{grid-template-columns:1fr 1.2fr;gap:3rem}[class*=about-hero-] .about-hero__title{font-size:var(--title-size-desktop)}[class*=about-hero-] .about-hero__subtitle{font-size:var(--subtitle-size-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-about-hero.css.map */