/* VCSLV credit — one quiet line under the footer. Takes the footer's colour and font; the mark is vector
   (Onest 700 outlines, no font download). Only the dot carries our terracotta. */
.vc-credit-row {
  margin-top: clamp(28px, 4vw, 44px);
  padding: 14px 0 calc(14px + env(safe-area-inset-bottom));
  border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
  display: flex; justify-content: center;
  /* always a full-width line of its own, even inside a footer grid or flex row */
  grid-column: 1 / -1; flex: 0 0 100%; width: 100%; box-sizing: border-box;
}
.vc-credit {
  --vc-dot: #D2664A;
  display: inline-flex; align-items: center; gap: .7em; min-height: 44px; padding: 0 6px;
  color: inherit; text-decoration: none; font-size: 12px; line-height: 1; letter-spacing: .04em;
  opacity: .72; transition: opacity .4s ease;
}
.vc-credit--light { --vc-dot: #A8452F; }
.vc-credit__mark { display: block; height: .92em; width: auto; overflow: visible; }
.vc-credit__dot { fill: var(--vc-dot); transform-box: fill-box; transform-origin: center; transition: transform .8s cubic-bezier(.2, .9, .25, 1.35) .15s, filter .4s ease; }
.vc-credit__line { padding-left: .7em; border-left: 1px solid color-mix(in srgb, currentColor 30%, transparent); }
.vc-credit.is-arm .vc-credit__dot { transform: scale(0); }
.vc-credit.is-arm.is-in .vc-credit__dot { transform: scale(1); }
.vc-credit:hover, .vc-credit:focus-visible { opacity: 1; }
.vc-credit:hover .vc-credit__dot, .vc-credit:focus-visible .vc-credit__dot { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--vc-dot) 80%, transparent)); }
.vc-credit:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; border-radius: 4px; }
@media (max-width: 520px) {
  .vc-credit { flex-wrap: wrap; justify-content: center; row-gap: 8px; padding: 10px 6px; }
  .vc-credit__line { flex-basis: 100%; text-align: center; padding-left: 0; border-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .vc-credit.is-arm .vc-credit__dot { transform: none; transition: none; } }