/* --- The mark ------------------------------------------------------------ */
/* Script word, sprig at its shoulder, tracked caps beneath. Same lockup at
   every size; only the root font-size changes. */

.lockup {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.lockup__script {
  position: relative;
  font-family: 'Great Vibes', 'Snell Roundhand', cursive;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.18;
  letter-spacing: 0.005em;
  white-space: nowrap;
}
.lockup__sprig {
  position: absolute;
  right: -0.46em;
  top: -0.10em;
  width: 0.80em;
  height: auto;
  color: var(--sage-soft);
  pointer-events: none;
}
.lockup__sub {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 0.185em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.46em;
  /* Tracking adds space after the last letter; pull it back so the caps stay
     optically centred under the script. */
  text-indent: 0.46em;
  color: currentColor;
  opacity: 0.9;
  margin-top: 0.55em;
}

/* Standalone sprig, used as a section divider. */
.sprig-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  color: var(--sage-soft);
}
.sprig-rule::before,
.sprig-rule::after {
  content: "";
  flex: 1 1 auto;
  max-width: 10rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--rule), transparent);
}
.sprig-rule svg { width: clamp(84px, 9vw, 112px); height: auto; }