.hero-banner{background:var(--hb-bg, #ffffff);width:100%;overflow:hidden}.hero-banner__inner{position:relative;width:100%}.hero-banner__media{width:100%;line-height:0}.hero-banner__image{display:none;width:100%;height:auto;object-fit:cover}.hero-banner__image--desktop{display:block}.hero-banner__image--mobile{display:none}.hero-banner__image.placeholder{width:100%;height:auto;color:#e5e5e5}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto;align-items:start;padding:var(--hb-content-top, 48px) var(--hb-content-side, 48px) 0 var(--hb-content-side, 48px);pointer-events:none}.hero-banner__overlay a{pointer-events:auto}.hero-banner__content{grid-column:1;max-width:var(--hb-content-max-width, 560px)}.hero-banner__heading{font-size:40px;line-height:1.15;font-weight:500;margin:0 0 16px;color:var(--hb-heading-color, #1F6E43)}.hero-banner__subheading{font-size:16px;line-height:1.5;color:var(--hb-text-color, #6B6B6B);max-width:460px}.hero-banner__subheading p{margin:0}.hero-banner__buttons{grid-column:2;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.hero-banner__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:opacity .2s ease,background .2s ease}.hero-banner__btn:hover{opacity:.85}.hero-banner__btn--primary{background:var(--hb-btn-primary-bg, #1F6E43);color:var(--hb-btn-primary-color, #ffffff);border:1px solid var(--hb-btn-primary-bg, #1F6E43)}.hero-banner__btn--secondary{background:transparent;color:var(--hb-btn-secondary-color, #1F6E43);border:1px solid var(--hb-btn-secondary-border, #1F6E43)}.hero-banner__btn-arrow{font-size:14px;line-height:1}@media screen and (max-width:1023px){.hero-banner__inner{display:flex;flex-direction:column}.hero-banner__overlay{position:absolute;top:50px;display:flex;flex-direction:column;align-items:stretch;padding:28px 20px 20px;order:1;pointer-events:auto}.hero-banner__media{order:2}.hero-banner__content{max-width:100%}.hero-banner__heading{font-size:26px}.hero-banner__subheading{max-width:100%;margin-bottom:20px}.hero-banner__buttons{justify-content:flex-start;flex-direction:column;align-items:stretch}.hero-banner__btn{justify-content:center;width:100%}.hero-banner__image--desktop{display:none}.hero-banner__image--mobile{display:block}}.hero-banner__heading span{color:#6b6b6b;display:block}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-banner.css.map */