.hero-banner{display:flex;flex-direction:column}.hero-banner--reverse{flex-direction:column-reverse}.hero-banner__media{padding-bottom:57.3%}.hero-banner__col--content{overflow:hidden;background-color:var(--color-background-accent);padding:5.3rem var(--page-gutter) 5.2rem}.hero-banner__col--content:before{transform:scale(1.55)}.hero-banner__content{max-width:47.5rem;margin:0 auto}.hero-banner__title{margin-bottom:.7rem}.hero-banner__entry{line-height:1.5;margin-bottom:2rem}@media screen and (min-width:750px){.hero-banner__col--content{padding:10rem var(--page-gutter) 8.1rem}.hero-banner__media{padding-bottom:55.3%}.hero-banner__title{margin-bottom:.8rem}.hero-banner__entry{font-size:2.6rem;line-height:1.35;margin-bottom:3rem}}@media screen and (min-width:990px){.hero-banner{flex-direction:row}.hero-banner__col{flex:1}.hero-banner__media{min-height:100%}.hero-banner__col--content{display:flex;align-items:center;max-width:43.3%;padding:9.6rem var(--page-gutter) 9.6rem 4rem}.hero-banner__col--content:before{transform:scale(1)}.hero-banner__content{text-align:left;margin:0}.hero-banner__title{margin-bottom:1.5rem}.hero-banner__entry{margin-bottom:3.2rem}}@media screen and (min-width:1200px){.hero-banner__col--content{padding-left:6rem}}@media screen and (min-width:1440px){.hero-banner__col--content{padding-left:9.9rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-banner.css.map */