.hero-signature {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    color: #656b72;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.24em;
    text-align: center;
}

.hero-signature::before,
.hero-signature::after {
    content: "";
    flex: 0 0 50px;
    height: 1px;
    background: currentColor;
    opacity: 0.22;
}

.hero-signature-caption { margin: 8px auto 0; }

@media (max-width: 639px) {
    .hero-signature { gap: 10px; font-size: 9px; letter-spacing: 0.18em; }
    .hero-signature::before,
    .hero-signature::after { flex-basis: 20px; }
}