/* Envelope letter travel.
 *
 * Loaded after site.css on purpose. site.css holds the whole envelope as a
 * self-contained component, and this file adjusts ONE property of it - how far
 * the letter rises when the flap opens - because the correct distance depends
 * on the card's own height, which is content-dependent: a letter with one guest
 * name on it and a letter with four are different heights, and a fixed travel
 * that looks right for one either clips the other or leaves it inside the
 * envelope.
 *
 * Keeping it here rather than inlining it into site.css means the geometry in
 * one file is readable on its own, and the value that has to win the cascade
 * lives in a two-line file whose entire job is to win the cascade.
 */
.envelope .letter { transform: translateY(0); }
.envelope-overlay.is-opening .letter { transform: translateY(-112px); }