:root { --card-depth-shadow: 0 2px 4px rgb(20 47 32 / 5%), 0 12px 26px -12px rgb(20 47 32 / 18%), 0 28px 48px -28px rgb(20 47 32 / 22%), inset 0 1px 0 rgb(255 255 255 / 65%); }
.site-footer__card,
.testimonial-card,
.bk-card,
.service-flip-card__face,
main :is(div, article, a).rounded-3xl,
main a.rounded-2xl,
main div.rounded-2xl.p-6 {
  box-shadow: var(--card-depth-shadow);
}
.service-flip-card__face--front:hover { box-shadow: var(--card-depth-shadow); }
.service-flip-card__face--back { box-shadow: 0 2px 4px rgb(20 47 32 / 8%), 0 14px 30px -12px rgb(20 47 32 / 25%), inset 0 1px 0 rgb(255 255 255 / 14%); }