.hero-banner{--hero-banner-text-max-width: 316px;position:relative;display:grid}.hero-banner.rounded-lg{overflow:hidden}.hero-banner__media{grid-row:1;grid-column:1;position:relative;overflow:hidden}.hero-banner__media .hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-banner__container{grid-row:1;grid-column:1;position:relative}.hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2-5);max-width:var(--hero-banner-content-max-width, 440px);padding-block-start:var(--hero-banner-padding-top-mobile, var(--spacing-10));padding-block-end:calc(var(--hero-banner-padding-bottom-mobile, var(--spacing-10)) + var(--hero-banner-media-reserve, 0px))}.hero-banner__kicker{font-family:inherit;margin:0;font-size:var(--text-sm);text-transform:uppercase;color:rgb(var(--text-color));font-weight:500}.hero-banner__heading{margin:0;color:var(--hero-banner-heading-color)}.hero-banner__text{font-size:14px}.hero-banner__text p{margin-block:0}@media screen and (min-width:700px){.hero-banner{--hero-banner-text-max-width: 381px}.hero-banner__media .hero-banner__image{object-position:center}.hero-banner__content{gap:var(--spacing-5);max-width:var(--hero-banner-content-max-width, 440px);padding-block-start:var(--hero-banner-padding-top, var(--spacing-32));padding-block-end:var(--hero-banner-padding-bottom, var(--spacing-32))}.hero-banner__kicker{font-size:var(--text-base)}.hero-banner__text{font-size:var(--text-base);max-width:var(--hero-banner-text-max-width)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/hero-banner.css.map */