/* One light direction for transparent cutouts; baked shadows keep a lighter lift. */
:root {
  --sticker-shadow-contact:rgb(40 34 25 / 22%);
  --sticker-shadow-soft:rgb(40 34 25 / 16%);
  --sticker-shadow-baked:rgb(40 34 25 / 8%);
}
.hero-connection img,
.profile-photo,
.career-duck-reference img,
.reading-sticker img,
.contact-eyes {
  --sticker-u:1px;
  filter:
    drop-shadow(calc(.5 * var(--sticker-u)) calc(1.5 * var(--sticker-u)) calc(.65 * var(--sticker-u)) var(--sticker-shadow-contact))
    drop-shadow(calc(1 * var(--sticker-u)) calc(5 * var(--sticker-u)) calc(3.5 * var(--sticker-u)) var(--sticker-shadow-soft));
}
/* Hands and portrait already contain their close, dimensional shadow in the PNG. */
.hero-connection img,
.profile-photo {
  filter:drop-shadow(calc(.5 * var(--sticker-u)) calc(2.5 * var(--sticker-u)) calc(3 * var(--sticker-u)) var(--sticker-shadow-baked));
}
.profile-photo { --sticker-u:.65px; }
.reading-sticker img { --sticker-u:.85px; }
.contact-eyes { --sticker-u:.55px; }
.contact-card.is-wide .contact-eyes { --sticker-u:.85px; }
@media (max-width:900px) {
  .hero-connection img { --sticker-u:.8px; }
  .profile-photo { --sticker-u:.45px; }
  .career-duck-reference img { --sticker-u:.85px; }
  .reading-sticker img { --sticker-u:.7px; }
  .contact-eyes,
  .contact-card.is-wide .contact-eyes { --sticker-u:.35px; }
}