/* Keep page structure, copy and routes; replace only photographic motion stages. */
.photo-scene{position:absolute;right:-1%;top:18%;width:61%;height:65%;isolation:isolate}.photo-scene canvas,.photo-scene .photo-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.photo-scene canvas{opacity:0;transition:opacity .35s}.photo-scene canvas.photo-ready{opacity:1}.photo-scene .photo-fallback{mask-image:radial-gradient(ellipse closest-side,#000 80%,transparent 100%)}.photo-scene:has(canvas.photo-ready) .photo-fallback{visibility:hidden}.family-photo{top:17%;height:73%;right:-3%;width:64%}.mailer-photo{top:20%;height:64%;width:62%;right:-1%}.photo-key{position:absolute;bottom:-4px;left:17%;right:12%;display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#c6d6c9;z-index:4}.journey.fastening{height:285svh}.closure-photo{top:23%;height:60%;width:60%;right:0}.closure-shot{position:absolute;inset:0;transform-origin:center;transition:none}.zipper-shot{opacity:var(--zip-opacity,1);transform:translateX(var(--zip-slide,0px))}.press-shot{opacity:var(--press-opacity,0);transform:translateX(var(--press-slide,45px))}.closure-labels{position:absolute;bottom:0;left:11%;right:11%;display:flex;gap:28px;font-size:13px;color:#d1dfd5}.closure-labels span{opacity:.4;padding-bottom:8px;border-bottom:1px solid transparent}.closure-labels .active{opacity:1;border-color:#bcd1a9}.retail-photo{height:73%;top:13%;width:60%;right:0}.gift-photo{height:67%;top:19%;width:60%;right:-1%}.detail-caption{position:absolute;bottom:0;left:12%;font-size:12px;color:#46634f}.journey-stage .photo-scene{pointer-events:none}.photo-scene canvas{will-change:auto}
@media(max-width:760px){.photo-scene,.family-photo,.mailer-photo,.closure-photo,.retail-photo,.gift-photo{width:112%;height:44%;right:-6%;top:47%}.family-photo{top:49%;height:36%}.mailer-photo{top:49%;height:36%}.closure-photo{top:46%;height:43%}.retail-photo{top:44%;height:47%}.gift-photo{top:47%;height:42%}.photo-key{left:14%;right:10%;bottom:-2px;font-size:10px}.closure-labels{font-size:11px;bottom:0;left:14%}.detail-caption{font-size:11px;left:15%}.journey.fastening{height:255svh}}
@media(prefers-reduced-motion:reduce){.journey.fastening{height:auto}.closure-photo .press-shot{display:none}.closure-photo .zipper-shot{opacity:1;transform:none}.photo-scene canvas{transition:none}.photo-key,.closure-labels,.detail-caption{opacity:1}}