/* Parkpad on the Yieldcash shell: the banner photo, the lime trees, the chrome pinwheel. */
.pk-mark { width: 1.5em; height: 1.5em; object-fit: contain; display: inline-block; vertical-align: middle;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .35)); }
.h9-foot-brand .pk-mark { width: clamp(44px, 6.4vw, 104px); height: clamp(44px, 6.4vw, 104px); margin-right: .1em; }
.star[src$="mark.png"], .toast_item img[src$="mark.png"] { object-fit: contain; }

.hero .image-fill > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.hero .pk-overlay { background:
  radial-gradient(60% 55% at 50% 40%, rgba(6, 40, 60, .34), rgba(6, 40, 60, 0) 72%),
  linear-gradient(180deg, rgba(8, 20, 28, .18) 0%, rgba(8, 20, 28, 0) 30%, rgba(15, 16, 17, 0) 62%, #0f1011 100%) !important; }
.hero .site-wrapper__hero { position: relative; z-index: 2; }
.hero .headingitalic { text-shadow: 0 2px 30px rgba(6, 50, 80, .35); }

.pk-trees { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.pk-tree { position: absolute; display: block; height: auto; user-select: none;
  transform: translate3d(calc(var(--mx, 0) * var(--z) * -18px), calc(var(--my, 0) * var(--z) * -12px), 0);
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1); filter: drop-shadow(0 20px 30px rgba(10, 60, 90, .22)); }
.pk-tree--tl { top: 0; left: 6vw; width: 23vw; animation: pk-sway 9s ease-in-out infinite alternate; transform-origin: top center; }
.pk-tree--tr { top: 0; right: 7vw; width: 17vw; animation: pk-sway 11s ease-in-out infinite alternate-reverse; transform-origin: top center; }
.pk-tree--bl { bottom: 0; left: 0; width: 27vw; }
.pk-tree--br { bottom: 0; right: 0; width: 20vw; }
.pk-tree--s1 { top: 16%; left: 60%; width: 6vw; animation: pk-float 7s ease-in-out infinite alternate; }
.pk-tree--s2 { top: 46%; left: 12%; width: 5vw; animation: pk-float 8.5s ease-in-out infinite alternate-reverse; }
@keyframes pk-sway { from { rotate: -1.2deg; } to { rotate: 1.4deg; } }
@keyframes pk-float { from { translate: 0 -8px; rotate: -4deg; } to { translate: 0 10px; rotate: 5deg; } }
@media (max-width: 767px) {
  .pk-tree--tl { width: 40vw; left: -4vw; } .pk-tree--tr { width: 30vw; right: -2vw; }
  .pk-tree--bl { width: 44vw; } .pk-tree--br { width: 36vw; }
  .pk-tree--s1 { width: 12vw; top: 12%; } .pk-tree--s2 { width: 11vw; top: 72%; left: 62%; }
}
@media (prefers-reduced-motion: reduce) { .pk-tree { animation: none !important; transition: none; } }

/* pencil accent: the coaster rails and the sand in coaster pink */
.pa { --pa-acc: #ff4f8b; }
/* a live address in the contract box */
.cp-ca[data-state="live"] .cp-ca-dot { background: #c6e85a; }
