.section--hero-banner{overflow:hidden}.section--hero-banner .block--icon{margin:0 0 1.8em}.section--hero-banner .block--icon.margin--custom{margin-bottom:var(--margin-bottom)}.section--hero-banner .banner-icon{width:30px;height:auto}.section--hero-banner [class*=inner-]{position:relative;z-index:1}.section--hero-banner .content-blocks{display:flex;flex-direction:column;width:100%}.section--hero-banner .content-blocks .image-block.margin--custom{margin-bottom:var(--margin-bottom)}.section--hero-banner .content-blocks .image-block img{display:inline-block;vertical-align:top;max-width:100%;height:auto}.section--hero-banner .content-blocks .image-block,.section--hero-banner .image-block.bottom-image,.section--hero-banner .image-block.top-image{text-align:var(--align-mobile)}.section--hero-banner .content-blocks .image-block img,.section--hero-banner .image-block.bottom-image img,.section--hero-banner .image-block.top-image img{width:var(--width-mobile)}@media screen and (min-width: 992px){.section--hero-banner .content-blocks{flex-direction:row}.section--hero-banner .content-blocks .group{flex:1 1 50%;align-self:var(--align-v)}.section--hero-banner .content-blocks .image-block,.section--hero-banner .image-block.bottom-image,.section--hero-banner .image-block.top-image{text-align:var(--align)}.section--hero-banner .content-blocks .image-block img,.section--hero-banner .image-block.bottom-image img,.section--hero-banner .image-block.top-image img{width:var(--width);max-width:var(--width-max)}}.section--hero-banner .content-blocks p{font-size:16px}@media screen and (min-width: 768px){.section--hero-banner .content-blocks p{font-size:var(--base-font-size)}}.section--hero-banner .image-block.bottom-image{position:absolute;bottom:0;left:0;transform:translateY(var(--offset));z-index:1;width:100%}.section--hero-banner .content-blocks .group.content-group{padding:var(--padding-h) 0}.section--hero-banner .video-wrapper{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:auto}.section--hero-banner .video-wrapper iframe{position:absolute;border:0;top:50%;left:50%;width:177.78vh;height:100vh;transform:translate(-50%,-50%)}.section--hero-banner .divider-top{border-top:.5em solid var(--accent-primary)}@media all and (min-width: 580px){.section--hero-banner .divider-top{border-top:1em solid var(--accent-primary)}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/section--hero-banner.css.map */
