.photo-stage{--photo-tint:color-mix(in srgb, var(--color-canvas) 80%, transparent);--photo-reel-strength:.45;--photo-reel-preview:0;z-index:0;pointer-events:none;position:fixed;inset:0}.photo-stage__base{background-color:var(--color-canvas);-webkit-mask-image:linear-gradient(to top, #000 0 var(--wipe), transparent calc(var(--wipe) + 25%));-webkit-mask-image:linear-gradient(to top, #000 0 var(--wipe), transparent calc(var(--wipe) + 25%));mask-image:linear-gradient(to top, #000 0 var(--wipe), transparent calc(var(--wipe) + 25%));position:absolute;inset:0}.photo-stage__img,.photo-stage__reel{width:100%;height:100%;position:absolute;inset:0}.photo-stage__img,.photo-stage__reel-video{object-fit:cover;object-position:center}.photo-stage__img{opacity:var(--photo-opacity,.7)}.photo-stage__reel{--reel-wipe:0%;--reel-hide:0%;background-color:var(--color-canvas);isolation:isolate;-webkit-mask-image:linear-gradient(to top, #000 var(--reel-wipe), transparent var(--reel-wipe)), linear-gradient(to top, transparent var(--reel-hide), #000 var(--reel-hide));-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to top, #000 var(--reel-wipe), transparent var(--reel-wipe)), linear-gradient(to top, transparent var(--reel-hide), #000 var(--reel-hide));mask-image:linear-gradient(to top, #000 var(--reel-wipe), transparent var(--reel-wipe)), linear-gradient(to top, transparent var(--reel-hide), #000 var(--reel-hide));-webkit-mask-composite:source-in;mask-composite:intersect}.photo-stage__reel-video{mix-blend-mode:screen;width:100%;height:100%;opacity:max(var(--photo-reel-strength), var(--photo-reel-preview));position:absolute;inset:0}.photo-stage__reel[data-case-reel] .photo-stage__reel-video{opacity:var(--photo-reel-strength)}.photo-stage__reel-tint{background-color:var(--photo-tint);mix-blend-mode:color;position:absolute;inset:0}