.mailbox .mail-addr { color: var(--white); }
.mailbox .mail-addr { display: inline-grid; overflow: hidden; line-height: 1.3; }
.mailbox .mail-addr > span { grid-area: 1 / 1; color: var(--white); transition: transform 200ms var(--ease), opacity 200ms var(--ease); }
.mailbox .mail-c { display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px; transform: translateY(100%); opacity: 0; }
.mailbox .mail-c::before { content: ""; width: 26px; height: 1px; background: var(--peach); }
.mailbox.is-copied .mail-a { transform: translateY(-100%); opacity: 0; }
.mailbox.is-copied .mail-c { transform: none; opacity: 1; }
.mailbox.is-copied .mail-addr > span { transition-duration: 300ms; }
.mail-live { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  .mailbox .mail-addr > span { transition: none; }
  .mailbox .mail-c, .mailbox.is-copied .mail-a { transform: none; }
}