.cn-hero-product-led{--cn-hero-cream: #F7F1E7;--cn-hero-cream-warm: #FBF7F0;--cn-hero-green: #214D36;--cn-hero-green-700: #4E6E2E;--cn-hero-ink: #171717;--cn-hero-muted: #3A3A36;--cn-hero-border: rgba(33, 77, 54, .18);position:relative;z-index:0;overflow-x:clip;background:radial-gradient(circle at 82% 12%,#e7d9bf85 0,#e7d9bf3d 24rem,#f7f1e700 43rem),radial-gradient(circle at 18% 8%,#fbf7f09e 0,#f7f1e700 32rem),var(--cn-hero-cream);color:var(--cn-hero-ink)}.cn-hero-product-led .cn-hero__inner{box-sizing:border-box;position:relative;width:min(100%,151rem);margin-inline:auto;padding:4.2rem 2rem 3rem}.cn-hero-product-led .cn-hero__content{position:relative;z-index:auto;max-width:64rem}.cn-hero-product-led .cn-hero__eyebrow{margin:0 0 1.5rem;color:var(--cn-hero-green);font-family:var(--font-body-family);font-size:clamp(1.3rem,3.25vw,1.55rem);font-weight:700;line-height:1.3;letter-spacing:.075em;text-transform:uppercase}.cn-hero-product-led .cn-hero__heading{margin:0;color:var(--cn-hero-green);font-family:var(--font-heading-family);font-size:clamp(4.9rem,12.8vw,6.4rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:.96;letter-spacing:-.018em;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.cn-hero-product-led .cn-hero__heading-line{display:block}.cn-hero-product-led .cn-hero__heading-line:first-child{color:var(--cn-hero-ink)}.cn-hero-product-led .cn-hero__subheading{max-width:54rem;margin:1.8rem 0 0;color:var(--cn-hero-ink);font-family:var(--font-body-family);font-weight:400;font-size:clamp(1.7rem,3.85vw,1.85rem);line-height:1.42}.cn-hero-product-led .cn-hero__actions{display:grid;gap:1.2rem;margin-top:2.4rem}.cn-hero-product-led .cn-hero__button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;width:100%;padding:1.4rem 2.4rem;border:.1rem solid var(--cn-hero-green);border-radius:1.2rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;line-height:1.2;letter-spacing:.02em;text-align:center;text-decoration:none}.cn-hero-product-led .cn-hero__button--primary{background:var(--cn-hero-green);color:var(--cn-hero-cream)}.cn-hero-product-led .cn-hero__button--primary:hover{background:var(--cn-hero-green-700);border-color:var(--cn-hero-green-700);color:var(--cn-hero-cream)}.cn-hero-product-led .cn-hero__button--secondary{background:#fbf7f0b8;color:var(--cn-hero-green)}.cn-hero-product-led .cn-hero__button--secondary:hover{background:var(--cn-hero-cream-warm);color:var(--cn-hero-green)}.cn-hero-product-led .cn-hero__button:focus-visible{outline:.3rem solid rgba(33,77,54,.34);outline-offset:.3rem}.cn-hero-product-led .cn-hero__media{position:relative;display:flex;justify-content:center;margin:.8rem 0 0}.cn-hero-product-led .cn-hero__image{display:block;aspect-ratio:900 / 736;width:min(100%,58rem)}.cn-hero-product-led .cn-hero__image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}@media screen and (max-width:389px){.cn-hero-product-led .cn-hero__inner{padding-inline:1.6rem}.cn-hero-product-led .cn-hero__heading{font-size:clamp(4.25rem,12.2vw,4.8rem)}}@media screen and (min-width:750px){.cn-hero-product-led .cn-hero__inner{padding-inline:4rem}}@media screen and (min-width:750px)and (max-width:1199px){.cn-hero-product-led{background:radial-gradient(circle at 78% 18%,#e7d9bf80 0,#e7d9bf42 34rem,#f7f1e700 62rem),radial-gradient(circle at 15% 18%,#fbf7f094 0,#f7f1e700 38rem),var(--cn-hero-cream)}.cn-hero-product-led .cn-hero__inner{padding:5rem 4rem 4.2rem}.cn-hero-product-led .cn-hero__content{max-width:82rem}.cn-hero-product-led .cn-hero__eyebrow{margin-bottom:2rem;font-size:clamp(1.45rem,1.45vw,1.65rem)}.cn-hero-product-led .cn-hero__heading{font-size:clamp(7rem,8.8vw,9.4rem);line-height:.95}.cn-hero-product-led .cn-hero__subheading{max-width:62rem;margin-top:2.2rem;font-size:clamp(1.95rem,2.1vw,2.1rem)}.cn-hero-product-led .cn-hero__actions{max-width:68rem;gap:1.5rem;margin-top:3rem}.cn-hero-product-led .cn-hero__button{min-width:20rem;min-height:5.4rem;padding:1.45rem 3rem;font-size:clamp(1.7rem,1.65vw,1.85rem)}.cn-hero-product-led .cn-hero__media{justify-content:center;margin:2rem -2rem 0}.cn-hero-product-led .cn-hero__image{aspect-ratio:1384 / 988;width:min(100%,98rem)}}@media screen and (min-width:1200px){.cn-hero-product-led{background:radial-gradient(circle at 78% 18%,#e7d9bf80 0,#e7d9bf42 34rem,#f7f1e700 62rem),radial-gradient(circle at 15% 18%,#fbf7f094 0,#f7f1e700 38rem),var(--cn-hero-cream)}.cn-hero-product-led .cn-hero__inner{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);column-gap:clamp(5rem,5vw,8rem);align-items:center;min-height:clamp(58rem,43vw,64rem);padding:clamp(3rem,3vw,4.2rem) 4.4rem 3.6rem 5rem}.cn-hero-product-led .cn-hero__content{max-width:58rem}.cn-hero-product-led .cn-hero__eyebrow{font-size:1.45rem}.cn-hero-product-led .cn-hero__heading{font-size:clamp(8rem,5.6vw,9.6rem)}.cn-hero-product-led .cn-hero__subheading{max-width:54rem;font-size:2rem}.cn-hero-product-led .cn-hero__actions{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;width:fit-content;gap:1.8rem;margin-top:2.8rem}.cn-hero-product-led .cn-hero__button{width:auto;min-height:5.4rem;padding:1.4rem 2.8rem}.cn-hero-product-led .cn-hero__button--primary{width:24rem}.cn-hero-product-led .cn-hero__button--secondary{width:26rem}.cn-hero-product-led .cn-hero__media{align-self:center;justify-self:end;justify-content:flex-end;width:100%;max-width:80rem;min-width:0;margin:0}.cn-hero-product-led .cn-hero__image{aspect-ratio:1384 / 988;width:min(100%,80rem)}}@media screen and (min-width:1280px){.cn-hero-product-led .cn-hero__inner{padding-inline:5.8rem 5rem}.cn-hero-product-led .cn-hero__content{max-width:60rem}.cn-hero-product-led .cn-hero__heading{font-size:clamp(8.2rem,5.8vw,9.8rem)}.cn-hero-product-led .cn-hero__image{width:min(100%,82rem)}}@media screen and (min-width:1440px){.cn-hero-product-led .cn-hero__inner{column-gap:clamp(6rem,5.4vw,8.8rem);padding-inline:7rem 5.4rem}.cn-hero-product-led .cn-hero__content{max-width:62rem}.cn-hero-product-led .cn-hero__heading{font-size:clamp(8.6rem,5.2vw,10rem)}.cn-hero-product-led .cn-hero__media{max-width:88rem}.cn-hero-product-led .cn-hero__image{width:min(100%,88rem)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-cn-hero.css.map */