/* Creator credit — portfolio signature */
.creator-credit {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.45rem 0.85rem 0.45rem 0.45rem;
  border-radius: 9999px;
  border: 1px solid rgba(212, 164, 36, 0.35);
  background: linear-gradient(135deg, rgba(212, 164, 36, 0.12), rgba(15, 23, 42, 0.6));
  text-decoration: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background 0.25s ease;
}
.creator-credit:hover {
  border-color: #d4a424;
  box-shadow: 0 0 0 1px rgba(212, 164, 36, 0.25), 0 8px 28px rgba(212, 164, 36, 0.18);
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(212, 164, 36, 0.22), rgba(15, 23, 42, 0.85));
}
.creator-credit__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background: #d4a424;
  color: #0a1628;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.creator-credit__copy {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  text-align: left;
}
.creator-credit__eyebrow {
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(212, 164, 36, 0.9);
  font-weight: 600;
}
.creator-credit__name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.02em;
}
.creator-credit__arrow {
  color: #d4a424;
  font-size: 0.75rem;
  margin-left: 0.15rem;
  transition: transform 0.25s ease;
}
.creator-credit:hover .creator-credit__arrow {
  transform: translate(2px, -2px);
}
.creator-credit:hover .creator-credit__name {
  color: #f0c850;
}