.banner-image{position:relative;background-color:transparent;overflow:hidden}.banner-image__media{padding-bottom:var(--ratio-percent)}.banner-image__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.banner-image__inner{width:100%;height:100%;position:absolute;top:0;left:0;display:grid;grid-template-columns:minmax(66%,auto);place-content:var(--content-position-vertical, center) var(--content-position-horizontal, center)}.banner-image__content{padding:var(--spacing--xl)}.banner-image__heading{--size--xl: 1.75rem;line-height:1.33;margin:var(--spacing--md) 0}.banner-image__sub-heading+.banner-image__heading{margin-top:.15em}.banner-image__text{margin:var(--spacing--xs) 0}.banner-image__heading+.banner-image__text{margin-top:-1rem}.banner-image__button{gap:var(--spacing--xxs)}.banner-image__button svg{vertical-align:middle}@media screen and (max-width: 767px){.banner-image__content{padding:var(--spacing--md)}.banner-image__heading{--font-body-scale: .85}}@media (hover: hover){:where(.banner-image--hover-zoom) .banner-image__image{transition:1s}:where(.banner-image--hover-zoom:hover) .banner-image__image{transform:scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-banner-image.css.map */