/* "LET'S TALK" mail link.
   The footer is a fixed curtain behind the page (z-index: -1), so nothing inside it
   can receive clicks. Instead an invisible link sits in the in-flow spacer
   (.footer-camera) exactly over the SVG once the page is scrolled to the bottom:
   both are bottom-aligned with 1rem padding and the SVG keeps its 1386:164 ratio. */
.footer-camera { position: relative; }
.footer-mail-hit {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  aspect-ratio: 1386 / 164;
  z-index: 1;
  display: block;
  cursor: pointer;
}
.footer-mail-hit:focus-visible { outline: 2px solid #c4ff00; outline-offset: 6px; }

.footer-mail-link {
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
  transform-origin: center bottom;
}
body:has(.footer-mail-hit:hover) .footer-mail-link { transform: scale(1.015); opacity: 0.9; }