/* The frame stays fixed throughout the cycle, so the form and links never jump. */
.contact-copy { --contact-word-gap:24px; }
.contact-wrap h2 {
  display:flex;
  flex-direction:column;
  gap:var(--contact-word-gap);
}
.contact-copy .contact-details { margin-top:var(--contact-word-gap); }
.contact-wrap h2 .contact-form-shape {
  position:relative;
  display:block;
  width:4.2em;
  max-width:100%;
  padding:0;
  color:var(--lime);
}
.contact-form-shape.is-morphing { aspect-ratio:1000 / 620; }
.contact-word-fallback { color:inherit; }
.is-morphing .contact-word-fallback {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.contact-word-vector { display:block;width:100%;height:100%;overflow:visible;fill:currentColor; }
.contact-word-vector path { stroke:none;fill-rule:nonzero; }
