.section--double-image{margin-top:8px;margin-bottom:8px;position:relative;overflow:hidden}.double-image__wrapper div:empty{display:block}.double-image__wrapper.row-reverse{flex-direction:row-reverse}.double-image__media,.double-image__subtitle{position:relative;overflow:hidden}.double-image__image img{display:block;width:100%;height:100%;object-fit:cover}.double-image__media-small{padding:var(--spacing-xxlarge) var(--spacing-xlarge);position:relative}.double-image__media-small .media-small__wrapper{display:grid;height:100%;max-height:100%;gap:2rem;grid-template-columns:100%;grid-template-rows:auto minmax(320px,1fr) auto;grid-template-areas:"heading" "media" "bodycopy"}.double-image__media-small .double-image__title{grid-area:"heading"}.double-image__media-small .double-image__image{grid-area:"media";overflow:hidden;position:relative}.double-image__media-small .double-image__text{grid-area:"bodycopy"}.double-image__media-small .double-image__image img{position:absolute;width:100%;height:100%;object-fit:cover}.double-image__subtitle{position:absolute;height:100%;width:var(--spacing-xlarge);top:0;bottom:0;overflow:hidden}.double-image--small-large .double-image__subtitle{left:0}.double-image--large-small .double-image__subtitle{right:0}.double-image__media-small .double-image__subtitle .heading-4{position:absolute;top:50%;left:50%;white-space:nowrap;transform-origin:center center}.double-image--small-large .double-image__media-small .double-image__subtitle .heading-4{transform:translate(-50%,-50%) rotate(-90deg)}.double-image--large-small .double-image__media-small .double-image__subtitle .heading-4{transform:translate(-50%,-50%) rotate(90deg)}.double-image__media-large .double-image__media{width:100%;height:100%}.double-image__media-large img{display:block;width:100%;height:100%;max-height:1080px;object-fit:cover}.double-image--small-large .double-image__title,.double-image--small-large .double-image__text{text-align:right}.double-image--no-text .double-image__title,.double-image--no-text .double-image__text{height:150px}@media screen and (min-width: 1024px){.section--double-image .double-image__wrapper{display:flex;gap:var(--gap-small);height:1080px;overflow:hidden}.double-image__media-large,.double-image__media-small{flex:1 1 50%;width:50%}.double-image__media-small .media-small__wrapper{grid-template-rows:auto 1fr auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-double-image.css.map */