.shopperScene{position:relative;min-width:0;perspective:1100px;isolation:isolate}.shopperScene:before{content:"";position:absolute;inset:16px -12px -12px 16px;z-index:-1;border:1px solid #bfd0fb;border-radius:18px;background:linear-gradient(135deg,#edf3ff,#d9e6ff);transform:rotate(2deg)}.shopperScene .shopperFrame{border-radius:14px;box-shadow:0 22px 45px -22px #173b704a;transform:rotateX(calc(var(--scene-y,0) * -2deg)) rotateY(calc(var(--scene-x,0) * 2deg));transition:transform .35s ease-out,box-shadow .35s ease-out}.shopperScene .shopperFrame img{object-position:50% 43%;transform:scale(1.02);transition:transform .5s ease-out}.shopperScene .shopperCaption{left:18px;right:18px;bottom:18px;border:1px solid #ffffffb3;background:rgba(255,255,255,.94);box-shadow:0 8px 24px #173b7012;padding:18px 22px}.shopperScene .shopperCaption>span{font-size:11px;letter-spacing:.12em;color:#2456b8}.shopperScene .shopperCaption p{color:#102a46;font-size:30px;line-height:1.15;margin-top:7px}.shopperScene .heroImageNote{font-size:11px;line-height:1.4;padding:4px 8px;background:rgba(16,42,70,.8)}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.shopperScene:hover .shopperFrame{box-shadow:0 28px 50px -24px #173b7061}.shopperScene:hover img{transform:scale(1.035)}}@media(max-width:600px){.shopperScene:before{inset:10px -5px -7px 10px;transform:rotate(1deg)}.shopperScene .shopperFrame{height:340px}.shopperScene .shopperFrame img{object-position:50% 40%}.shopperScene .shopperCaption{left:12px;right:12px;bottom:12px;padding:14px 17px}.shopperScene .shopperCaption p{font-size:26px}.shopperScene .heroImageNote,.shopperScene .shopperCaption>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.shopperScene .shopperFrame,.shopperScene .shopperFrame img{transform:none;transition:none}}