/* The card's type roles over the shared styles (body.edition-uyen): the couple in Great Vibes, titles,
   the guest and dates in Cormorant Garamond, spaced capitals and text in Be Vietnam Pro, "&" between
   stacked names (typefaces and scale: tokens.css); the section layouts live in
   journey-lovebird-cards.css. */
.edition-uyen {
  --text-base: 17px;
}

/* Spaced capitals for every small label. */
.edition-uyen .invite-heading, .edition-uyen .family-label, .edition-uyen .event-kicker, .edition-uyen .cover-ceremony, .edition-uyen .count-unit {
  font-family: var(--font-ui); font-size: var(--fs-caps); font-weight: 600; letter-spacing: var(--caps-track); text-transform: uppercase;
}

/* The couple, signed in script; the guest in the serif, as if written in by hand on the line. */
.edition-uyen .couple-name, .edition-uyen .summary-names, .edition-uyen .cover-names {
  font-family: var(--font-script); font-style: normal; font-weight: 400; letter-spacing: 0; color: var(--brand); text-wrap: balance;
}
.edition-uyen .invite-guest { font-family: var(--font-serif); font-weight: 600; color: var(--brand); text-wrap: balance; }

/* "&" between the names, in the script and in gold: inline in a line of names; on its own line between gold
   hairlines when the names are stacked (the invitation, the film's first card, the quick view cover). */
.edition-uyen .names-join.is-amp .names-join-mark { font-family: var(--font-script); font-style: normal; font-weight: 400; color: var(--amp); }
.edition-uyen .couple-amp.is-amp { display: flex; align-items: center; justify-content: center; gap: 0.7rem; margin: 0; font-size: 2rem; line-height: 1; }
.edition-uyen .couple-amp.is-amp::before, .edition-uyen .couple-amp.is-amp::after {
  content: ''; width: 2.6rem; height: 1px; background: var(--rule); opacity: 0.85;
}
/* The glyph sits low in its line box: lift it to the hairlines. */
.edition-uyen .couple-amp.is-amp .names-join-mark { transform: translateY(-0.04em); }

/* Titles and dates: Cormorant Garamond. */
.edition-uyen .sheet-title, .edition-uyen .section-title {
  font-family: var(--font-serif); font-style: normal; font-weight: 600; letter-spacing: 0.01em; color: var(--brand);
}
.edition-uyen .event-date, .edition-uyen .count-value, .edition-uyen .cover-date {
  font-family: var(--font-serif); font-weight: 600;
}