.hero-banner{position:relative;overflow:hidden;background:var(--gradient-background-1);min-height:var(--hero-banner-mobile-height, 480px);width:100%;border-radius:var(--hero-banner-corner-radius, 1.5rem)}@media screen and (min-width:768px){.hero-banner{min-height:var(--hero-banner-desktop-height, 640px)}}.hero-banner__media,.hero-banner__media picture,.hero-banner__media img,.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__media img{object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1);width:100%;height:100%}.hero-banner:hover .hero-banner__media img{transform:scale(1.03)}.hero-banner__placeholder-svg{width:100%;height:100%;display:block;background-color:#f2f2f2}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#2a201a0f,#2a201a57),rgb(42 32 26 / var(--slide-overlay-opacity, .3))}.hero-banner__content-wrap{position:relative;z-index:2;display:flex;flex-direction:column;min-height:inherit;width:100%;padding:2.5rem 1.5rem}@media screen and (min-width:768px){.hero-banner__content-wrap{padding:4.5rem}}.hero-banner__content{display:flex;flex-direction:column;max-width:42rem;color:var(--banner-content-color, var(--color-foreground));text-shadow:0 10px 30px rgb(42 32 26 / 20%);width:100%}.hero-banner__content-wrap--top{justify-content:flex-start}.hero-banner__content-wrap--middle{justify-content:center}.hero-banner__content-wrap--bottom{justify-content:flex-end}.hero-banner__content-wrap--align-left{align-items:flex-start}.hero-banner__content-wrap--align-center{align-items:center}.hero-banner__content-wrap--align-right{align-items:flex-end}.hero-banner__content--align-left{align-items:flex-start;text-align:left}.hero-banner__content--align-center{align-items:center;text-align:center}.hero-banner__content--align-right{align-items:flex-end;text-align:right}.hero-banner__heading{margin:0;font-size:clamp(2.25rem,8vw,3.85rem);line-height:1.1;font-weight:700;color:inherit}.hero-banner__subheading{margin-top:1rem;font-size:clamp(1rem,4vw,1.25rem);line-height:1.5;opacity:.95;color:inherit}.hero-banner__subheading p{margin:0}.hero-banner__footer{margin-top:2rem}.hero-banner__button{transition:all .3s ease}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-hero-banner.css.map */