/* A complete door first; a closer material view on deliberate desktop hover. */
.collection-image-pair{position:relative;display:block;isolation:isolate}
.collection-image-pair img{position:absolute;inset:0}
.collection-image-pair .collection-image-detail{display:none;opacity:0}
.collection-image-pair:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
@media (min-width:768px) and (hover:hover) and (pointer:fine){
 .collection-image-pair .collection-image-detail{display:block;transition:opacity 650ms cubic-bezier(.22,.61,.36,1)}
 .collection-image-pair:hover .collection-image-detail{opacity:1}
}
/* Clipping is local to each photograph, so captions and sticky headings do not move. */
.image-depth-frame{overflow:hidden}
.image-depth-frame>img{display:block}
.image-depth-on [data-image-depth]{translate:0 var(--image-shift,0px);scale:1.025}
.image-depth-on .product-photo img[data-image-depth]{transform:none!important;will-change:auto}
.image-depth-active [data-image-depth]{will-change:translate}
@media(min-width:978px){.step-image-depth-frame{display:none}}
/* Catalogue images stay completely still on touch layouts. */
@media(max-width:767px),(hover:none),(pointer:coarse){
 .collection-image-pair [data-image-depth]{translate:none;scale:none}
}
@media(prefers-reduced-motion:reduce){
 .image-depth-on [data-image-depth]{translate:none;scale:none;will-change:auto}
 .collection-image-pair .collection-image-detail{transition-duration:120ms}
}