:root {--timing: 400ms;--rotation: 30deg;}html {color-scheme: dark;}body {}.pk {width: 90%;position: relative;margin: 0 auto;transform-style: preserve-3d;transition: rotate var(--timing) ease;max-width: 1200px;padding-bottom: 10px;display: flex;justify-content: center;align-items: center;}.pk::before {content: "";position: absolute;inset: 0;z-index: 100;opacity: 0;transition: opacity var(--timing);}.logo, .front-image {position: absolute;}.bg-image {z-index: 1;max-width: 100%;max-height: 100%;background-size: auto;background-position: center;background-repeat: no-repeat;border-radius: 30px;}.logo {z-index: 1000;filter: invert(1);width: 65%;margin-inline: auto;inset: auto 0 2rem;transform: translateY(0rem) translateZ(20px);transition: var(--timing);}.front-image {max-width: 230px !important;scale: 1.6;transform-origin: bottom;opacity: 0;z-index: 101;transition: var(--timing);padding-top: 230px;image-rendering: auto;}.inspiration {font-family: system-ui;text-align: center;max-width: 25ch;-webkit-margin-before: 3rem;margin-block-start: 3rem;margin-inline: auto;}.bg-image {filter: blur(0px) brightness(100%);transition: filter 0.5s ease;}.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;}