.section-hero-banner{margin-top:calc(-1 * var(--header-height, 86px))!important;padding-top:0!important}.hero-banner{position:relative;overflow:hidden;width:100%}.hero-banner__media{position:relative;width:100%}.hero-banner__img{width:100%;height:auto;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 80px,rgba(0,0,0,.4) 150px,rgba(0,0,0,.15) 220px,transparent 320px),linear-gradient(to left,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 35%,rgba(0,0,0,.08) 65%,transparent 100%)}.hero-banner__content{position:absolute;bottom:3.5rem;right:4rem;text-align:right;max-width:clamp(380px,34vw,640px);z-index:2}.hero-banner__eyebrow{display:block;font-size:clamp(.75rem,.9vw,1.5rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e17512;margin-bottom:.75rem}.hero-banner__heading{font-size:clamp(2.2rem,3.5vw,4.5rem);font-weight:800;line-height:1.1;color:#fff;margin:0 0 1.5rem;text-shadow:0 2px 16px rgba(0,0,0,.35);text-wrap:balance}.hero-banner__btn{display:inline-block;background:#e17512;color:#fff;padding:clamp(.8rem,1.1vw,1.5rem) clamp(2rem,2.8vw,4rem);font-size:clamp(1rem,1.3vw,1.9rem);font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:3px;text-decoration:none;transition:background .25s ease,box-shadow .25s ease}.hero-banner__btn:hover{background:#c96510;box-shadow:0 4px 20px #e1751273}.section-header{z-index:100!important}.section-header:not(.shopify-section-header-sticky) .header-wrapper{background-color:transparent!important;background:transparent!important;background-attachment:initial!important;box-shadow:none!important}.template-index .section-header:not(.shopify-section-header-sticky) .header__icon{color:#000!important}.template-index .section-header:not(.shopify-section-header-sticky) .header__heading-logo{filter:invert(1)}.section-header.shopify-section-header-sticky .header-wrapper{transform:translateY(-100%)!important}@media screen and (max-width:989px){.hero-banner__content{right:2.5rem;bottom:2.5rem;max-width:380px}}@media screen and (max-width:749px){.hero-banner__img{width:calc(100% / .75);margin-left:calc(-10% / .75)}.hero-banner__content{bottom:2rem;left:0;right:0;text-align:center;max-width:100%;padding:0 1.5rem}.hero-banner__heading{font-size:2.475rem}.hero-banner__btn{padding:1.16rem 2.97rem;font-size:1.46rem}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-hero-banner.css.map */