.product-image{isolation:isolate}.product-image .product-tag,.product-image .image-action{z-index:3}
.product-image .colour-atmosphere{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 450ms ease}
.product-image .card-atmosphere-art{position:absolute;width:74%;height:auto;right:-14%;top:-3%;overflow:visible;transform:translate(12px,19px) rotate(-8deg);transform-origin:72% 28%;transition:transform 1000ms cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 3px 8px #182e650b)}
.product-image .card-atmosphere-art .scene-float{opacity:0;transform:translateY(15px);transition:opacity 650ms ease 100ms,transform 1200ms cubic-bezier(.16,1,.3,1)}
.product-image .card-atmosphere-art>path,.product-image .card-atmosphere-art>g:not(.scene-emblem):not(.scene-float){opacity:0}
.product-image:focus-visible .colour-atmosphere{opacity:.95}.product-image:focus-visible .card-atmosphere-art{transform:translate(0,0) rotate(0)}
.product-image:focus-visible .card-atmosphere-art .scene-float{opacity:.8;transform:translateY(-4px)}
@media(hover:hover) and (pointer:fine){.product-image:hover .colour-atmosphere{opacity:.95}.product-image:hover .card-atmosphere-art{transform:translate(0,0) rotate(0)}.product-image:hover .card-atmosphere-art .scene-float{opacity:.8;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.product-image .colour-atmosphere,.product-image .card-atmosphere-art,.product-image .card-atmosphere-art .scene-float{transition:none}.product-image .card-atmosphere-art,.product-image .card-atmosphere-art .scene-float{transform:none}}