.image-pair{padding-top:var(--spacing-sm);padding-bottom:var(--section-spacing-bottom);background-color:var(--color-background)}.image-pair-container{max-width:var(--page-width);margin:0 auto}.image-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-xxl) * 2);align-items:start}.image-pair-item--left{display:flex;flex-direction:column;gap:var(--spacing-md);margin-left:var(--spacing-xxl)}.image-pair-item--right{display:flex;flex-direction:column;gap:var(--spacing-md);margin-right:var(--spacing-xxl)}.image-pair-wrapper{display:block;width:100%;overflow:hidden;background-color:var(--color-paper);position:relative;cursor:pointer}.image-pair-wrapper:hover{opacity:1}.image-pair-hover-text{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%) translateY(-100%);color:var(--color-grey-ink);font-family:var(--font-family-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-paper);opacity:0;transition:opacity .3s ease;transition-delay:0s;white-space:nowrap;z-index:2}.image-pair-wrapper:hover .image-pair-hover-text{opacity:1;transition-delay:.4s}.image-pair-img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s ease}.image-pair-item:hover .image-pair-img{transform:scale(1.5)}.image-pair-item--left .image-pair-img{transform-origin:80% 20%}.image-pair-item--right .image-pair-img{transform-origin:100% 20%}.image-pair-caption{color:var(--color-grey-ink);font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);font-family:var(--font-family-base);margin:0;line-height:1.5;text-align:center}.image-pair-item--left .image-pair-caption{margin-top:var(--spacing-xl)}.image-pair-captions{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.image-pair-captions .image-pair-caption{margin:0}.image-pair-wrapper .placeholder-svg{width:100%;height:400px;background-color:var(--color-paper)}@media screen and (max-width: 1024px){.image-pair{padding-bottom:var(--spacing-xxxl)}.image-pair-grid{gap:var(--spacing-xl)}.image-pair-item--right{margin-top:var(--spacing-xxl)}.image-pair-caption{font-size:var(--font-size-label)}.image-pair-item--left .image-pair-caption{margin-top:var(--spacing-lg)}.image-pair-captions{margin-bottom:var(--spacing-sm);margin-top:calc(var(--spacing-lg) * -1)}}@media screen and (max-width: 768px){.image-pair{padding-bottom:var(--spacing-xxl)}.image-pair-grid{gap:var(--spacing-lg)}.image-pair-item--right{margin-top:var(--spacing-xl)}.image-pair-caption{font-size:var(--font-size-label)}.image-pair-item--left .image-pair-caption{margin-top:var(--spacing-sm)}.image-pair-captions{margin-bottom:var(--spacing-xs);margin-top:calc(var(--spacing-md) * -1)}}@media screen and (max-width: 480px){.image-pair{padding-bottom:var(--spacing-xl)}.image-pair-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.image-pair-item--right{margin-top:0}.image-pair-item--left .image-pair-caption{margin-top:var(--spacing-xs);text-align:right}.image-pair-captions{margin-bottom:var(--spacing-xs);margin-top:0}.image-pair-item--right .image-pair-caption{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/image-pair.css.map */