@media (max-width: 768px) {:root {--rotation: 20deg;--timing: 400ms;}.pk:hover .bg-image {z-index: 1;filter: blur(7px) brightness(60%);transform: rotateX(var(--rotation));transition: transform var(--timing), filter var(--timing);}.pk:hover .front-image {z-index: 1000;opacity: 1;}.front-image {padding-top: 120px;}.pk {isolation: isolate;}.pk::before {content: "";position: absolute;inset: 0;z-index: 100;opacity: 0;transition: opacity var(--timing);}.pk.nearby .bg-image {filter: blur(7px) brightness(60%);}.pk.nearby {rotate: x var(--rotation);}.pk.nearby .front-image {opacity: 1;transform: translateY(-2rem) translateZ(-10px);rotate: x calc(var(--rotation) * -1);}.pk.nearby::before {opacity: 1;}.pk.nearby::after {rotate: x calc(var(--rotation) * -1);translate: 0 60px;}}@media (max-width: 1220px) {:root {--rotation: 20deg;--timing: 600ms;}.pk:hover .bg-image {z-index: 1;filter: blur(7px) brightness(60%);transform: rotateX(var(--rotation));transition: transform var(--timing), filter var(--timing);}.pk:hover .front-image {z-index: 1000;opacity: 1;max-width: 210px !important;}.front-image {padding-top: 120px;}.pk {isolation: isolate;}.pk::before {content: "";position: absolute;inset: 0;z-index: 100;opacity: 0;transition: opacity var(--timing);}.pk.nearby .bg-image {filter: blur(7px) brightness(60%);}.pk.nearby {rotate: x var(--rotation);}.pk.nearby .front-image {opacity: 1;transform: translateY(-2rem) translateZ(-10px);rotate: x calc(var(--rotation) * -1);}.pk.nearby::before {opacity: 1;}.pk.nearby::after {rotate: x calc(var(--rotation) * -1);translate: 0 60px;}}