/* Product packs sit above a soft ground shadow; photography and navigation stay still. */
.pd-card-image,.pd-photo,.hprc-box>a{position:relative;isolation:isolate}
.pd-card-image::after,.pd-photo::after,.hprc-box>a::after{
 content:"";position:absolute;z-index:0;pointer-events:none;
 left:27%;right:27%;bottom:13px;height:10px;border-radius:50%;
 background:rgba(48,25,60,.18);filter:blur(7px);
 transition:opacity .28s ease,scale .28s ease;
}
.pd-photo::after{left:30%;right:30%;bottom:22px;height:14px;filter:blur(10px)}
.hprc-box>a::after{top:270px;bottom:auto}
.pd-card-image img,.pd-photo img,.hprc-box>a>img{
 position:relative;z-index:1;mix-blend-mode:multiply;translate:0 -5px;
 transform-origin:50% 65%;transition:transform .3s cubic-bezier(.22,1,.36,1);
 animation:luminara-pack-arrival 4.4s ease-in-out 1;
}
.pd-card:nth-child(3n+2) .pd-card-image img{animation-delay:.12s}
.pd-card:nth-child(3n) .pd-card-image img{animation-delay:.24s}
@keyframes luminara-pack-arrival{0%,100%{translate:0 -5px}50%{translate:0 -12px}}
@keyframes luminara-pack-hover{0%,100%{translate:0 -5px}50%{translate:0 -12px}}
@media(hover:hover) and (pointer:fine){
 .pd-card:hover .pd-card-image img,.pd-photo:hover img,.hprc-box>a:hover>img{
  animation:luminara-pack-hover 2.8s ease-in-out infinite;transform:scale(1.025);
 }
 .pd-card:hover .pd-card-image::after,.pd-photo:hover::after,.hprc-box>a:hover::after{opacity:.68;scale:.9 1}
}
.pd-card:focus-within .pd-card-image img,.hprc-box>a:focus-visible>img{transform:translateY(-5px)}
@media(max-width:640px){
 .pd-card-image::after{left:20%;right:20%;bottom:10px;height:8px;filter:blur(5px)}
 .pd-photo::after{bottom:17px}
}
@media(prefers-reduced-motion:reduce){
 .pd-card-image img,.pd-photo img,.hprc-box>a>img{
  animation:none!important;transition:none;translate:none;transform:none!important;
 }
 .pd-card-image::after,.pd-photo::after,.hprc-box>a::after{transition:none}
}