.media-hero__grid{display:grid;grid-template-columns:1fr;gap:3.2rem;padding:0 1.6rem;align-items:center}.media-hero:not(.page-width) .media-hero__grid{padding:0}.media-hero__grid--top{align-items:flex-start}.media-hero__grid--bottom{align-items:flex-end}.media-hero__media-row{display:flex;column-gap:var(--grid-desktop-horizontal-spacing);width:100%}.media-hero__media-row>*{width:100%}@media screen and (min-width:750px){.media-hero__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3.2rem;padding:0}}@media screen and (min-width:990px){.media-hero__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6.4rem;padding:0 3.2rem}}.media-hero .banner__box{min-width:auto}@media screen and (max-width:749px){.media-hero .banner.banner--content-mobile-above{flex-direction:column-reverse;flex-wrap:wrap}.media-hero .banner.banner--content-mobile-below{flex-direction:column;flex-wrap:wrap}.media-hero .banner.banner--content-mobile-above .banner__media,.media-hero .banner.banner--content-mobile-above .banner__link-media,.media-hero .banner.banner--content-mobile-below .banner__media,.media-hero .banner.banner--content-mobile-below .banner__link-media{position:relative}.media-hero .banner.banner--content-mobile-above:before,.media-hero .banner.banner--content-mobile-below:before{padding-bottom:0}.media-hero.page-width .banner--content-mobile-above .banner__content{padding:0 0 1.6rem}.media-hero.page-width .banner--content-mobile-below .banner__content{padding:1.6rem 0 0}.media-hero.page-width .banner:not(.banner--content-mobile-above):not(.banner--content-mobile-below) .banner__content{padding:3.2rem}.media-hero:not(.page-width) .banner--content-desktop-above .banner__content,.media-hero:not(.page-width) .banner--content-desktop-below .banner__content{padding:1.6rem}}@media screen and (min-width:750px){.banner.banner--content-desktop-above{flex-direction:column-reverse;flex-wrap:wrap}.banner.banner--content-desktop-below{flex-direction:column;flex-wrap:wrap}.banner--content-desktop-above .banner__media,.banner--content-desktop-above .banner__link-media,.banner--content-desktop-below .banner__media,.banner--content-desktop-below .banner__link-media{position:relative}.media-hero .banner--content-desktop-above:before,.media-hero .banner--content-desktop-below:before{padding-bottom:0}.media-hero.page-width .banner--content-desktop-above .banner__content{padding:0 0 1.6rem}.media-hero.page-width .banner--content-desktop-below .banner__content{padding:1.6rem 0 0}.banner__content.banner__content--above-left,.banner__content.banner__content--below-left{align-items:flex-start;justify-content:flex-start}.banner__content.banner__content--above-center,.banner__content.banner__content--below-center{align-items:center;justify-content:flex-start}.banner__content.banner__content--above-right,.banner__content.banner__content--below-right{align-items:flex-end;justify-content:flex-start}.media-hero.page-width .banner:not(.banner--content-desktop-above):not(.banner--content-desktop-below) .banner__content,.media-hero:not(.page-width) .banner--content-desktop-above .banner__content,.media-hero:not(.page-width) .banner--content-desktop-below .banner__content{padding:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-media-hero.css.map */