/* The entry and invitation use one typographic treatment for the couple's names. */
:root {--invitation-name-size:clamp(45px,12.1vw,74px)}
.hero-title,.gate-heading {
  font-family:var(--serif);
  font-size:var(--invitation-name-size);
  font-style:normal;
  font-weight:400;
  line-height:.77;
  letter-spacing:-.045em;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  text-shadow:0 2px 9px rgba(0,0,0,.4);
}
.hero-title>span,.gate-heading>span {
  display:block;
  font-variant:small-caps;
  text-transform:uppercase;
  letter-spacing:.045em;
  white-space:nowrap;
  color:var(--sky-gold,#e2b985);
}
.hero-title>em,.gate-heading>em {
  display:block;
  font-size:.57em;
  font-weight:400;
  line-height:1.16;
  color:#e1a68e;
  text-shadow:none;
}
.gate-heading {margin:0}
.gate-actions {gap:0}
@media(min-width:700px){
  :root {--invitation-name-size:clamp(36px,6.6svh,78px)}
}