@media screen and (min-width:750px){
.image-with-text__grid--reverse{flex-direction:row-reverse}
}
.image-with-text__media{background-color:transparent;min-height:100%}
.image-with-text__media--small{height:19.4rem}
.image-with-text__media--large{height:43.5rem}
@media screen and (min-width:750px){
.image-with-text__media--small{height:31.4rem}
.image-with-text__media--large{height:69.5rem}
}
.image-with-text__media--placeholder{background-color:rgba(var(--color-foreground),.04);position:relative;overflow:hidden}
.image-with-text__media--placeholder.image-with-text__media--adapt{height:20rem}
@media screen and (min-width:750px){
.image-with-text__media--placeholder.image-with-text__media--adapt{height:30rem}
}
.image-with-text__media--placeholder>svg{position:absolute;right:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}
.image-with-text__content{display:flex;flex-direction:column;align-items:flex-start;height:100%}
@media screen and (min-width:750px){
.image-with-text__grid--reverse .image-with-text__content{margin-right:auto}
}
.image-with-text__content>*+*{margin-top:1rem}
.image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}
.image-with-text__content>:first-child:is(.image-with-text__heading){margin-top:0}
.image-with-text__content :last-child:is(.image-with-text__heading){margin-bottom:0}
.image-with-text__content .button+.image-with-text__text{margin-top:2rem}
.image-with-text__content .image-with-text__text+.button{margin-top:3rem}
.image-with-text__heading{margin-bottom:0}
.image-with-text__text p{margin-top:0;margin-bottom:1rem}
.image-with-text .subtitle{margin-bottom:0}
@media screen and (min-width:750px){
.image-with-text .round-stamp{margin-bottom:2rem}
}
.image-with-text .round-stamp svg{fill:rgba(var(--color-button),.5)}