.bw-colophon {
    padding: 3rem 0 calc(2rem + var(--bw-nav-h) + var(--bw-safe-bottom));
    text-align: center;
}

.bw-colophon__rule {
    height: 1px;
    max-width: 1120px;
    margin: 0 auto 2rem;
    background: linear-gradient(90deg, transparent, var(--bw-gold-neon), transparent);
    box-shadow: var(--bw-gold-glow);
}

.bw-colophon__inner {
    padding: 1.5rem 2rem;
    border: 1px solid color-mix(in srgb, var(--bw-gold) 35%, var(--bw-light));
    border-radius: var(--bw-r-xl);
    max-width: 480px;
    margin-inline: auto;
    box-shadow: var(--bw-gold-glow);
}

.bw-colophon__name {
    margin: 0 0 0.5rem;
    font-family: var(--bw-font-display);
    font-size: 1.35rem;
    font-weight: 600;
    color: var(--bw-gold-deep);
}

.bw-colophon__meta {
    margin: 0.2rem 0;
    font-size: 0.9rem;
    color: var(--bw-mid);
}

.bw-colophon__copy {
    margin: 1.5rem 0 0;
    font-family: var(--bw-font-ui);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--bw-mid);
}