.image-banner{position:relative;display:grid;overflow:hidden;color:var(--color-on-dark);text-align:center}.image-banner__media,.image-banner__content{grid-area:1 / 1}.image-banner__media{position:relative;line-height:0}.image-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--overlay-opacity, 0));pointer-events:none}.image-banner__media picture{display:block}.image-banner__image{display:block;width:100%;height:var(--ib-height-mobile, var(--ib-height, auto));object-fit:cover}@media(min-width:500px){.image-banner__image{height:var(--ib-height-tablet, var(--ib-height, auto))}}@media(min-width:1200px){.image-banner__image{height:var(--ib-height, auto)}}@media(min-width:500px){.image-banner--viewport-cap .image-banner__media{display:flex;flex-direction:column;justify-content:center;min-height:400px;max-height:calc(100vh - 255px);overflow:hidden}.image-banner--viewport-cap .image-banner__image{flex-shrink:0}}@media(min-width:960px)and (max-width:1199.98px){.image-banner--tablet-md-crop .image-banner__image{height:auto;aspect-ratio:960 / 575}}@media(min-width:1200px){.image-banner--tablet-md-crop .image-banner__image{height:auto;aspect-ratio:1440 / 690}}.image-banner--empty .image-banner__media{min-height:683px}.image-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--color-muted);fill:#fff6}.image-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:64px 64px 34px}.image-banner--text-middle .image-banner__content{justify-content:center}.image-banner--live-centre.image-banner--text-middle .image-banner__content{padding-top:17px;padding-bottom:47px}@media(min-width:960px){.image-banner--live-centre.image-banner--text-middle .image-banner__content{padding-top:49px;padding-bottom:49px}}@media(min-width:1200px){.image-banner--live-wide .image-banner__image{max-height:920px}}@media(min-width:1920px){.image-banner--live-wide .image-banner__text{max-width:1312px}}.image-banner--dark{color:var(--color-text)}.image-banner__heading{margin:0 0 8px;color:inherit;font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:.5px}.image-banner__text{max-width:1252px;margin-bottom:24px;font-size:20px;line-height:30px;letter-spacing:.5px}.image-banner__text p{margin:0}@media(max-width:1199.98px){.image-banner__text{font-size:18px;line-height:24px}}@media(max-width:959px){.image-banner__content{padding:32px 23px}}.image-banner--medium .image-banner__image{height:460px;aspect-ratio:auto}.image-banner--medium .image-banner__content{justify-content:center;padding-block:0;padding-inline:var(--container-padding)}.image-banner--medium.image-banner--text-top .image-banner__content{justify-content:flex-start;padding-top:88px}.image-banner--medium .image-banner__heading{margin-bottom:var(--space-40)}.image-banner--medium .image-banner__media{min-height:460px}.image-banner--medium .image-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.image-banner--medium .image-banner__content{padding-block:var(--space-16)}.image-banner--medium .image-banner__text{max-width:none}.image-banner--medium .image-banner__text:last-child{margin-bottom:0}@media(max-width:499.98px){.image-banner--medium .image-banner__media{min-height:425px}}.image-banner--small .image-banner__media{height:144px;overflow:hidden}.image-banner--small .image-banner__image{height:460px;aspect-ratio:auto}.image-banner--small .image-banner__content{justify-content:center;padding-block:0}.image-banner--small .image-banner__heading,.image-banner--small .image-banner__text{margin-bottom:0}.image-banner--boxed .image-banner__media{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}@media(max-width:575px){.image-banner--small .image-banner__image{height:425px}}@media(min-width:960px){.image-banner--small .image-banner__media{height:232px}}.image-banner--align-left{text-align:left}.image-banner--align-left .image-banner__content{align-items:stretch;padding-inline:var(--container-padding)}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-hero-image.css.map */