.image-banner{position:relative}.image-banner--m-small{--banner-h-mobile: 340px}.image-banner--m-medium{--banner-h-mobile: 460px}.image-banner--m-large{--banner-h-mobile: 580px}.image-banner--m-full{--banner-h-mobile: calc(100svh - var(--header-group-height, 0px))}.image-banner--m-adapt{--banner-h-mobile: 0px}@media screen and (min-width:750px){.image-banner--d-small{--banner-h: 460px}.image-banner--d-medium{--banner-h: 580px}.image-banner--d-large{--banner-h: 700px}.image-banner--d-full{--banner-h: calc(100svh - var(--header-group-height, 0px))}.image-banner--d-adapt{--banner-h: 0px}}.image-banner--overlay{display:grid;min-height:var(--banner-h-mobile, 0px)}.image-banner--overlay>*{grid-area:1 / 1}.image-banner__media{position:relative;overflow:hidden}.image-banner--overlay .image-banner__media .banner-media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.image-banner--overlay.image-banner--m-adapt .image-banner__media .banner-media{position:relative;inset:auto;height:auto}.image-banner__media .media__img{width:100%;height:100%;object-fit:cover}.image-banner--m-adapt .image-banner__media .media__img{height:auto}@media screen and (min-width:750px){.image-banner--overlay{min-height:var(--banner-h, 0px)}.image-banner--overlay.image-banner--d-adapt .image-banner__media .banner-media{position:relative;inset:auto;height:auto}.image-banner--overlay.image-banner--d-small .image-banner__media .banner-media,.image-banner--overlay.image-banner--d-medium .image-banner__media .banner-media,.image-banner--overlay.image-banner--d-large .image-banner__media .banner-media,.image-banner--overlay.image-banner--d-full .image-banner__media .banner-media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.image-banner--d-adapt .image-banner__media .media__img{height:auto}.image-banner--d-small .image-banner__media .media__img,.image-banner--d-medium .image-banner__media .media__img,.image-banner--d-large .image-banner__media .media__img,.image-banner--d-full .image-banner__media .media__img{height:100%}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.image-banner--overlay.image-banner--fixed .image-banner__media{clip-path:inset(0 0 0 0)}.image-banner--overlay.image-banner--fixed .image-banner__media .banner-media{position:fixed;top:0;right:0;bottom:0;left:0;height:100lvh}}.image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--overlay-color, #141414);opacity:var(--overlay-opacity, .3);pointer-events:none}.image-banner__content-wrap{position:relative;z-index:2;display:flex;padding:clamp(var(--space-6),5vw,var(--space-16))}.image-banner--content-left .image-banner__content-wrap{justify-content:flex-start}.image-banner--content-center .image-banner__content-wrap{justify-content:center}.image-banner--content-right .image-banner__content-wrap{justify-content:flex-end}.image-banner--valign-top .image-banner__content-wrap{align-items:flex-start}.image-banner--valign-middle .image-banner__content-wrap{align-items:center}.image-banner--valign-bottom .image-banner__content-wrap{align-items:flex-end}.image-banner__content{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:var(--content-max-mobile, 100%)}@media screen and (min-width:750px){.image-banner__content{max-width:var(--content-max, 620px)}}.image-banner--text-left .image-banner__content{align-items:flex-start;text-align:left}.image-banner--text-center .image-banner__content{align-items:center;text-align:center}.image-banner--text-right .image-banner__content{align-items:flex-end;text-align:right}.image-banner--overlay.image-banner--on-light .image-banner__content{color:#fff}.image-banner--overlay.image-banner--on-dark .image-banner__content{color:#141414}.image-banner--boxed .image-banner__content{background-color:var(--color-background);color:var(--color-foreground);padding:clamp(var(--space-8),4vw,var(--space-12))}.image-banner__subheading{opacity:.85}.image-banner__text{max-width:52ch}.image-banner__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.image-banner--text-center .image-banner__buttons{justify-content:center}.image-banner--text-right .image-banner__buttons{justify-content:flex-end}.image-banner--overlay.image-banner--on-light .image-banner__content:not(.image-banner__content--boxed) .button--secondary{border-color:currentColor;color:currentColor}.image-banner--split .image-banner__media{min-height:var(--banner-h-mobile, 0px)}.image-banner--split .image-banner__media .banner-media{height:100%}.image-banner--split.image-banner--m-adapt .image-banner__media .banner-media{height:auto}.image-banner--split .image-banner__content-wrap{padding:clamp(var(--space-8),5vw,var(--space-16)) clamp(var(--space-5),4vw,var(--space-12))}@media screen and (min-width:750px){.image-banner--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.image-banner--split .image-banner__media{min-height:var(--banner-h, 0px);height:100%}.image-banner--split.image-banner--image-right .image-banner__media{order:2}.image-banner--split .image-banner__content-wrap{height:100%}}.image-banner--overlay:not(.image-banner--fixed){grid-template-columns:minmax(0,1fr);min-height:0}.image-banner--overlay:not(.image-banner--fixed) .image-banner__media .banner-media,.image-banner--overlay:not(.image-banner--fixed) .image-banner__media picture{position:relative;inset:auto;height:auto}.image-banner--overlay:not(.image-banner--fixed) .image-banner__media .media__img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-image-banner.css.map */