.bw-colophon {
    position: relative;
    overflow: hidden;
    margin-top: 2rem;
    padding: 3.25rem 0 5.5rem;
    color: var(--bw-ivory);
    background:
        linear-gradient(180deg, rgba(42, 33, 24, 0.62), rgba(42, 33, 24, 0.82)),
        url('../../images/bohemian/hero-interior.png') center / cover no-repeat;
}

.bw-colophon__inner {
    position: relative;
    z-index: 2;
    text-align: center;
}

.bw-colophon__deco--pampas {
    width: clamp(56px, 11vw, 100px);
    top: 0.75rem;
    inset-inline-start: 0.75rem;
    opacity: 0.45;
    --bw-rot: -14deg;
    transform: rotate(var(--bw-rot));
}

.bw-colophon__glyph {
    width: 48px;
    height: 48px;
    margin: 0 auto 0.65rem;
    background: url('../../images/bohemian/deco-macrame.png') center / contain no-repeat;
    opacity: 0.7;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.2));
}

.bw-colophon__inner .bw-ornament-line {
    margin-block: 0.75rem 0.35rem;
}

.bw-colophon__name {
    margin: 0;
    font-family: var(--bw-font-fa);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
}

.bw-colophon__meta {
    margin: 0.45rem 0 0;
    font-size: 0.92rem;
    opacity: 0.88;
}

.bw-colophon__links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.bw-colophon__links a {
    border-bottom: 1px solid color-mix(in srgb, var(--bw-ivory) 35%, transparent);
    padding-bottom: 0.1rem;
}

.bw-colophon__copy {
    margin: 1.25rem 0 0;
    font-size: 0.8rem;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .bw-colophon {
        padding: 2.75rem 0 5rem;
    }
}