@media screen and (min-width:750px){.heading-with-text__content--middle,.heading-with-text__media-item--middle .heading-with-text__media{display:flex;flex-wrap:wrap;align-items:center}.heading-with-text__content--bottom,.heading-with-text__media-item--bottom .heading-with-text__media{display:flex;flex-wrap:wrap;align-items:flex-end}}.heading-with-text .grid{margin-left:0;margin-bottom:0}.heading-with-text__grid{overflow:hidden}@media screen and (min-width:750px){.heading-with-text__grid--reverse{flex-direction:row-reverse}}@media screen and (max-width:749px){.heading-with-text__grid--reverse-mobile{flex-direction:column-reverse}}.heading-with-text__media{background-color:transparent;min-height:100%}.heading-with-text__media--small{height:19.4rem}.heading-with-text__media--large{height:43.5rem}@media screen and (min-width:750px){.heading-with-text__media p:first-child{margin-top:0}}@media screen and (min-width:750px){.heading-with-text__media--small{height:31.4rem}.heading-with-text__media--large{height:69.5rem}}.heading-with-text__media--placeholder{background-color:rgba(var(--color-foreground),.04);position:relative;overflow:hidden}.heading-with-text__media--placeholder.heading-with-text__media--adapt{height:20rem}@media screen and (min-width:750px){.heading-with-text__media--placeholder.heading-with-text__media--adapt{height:30rem}}.heading-with-text__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.heading-with-text__content{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;align-self:center;padding:2rem 1rem}.heading-with-text a{color:var(--color-base-text)}.heading-with-text__media-item,.grid--gapless .heading-with-text__media-item.grid__item{padding:2rem 1rem}@media screen and (max-width:749px){.heading-with-text__media-item,.grid--gapless .heading-with-text__media-item.grid__item,.heading-with-text__content{padding:2rem 0}}.heading-with-text__content--mobile-right>*:not(.heading-with-text__heading){align-self:flex-end;text-align:right}.heading-with-text__content--mobile-center>*:not(.heading-with-text__heading){align-self:center;text-align:center}.heading-with-text__content--mobile-justify>*:not(.heading-with-text__heading){align-self:left;text-align:justify}.heading-with-text__content--mobile-justify-center>*:not(.heading-with-text__heading){align-self:left;text-align:justify;text-align-last:center}.heading-with-text--overlap .heading-with-text__content{transform:translateY(-3rem);width:90%;margin:0 auto}@media screen and (min-width:750px){.heading-with-text__grid--reverse .heading-with-text__content{margin-left:auto}.heading-with-text__content--bottom{justify-content:flex-end;align-self:flex-end}.heading-with-text__content--top{justify-content:flex-start;align-self:flex-start}.heading-with-text__content--desktop-right>*:not(.heading-with-text__heading){align-self:flex-end;text-align:right}.heading-with-text__content--desktop-left>*:not(.heading-with-text__heading){align-self:flex-start;text-align:left}.heading-with-text__content--desktop-center>*:not(.heading-with-text__heading){align-self:center;text-align:center}.heading-with-text__content--desktop-justify>*:not(.heading-with-text__heading){align-self:left;text-align:justify}.heading-with-text__content--desktop-justify-center>*:not(.heading-with-text__heading){align-self:left;text-align:justify;text-align-last:center}.heading-with-text--overlap .heading-with-text__text-item{display:flex;padding:3rem 0}.heading-with-text--overlap .heading-with-text__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);transform:translate(-4rem)}.heading-with-text--overlap .heading-with-text__grid--reverse .heading-with-text__content{transform:translate(4rem)}.heading-with-text--overlap .heading-with-text__grid--reverse .heading-with-text__text-item{justify-content:flex-end}.heading-with-text--overlap .heading-with-text__media-item--top{align-self:flex-start}.heading-with-text--overlap .heading-with-text__media-item--middle{align-self:center}.heading-with-text--overlap .heading-with-text__media-item--bottom{align-self:flex-end}.heading-with-text__media-item--small,.heading-with-text__media-item--large+.heading-with-text__text-item{flex-grow:0}.heading-with-text:not(.page-width){padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:990px){.heading-with-text__media-item,.grid--gapless .heading-with-text__media-item.grid__item{padding:2rem 7rem 2rem 0}.heading-with-text__content,.heading-with-text__grid--reverse .heading-with-text__media-item,.heading-with-text__grid--reverse .grid--gapless .heading-with-text__media-item.grid__item{padding:2rem 0 7rem 2rem}.heading-with-text__grid--reverse .heading-with-text__content{padding:2rem 7rem 2rem 0}}@media screen and (min-width:750px){.heading-with-text__media-item,.grid--gapless .heading-with-text__media-item.grid__item{padding:0 2rem 0 0}.heading-with-text__content,.heading-with-text__grid--reverse .heading-with-text__media-item,.heading-with-text__grid--reverse.grid--gapless .heading-with-text__media-item.grid__item{padding:0 0 0 2rem}.heading-with-text__grid--reverse .heading-with-text__content{padding:0 2rem 0 0}}.heading-with-text__content>*+*{margin-top:2rem}.heading-with-text__content>.heading-with-text__text:empty~a{margin-top:2rem}.heading-with-text__content>:first-child:is(.heading-with-text__heading),.heading-with-text__text--caption+.heading-with-text__heading,.heading-with-text__text--caption:first-child{margin-top:0}.heading-with-text__content :last-child:is(.heading-with-text__heading),.heading-with-text__text--caption{margin-bottom:0}.heading-with-text__heading{width:100%;display:block}.heading-with-text__content .button+.heading-with-text__text{margin-top:2rem}.heading-with-text__content .heading-with-text__text+.button{margin-top:3rem}.heading-with-text__heading{margin-bottom:1rem;margin-top:0}.heading-with-text__text p{margin-top:0;margin-bottom:1em}.heading-with-text__media-img{text-align:center;margin-bottom:2rem}@media screen and (min-width:750px){.heading-with-text__media-img{margin-bottom:4rem}}.heading-with-text__media-img img{max-width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-heading-with-text.css.map */