.hero-banner{--display-line: none;--display-overlay-images: block;--height: 100dvh;--width-content: 100%;--width-overlay-image: 17.7rem;--width-overlay-image-small: 9.2rem;--aspect-ratio: "auto";--aspect-ratio-media: inherit;--position-bottom-media-controls: 3rem;--position-right-overlay-image-small: 1.6rem;--position-top-overlay-image-small: -4.6rem;--content-overlay: "";--gap-overlay-content: 3.2rem;--gap-overlay-top: 2rem;--gap-overlay-header: .8rem;--gap-overlay-text: 1.2rem;--padding-block-overlay: calc(var(--height-header-mobile) + 3.4rem);--padding-inline-overlay: var(--page-padding);--flex-align: flex-start;--justify-media-controls: flex-start;--text-size-preheading: var(--h3);--text-size-description: var(--body);--colour-overlay: var(--secondary-colour);aspect-ratio:var(--aspect-ratio);height:var(--height);position:relative;overflow-x:hidden}.hero-banner--inner-banner{--display-overlay-images: none;--height: auto;--aspect-ratio: 3 / 4;--aspect-ratio-media: unset;--position-media: absolute;--inset-media: 0;--padding-block-overlay: calc(var(--height-header-mobile) + .8rem);--justify-media-controls: center}.hero-banner--has-video{--aspect-ratio: 9 / 16}.hero-banner__media{--aspect-ratio: var(--aspect-ratio-media);--position-bottom-controls: var(--position-bottom-media-controls);--padding-controls: 0 var(--page-padding);--justify-controls: var(--justify-media-controls);aspect-ratio:var(--aspect-ratio-media, inherit);inset:var(--inset-media, unset);position:var(--position-media, relative)}.hero-banner__overlay{align-items:var(--flex-align);color:var(--secondary-colour);display:flex;top:0;right:0;bottom:0;left:0;justify-content:flex-start;padding:var(--padding-block-overlay) var(--padding-inline-overlay) 0;position:absolute;z-index:var(--layer-0)}.hero-banner__overlay--dark{--colour-overlay: var(--black);--content-overlay: none}.hero-banner__overlay:before{background:linear-gradient(0deg,rgba(var(--black-rgb) / .6) 0% 100%);content:var(--content-overlay);height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:-1}.hero-banner__content,.hero-banner__top,.hero-banner__header,.hero-banner__text,.hero-banner__bottom{display:flex;flex-direction:column}.hero-banner__content{gap:var(--gap-overlay-content);max-width:var(--width-content)}.hero-banner__top{gap:var(--gap-overlay-top)}.hero-banner__header{gap:var(--gap-overlay-header)}.hero-banner__text{gap:var(--gap-overlay-text)}.hero-banner__preheading{font-family:var(--script-family);font-size:var(--text-size-preheading)}.hero-banner__subheading{font-size:var(--h4)}.hero-banner__description{font-family:var(--heading-family);font-size:var(--text-size-description)}.hero-banner__overlay-images{bottom:0;display:var(--display-overlay-images);position:absolute;right:0}.hero-banner__overlay-image{height:auto;width:var(--width-overlay-image)}.hero-banner__overlay-image--small{position:absolute;right:var(--position-right-overlay-image-small);top:var(--position-top-overlay-image-small);width:var(--width-overlay-image-small)}.hero-banner__bottom{gap:8rem}.hero-banner__line{background-color:var(--colour-overlay);display:var(--display-line);height:19.7rem;position:relative;width:.1rem}.hero-banner__line:before{animation:drawLine 2.5s var(--easing-function) infinite;background-color:var(--colour-overlay);content:"";height:.8rem;left:50%;position:absolute;top:0;transform:translate(-50%);width:.2rem}@media(min-width:750px){.hero-banner{--width-content: 35rem;--padding-block-overlay: var(--height-header-mobile);--flex-align: center}.hero-banner--inner-banner{--display-line: none;--aspect-ratio: 192 / 108}}@media(min-width:990px){.hero-banner{--display-line: flex;--width-content: 74rem;--width-overlay-image: 20rem;--width-overlay-image-small: 12rem;--position-bottom-media-controls: 6rem;--position-right-overlay-image-small: calc(100% - 5.4rem) ;--position-top-overlay-image-small: 5.7rem;--gap-overlay-content: 4.8rem;--gap-overlay-top: 2.6rem;--gap-overlay-header: 1.2rem;--gap-overlay-text: 1.2rem;--justify-media-controls: center;--padding-block-overlay: var(--height-header);--padding-inline-overlay: var(--page-padding);--text-size-preheading: 4.2rem;--text-size-description: var(--large-body)}.hero-banner--inner-banner{--display-line: none;--aspect-ratio: 192 / 94}}@media(min-width:1500px){.hero-banner{--width-overlay-image: 37.8rem;--width-overlay-image-small: 17rem}.hero-banner--inner-banner{--display-overlay-images: block;--aspect-ratio: 192 / 67}}@media(min-width:1920px){.hero-banner{--padding-inline-overlay: calc((100vw - var(--page-width)) / 2 + var(--page-padding))}}@media(max-height:870px){.hero-banner{--display-line: none}}@keyframes drawLine{to{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-banner.css.map */