.double-image-asymmetrical{width:100%;background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-border);padding:var(--spacing-xl) 0;position:relative}.double-image-asymmetrical__wrapper{width:100%;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr;gap:0;position:relative}.double-image-asymmetrical__container{width:100%;position:relative;overflow:hidden;padding:var(--spacing-lg) var(--spacing-sm)}.double-image-asymmetrical__container:first-child{border-bottom:var(--border-width) solid var(--color-border)}.double-image-asymmetrical__image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4 / 5;max-width:400px;margin:0 auto}.double-image-asymmetrical__divider{display:none}@media(min-width:768px){.double-image-asymmetrical{padding:var(--spacing-2xl) 0;position:relative}.double-image-asymmetrical__wrapper{grid-template-columns:1fr 1fr;height:760px;position:relative}.double-image-asymmetrical__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl)}.double-image-asymmetrical__container:first-child{border-bottom:none}.double-image-asymmetrical__container--left{align-items:flex-start;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-lg)}.double-image-asymmetrical__container--right{align-items:flex-end;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-3xl)}.double-image-asymmetrical__image{width:100%;max-width:400px;height:auto;aspect-ratio:4 / 5;object-fit:cover;margin:0}.double-image-asymmetrical__divider{display:block;width:1px;background-color:var(--color-border);position:absolute;top:-4rem;bottom:-4rem;left:50%;transform:translate(-.5px);z-index:var(--z-base)}}@media(min-width:1024px){.double-image-asymmetrical{padding:var(--spacing-4xl) 0;position:relative}.double-image-asymmetrical__wrapper{max-width:1440px;margin:0 auto}.double-image-asymmetrical__container{padding:var(--spacing-xl) var(--spacing-2xl)}.double-image-asymmetrical__container--left{padding-top:8rem;padding-bottom:var(--spacing-xl);padding-left:var(--spacing-2xl)}.double-image-asymmetrical__container--right{padding-top:var(--spacing-xl);padding-bottom:8rem;padding-right:var(--spacing-2xl)}.double-image-asymmetrical__image{max-width:480px}.double-image-asymmetrical__divider{display:block;width:1px;background-color:var(--color-border);position:absolute;top:-6rem;bottom:-6rem;left:50%;transform:translate(-.5px);z-index:var(--z-base)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/double-image-asymmetrical.css.map */
