.clc-HeroBanner{overflow:hidden}.clc-HeroBanner_Body{position:relative;display:flex;max-height:450px}.clc-HeroBanner_Body:after{content:"";display:block;width:0;padding-block-start:164%}@media only screen and (min-width:901px){.clc-HeroBanner_Body:after{padding-block-start:55.3%}}.clc-HeroBanner_ImageContainer{position:absolute;top:0;left:0;z-index:-1;display:flex;width:100%;height:100%}.clc-HeroBanner_Image{position:relative;width:100%}.clc-HeroBanner_Image-overlay:after{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:var(--ImageOverlayColour);opacity:var(--ImageOverlayOpacity)}.clc-HeroBanner_Image-mobile{display:flex}.clc-HeroBanner_Image-desktop{display:none}@media only screen and (min-width:901px){.clc-HeroBanner_Image-mobile{display:none}.clc-HeroBanner_Image-desktop{display:flex}}.clc-HeroBanner_Image .rsp-Image_Image{width:100%}.clc-HeroBanner_Video{position:relative;display:none;width:100%;overflow:hidden}.clc-HeroBanner_Video:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:var(--ImageOverlayColour);opacity:var(--ImageOverlayOpacity)}.clc-HeroBanner_Video:after{content:"";display:block;width:0}@media only screen and (min-width:768px){.clc-HeroBanner_Video-desktop{display:flex}.clc-HeroBanner_Video:after{padding-block-start:56.25%}}@media only screen and (max-width:767px){.clc-HeroBanner_Video-mobile{display:flex}.clc-HeroBanner_Video:after{padding-block-start:105%}}.clc-HeroBanner_VideoPlayer{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.clc-HeroBanner_Content{gap:20px;align-items:center;flex-direction:column;justify-content:flex-end;display:flex;width:100%;margin-block-start:40px;margin-block-end:10px;color:var(--Content_Color)}@media only screen and (min-width:901px){.clc-HeroBanner_Content{margin-block-start:80px;margin-block-end:80px}}.clc-HeroBanner_Content-light{--Content_Color: #fff}.clc-HeroBanner_Content-dark{--Content_Color: #000}.clc-HeroBanner_Title{margin-inline-start:20px;margin-inline-end:20px;text-align:center}.clc-HeroBanner_Links{gap:10px;flex-wrap:wrap;justify-content:center;display:flex;width:100%;padding-block-start:10px;padding-inline-start:var(--Grid_Gutter);padding-inline-end:var(--Grid_Gutter)}@media only screen and (min-width:901px){.clc-HeroBanner_Links{width:max-content;margin-block-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:0;padding-inline-end:0;border-block-start:none}}.clc-HeroBanner_Link{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/551/assets/collection-hero-banner.css.map */