.wp-block-groundworx-card-overlay{container-type:inline-size;display:grid;min-width:270px}.wp-block-groundworx-card-overlay>.container-wrapper{display:grid;grid-template-columns:[media-start content-start] 1fr [content-end media-end];grid-template-rows:[media-start] auto [media-end content-start] 1fr [content-end];place-self:stretch;position:relative}.wp-block-groundworx-card-overlay>.container-wrapper :not(svg)[aria-hidden]{transition-duration:.5s;transition-property:opacity;transition-timing-function:ease}.wp-block-groundworx-card-overlay>.container-wrapper :not(svg)[aria-hidden=true]{opacity:0}.wp-block-groundworx-card-overlay>.container-wrapper.is-layer-open :not(svg)[aria-hidden=false]{opacity:1}.wp-block-groundworx-card-overlay>.container-wrapper>.content-wrapper{display:grid;grid-area:content;height:auto;overflow:clip;position:relative;width:auto}.wp-block-groundworx-card-overlay>.container-wrapper>.content-wrapper>.inner-content{gap:var(--wp--style--gap)}.wp-block-groundworx-card-overlay>.container-wrapper>.background-layer,.wp-block-groundworx-card-overlay>.container-wrapper>.interactive-layer,.wp-block-groundworx-card-overlay>.container-wrapper>.overlay-layer{aspect-ratio:16/11;display:block;grid-area:media;height:auto;overflow:hidden;position:relative;width:100%}.wp-block-groundworx-card-overlay>.container-wrapper .image-background,.wp-block-groundworx-card-overlay>.container-wrapper .image-object,.wp-block-groundworx-card-overlay>.container-wrapper .video-background{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.wp-block-groundworx-card-overlay>.container-wrapper .image-background{background-repeat:no-repeat}.wp-block-groundworx-card-overlay>.container-wrapper .image-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.wp-block-groundworx-card-overlay>.container-wrapper .image-background.has-parallax.is-repeated{background-size:auto}.wp-block-groundworx-card-overlay>.container-wrapper .image-background.is-repeated{background-repeat:repeat}:where(.wp-block-groundworx-card-overlay>.container-wrapper>.content-wrapper){background-color:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#343434)}:where(.wp-block-groundworx-card-overlay>.container-wrapper>.content-wrapper>.inner-content){padding:var(--wp--preset--spacing--gutter,2rem)}@container (min-width: 520px){.wp-block-groundworx-card-overlay.template-default>.container-wrapper{align-items:center;grid-template-columns:[media-start] 1fr [content-start] minmax(12%,1fr) [media-end] 1fr [content-end];grid-template-rows:[media-start content-start] auto [content-end media-end]}.wp-block-groundworx-card-overlay.template-default>.container-wrapper>.background-layer,.wp-block-groundworx-card-overlay.template-default>.container-wrapper>.interactive-layer,.wp-block-groundworx-card-overlay.template-default>.container-wrapper>.overlay-layer{aspect-ratio:9/16}.wp-block-groundworx-card-overlay.template-default>.container-wrapper>.content-wrapper{margin-top:0}.wp-block-groundworx-card-overlay.template-default:is(.is-flip)>.container-wrapper{grid-template-columns:[content-start] minmax(12%,1fr) [media-start] 1fr [content-end] 1fr [media-end]}}@container (min-width: 640px){.wp-block-groundworx-card-overlay.template-overlay-landscape>.container-wrapper{align-items:center;grid-template-columns:[media-start] 1fr [content-start] minmax(100px,12%) [media-end] 1fr [content-end];grid-template-rows:[media-start content-start] auto [content-end media-end]}.wp-block-groundworx-card-overlay.template-overlay-landscape>.container-wrapper>.background-layer,.wp-block-groundworx-card-overlay.template-overlay-landscape>.container-wrapper>.interactive-layer,.wp-block-groundworx-card-overlay.template-overlay-landscape>.container-wrapper>.overlay-layer{aspect-ratio:4/3}.wp-block-groundworx-card-overlay.template-overlay-landscape>.container-wrapper>.content-wrapper{margin-top:0}.wp-block-groundworx-card-overlay.template-overlay-landscape:is(.is-flip)>.container-wrapper{grid-template-columns:[content-start] 1fr [media-start] minmax(100px,12%) [content-end] 1fr [media-end]}}