body{background:#f6f1f0!important}.hero-banner-section{background:#f6f1f0;width:100%}.hero-banner{position:relative;min-height:70vh;background:#f6f1f0;overflow:hidden;width:100%;border-radius:16px;display:flex;align-items:flex-end;padding:60px}.hero-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:88% center;border-radius:16px;transform:scale(1.2)}.hero-banner--homepage .hero-banner__image{object-position:center}@media screen and (max-width: 749px){.hero-banner--about .hero-banner__image{object-position:85% center;transform:scale(1.2)}}@media screen and (min-width: 750px){.hero-banner__image{object-position:center}}.hero-banner__content{position:relative;z-index:2;max-width:576px;display:flex;flex-direction:column;gap:24px}.hero-banner__text{display:flex;flex-direction:column;gap:18px}.hero-banner__heading{color:#f6f1f0;font-size:48px;font-family:"Lato",var(--font-heading-family);font-weight:700;line-height:1.2;margin:0}.hero-banner__description{color:#f6f1f0;font-size:20px;font-family:"Lato",var(--font-body-family);font-weight:300;line-height:1.4;margin:0}.hero-banner__buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-banner__button{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;text-decoration:none;font-size:18px;font-family:"Lato",var(--font-body-family);font-weight:600;transition:all .2s ease;white-space:nowrap}.hero-banner__button--primary{background:#f6f1f0;color:#272727}.hero-banner__button--secondary{background:#c5ded9;color:#272727}.hero-banner__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.hero-banner__button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hero-banner__button-icon svg{width:20px;height:20px;fill:currentColor}@media screen and (max-width: 1199px){.hero-banner{padding:40px}}@media screen and (max-width: 990px){.hero-banner{padding:30px;min-height:60vh}.hero-banner__heading{font-size:40px}.hero-banner__description{font-size:18px}}@media screen and (max-width: 749px){.hero-banner{padding:20px;min-height:50vh}.hero-banner__content{max-width:100%}.hero-banner__heading{font-size:32px}.hero-banner__description{font-size:16px}.hero-banner__buttons{flex-direction:column;align-items:stretch;gap:16px}.hero-banner__button{justify-content:center;font-size:16px}}@media screen and (max-width: 549px){.hero-banner{padding:16px}.hero-banner__heading{font-size:28px}.hero-banner__description{font-size:14px}.hero-banner__button{padding:12px 20px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-banner.css.map */