.image-banner{position:relative;overflow:hidden}.image-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.image-banner__media img,.image-banner__media svg{width:100%;height:100%;object-fit:cover;object-position:center}.image-banner__media parallax-component{position:absolute;top:-25%;left:0;width:100%;height:150%}.image-banner__content{height:100%;display:grid;grid-template-columns:minmax(50%,auto);place-content:var(--content-vertical, center) var(--content-horizontal, center);position:relative}.image-banner--height-fill .image-banner__content{min-height:100vh}.image-banner__box{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing--lg);padding:var(--spacing--lg)}.image-banner__heading{--font-body-scale: .5;margin:0}.image-banner__image-placeholder{max-width:220px;height:auto}.image-banner__text.body{color:rgb(var(--color-heading))}.image-banner__text.uppercase{color:rgb(var(--color-heading));font-weight:var(--font-body-weight-semibold);font-size:var(--size--xs)}.image-banner__button:not(.button--underline){--buttons-font-size: var(--size--xs);--buttons-min-height: 3.125rem;min-width:10rem}@media screen and (min-width: 768px){.image-banner__heading{--font-body-scale: .875}}@media screen and (max-width: 991px){.image-banner--height-small .image-banner__content{min-height:280px}.image-banner--height-medium .image-banner__content{min-height:340px}.image-banner--height-large .image-banner__content{min-height:390px}}@media screen and (min-width: 992px){.image-banner__content{padding:var(--spacing--2xl)}.image-banner--height-small .image-banner__content{min-height:420px}.image-banner--height-medium .image-banner__content{min-height:560px}.image-banner--height-large .image-banner__content{min-height:720px}.image-banner--height-adapt:before{content:"";display:block;padding-bottom:var(--ratio-percent)}.image-banner--height-adapt .image-banner__content{position:absolute;top:0;left:0;width:100%;height:100%}:where(.image-banner--left) .image-banner__content{place-content:center left}:where(.image-banner--right) .image-banner__content{place-content:center right}.image-banner__box{padding:var(--spacing--xl)}.image-banner__heading{--font-body-scale: 1}.image-banner__text.body{font-size:var(--size--base)}.image-banner__buttons{margin-top:var(--spacing--sm)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-image-banner.css.map */
