/* Give connected handwriting room for ascenders, descenders and swashes. */
.atlas-wordmark,
.atlas-brand-inline {
  font-family: "Playwrite AT", "Segoe Print", cursive !important;
  font-weight: 300 !important;
  font-style: normal;
  text-transform: lowercase;
  letter-spacing: 0 !important;
  overflow: visible;
}

.atlas-brand-inline {
  display: inline-block;
  line-height: 1.45;
  vertical-align: -0.08em;
  white-space: nowrap;
}

.brand-copy .atlas-wordmark,
.page-footer .atlas-wordmark {
  line-height: 1.8;
  padding-inline: 0.12em;
}

.entry-gate #entryTitle {
  line-height: 1.8;
  overflow: visible;
  padding: 0.12em 0.25em;
}

.entry-gate.is-ready:not(.is-opening) #entryTitle {
  animation: none;
  opacity: 1;
  transform: none;
}

.atlas-ink {
  display: inline-block;
  padding: 0.1em 0.2em;
  white-space: nowrap;
}

.atlas-ink.is-ink-loading {
  opacity: 0;
}

.entry-gate.is-ready .atlas-ink.is-ink-ready {
  animation: atlas-handwriting 2.6s 150ms cubic-bezier(0.35, 0.05, 0.25, 1) both;
}

/* Reveal the intact word so cursive joins never break between letters. */
@keyframes atlas-handwriting {
  0% { clip-path: inset(-0.2em 100% -0.2em -0.2em); opacity: 0; }
  12% { opacity: 1; }
  100% { clip-path: inset(-0.2em); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-gate.is-ready .atlas-ink.is-ink-ready {
    animation: none;
  }
  .atlas-ink.is-ink-loading { opacity: 1; }
}