section.flex-container.dsm{display:grid;padding:0;width:100%;grid-auto-rows:min-content;max-width:1064px;margin:0 auto}
section.flex-container.dsm>div:not(.shape){padding:24px}
section.flex-container.dsm>div>.aem-Grid{display:grid;row-gap:24px;width:100%;margin:0}
section.flex-container.dsm>div>.aem-Grid>div{padding:0}
section.flex-container.dsm>div.first{order:1}
section.flex-container.dsm>div.second{order:2}
section.flex-container.dsm.collapse{row-gap:0}
section.flex-container.dsm .bleed{padding:0 !important}
section.flex-container.dsm .bleed>.aem-Grid{margin:0;width:100%}
section.flex-container.dsm .bleed>.aem-Grid>.image.aem-GridColumn{padding:0}
section.flex-container.dsm .bleed .component.image{height:200px;position:relative;overflow:hidden}
section.flex-container.dsm .bleed .component.image img{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%}
section.flex-container.dsm .bleed .component.image figcaption{display:none}
@media screen and (min-width:37.5em){[class*="-split-"]>.aem-Grid>.block-b section.flex-container.dsm>div{padding:24px}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm).template-1-1,.aem-GridColumn .block-b section.flex-container.dsm.template-1-1{grid-template-columns:1fr 1fr}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm).template-2-1,.aem-GridColumn .block-b section.flex-container.dsm.template-2-1{grid-template-columns:2fr 1fr}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm).template-1-2,.aem-GridColumn .block-b section.flex-container.dsm.template-1-2{grid-template-columns:1fr 2fr}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm)>div,.aem-GridColumn .block-b section.flex-container.dsm>div{padding:40px}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm) .bleed>.aem-Grid,.aem-GridColumn .block-b section.flex-container.dsm .bleed>.aem-Grid{height:100%}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm) .bleed .component.image,.aem-GridColumn .block-b section.flex-container.dsm .bleed .component.image{overflow:hidden;position:relative;height:100%;min-height:350px;max-height:600px}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm) .bleed .component.image img,.aem-GridColumn .block-b section.flex-container.dsm .bleed .component.image img{position:absolute;height:100%}
.aem-GridColumn section.flex-container.dsm:not([class*="-split-"] section.flex-container.dsm)>div,.aem-GridColumn .block-b section.flex-container.dsm>div{order:initial}
}
@media screen and (min-width:56.5625em){.aem-GridColumn .block-c section.flex-container.dsm .bleed .component.image{height:270px}
.aem-GridColumn .block-c section.flex-container.dsm>.shape{height:270px;padding-top:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
}