.wl-about-hero{position:relative;overflow:hidden;background:linear-gradient(to bottom right,rgba(var(--color-aura-blue),.55),rgb(var(--color-paper)),rgba(var(--color-aura-blue),.55))}.wl-about-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wl-about-hero__bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;filter:blur(6px) grayscale(1);transform:scale(1.05)}.wl-about-hero__blob{position:absolute;border-radius:50%;filter:blur(64px)}.wl-about-hero__blob--1{top:-3rem;right:-3rem;width:20rem;height:20rem;background-color:rgba(var(--color-aura-blue),.4)}.wl-about-hero__blob--2{top:38%;left:-3rem;width:22rem;height:22rem;background-color:rgba(var(--color-accent-pale),.4)}.wl-about-hero__blob--3{top:33%;left:50%;transform:translate(-50%);width:18rem;height:18rem;background-color:rgba(var(--color-paper),.4)}.wl-about-hero__blob--4{bottom:-3rem;right:25%;width:19rem;height:19rem;background-color:rgba(var(--color-aura-blue),.35)}@media screen and (min-width:768px){.wl-about-hero__blob--1{top:-6rem;right:-5rem;width:34rem;height:34rem}.wl-about-hero__blob--2{left:-5rem;width:37rem;height:37rem}.wl-about-hero__blob--3{width:30rem;height:30rem}.wl-about-hero__blob--4{bottom:-6rem;width:33rem;height:33rem}}@media screen and (min-width:1200px){.wl-about-hero__blob--1{top:-8rem;right:-6rem;width:48rem;height:48rem}.wl-about-hero__blob--2{left:-6rem;width:52rem;height:52rem}.wl-about-hero__blob--3{width:42rem;height:42rem}.wl-about-hero__blob--4{bottom:-8rem;width:46rem;height:46rem}}.wl-about-hero__tint{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-paper),.15)}.wl-about-hero__section{position:relative}.wl-about-hero__grid{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:start}@media screen and (min-width:990px){.wl-about-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4.8rem}}.wl-about-hero__media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:5 / 4;background-color:rgb(var(--color-accent-pale))}@media screen and (min-width:768px){.wl-about-hero__media{aspect-ratio:6 / 5}}.wl-about-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.wl-about-hero__content{position:relative}@media screen and (min-width:990px){.wl-about-hero__content{padding-top:2.4rem}}.wl-about-hero__eyebrow{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgb(var(--color-accent-deep));margin:0 0 1.2rem}@media screen and (min-width:768px){.wl-about-hero__eyebrow{font-size:1.4rem}}.wl-about-hero__heading{font-size:3.6rem;line-height:1.05;color:rgb(var(--color-foreground));margin:0 0 1.6rem}@media screen and (min-width:768px){.wl-about-hero__heading{font-size:4.8rem}}@media screen and (min-width:1200px){.wl-about-hero__heading{font-size:6rem}}.wl-about-hero__text{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.7)}@media screen and (min-width:768px){.wl-about-hero__text{font-size:1.8rem}}.wl-about-hero__text p{margin:0}.wl-about-hero__cards{position:relative;display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3.2rem}@media screen and (min-width:768px){.wl-about-hero__cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4rem}}@media screen and (min-width:990px){.wl-about-hero__cards{margin-top:-9.6rem;max-width:58%;margin-left:auto}}.wl-about-hero__card{border-radius:16px;padding:2rem 2.4rem;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px rgba(var(--color-ink),.08)}.wl-about-hero__card--green{background-color:rgb(var(--color-accent-pale))}.wl-about-hero__card--sand{background-color:rgb(var(--color-aura-sand))}.wl-about-hero__card-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:rgb(var(--color-paper));color:rgb(var(--color-accent-deep));box-shadow:0 1px 2px #0000000d;margin-bottom:1.2rem}.wl-about-hero__card-icon svg{width:2rem;height:2rem}.wl-about-hero__card-title{font-size:1.8rem;line-height:1.3;color:rgb(var(--color-foreground));margin:0 0 .6rem}@media screen and (min-width:768px){.wl-about-hero__card-title{font-size:2rem}}.wl-about-hero__card-text{font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.75);margin:0}@media screen and (min-width:768px){.wl-about-hero__card-text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-welloura-about-hero.css.map */
