/* ===============================
   BRAND SHOWCASE
================================ */

.brand-showcase {
    width: min(1200px, calc(100% - 40px));
    margin: -10px auto 36px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.brand-line {
    flex: 1;
    max-width: 260px;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(139, 92, 246, .65),
            transparent);
}

.brand-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
}

.brand-icon {
    width: 202px;
    height: 320px;
    object-fit: contain;
    filter: drop-shadow(0 0 24px rgba(139, 92, 246, .65));
}

.brand-wordmark {
    width: 390px;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 20px rgba(139, 92, 246, .28));
}

.brand-center p {
    display: none;
}

@media(max-width:768px) {
    .brand-showcase {
        margin: 10px auto 34px;
        gap: 14px;
    }

    .brand-line {
        max-width: 70px;
    }

    .brand-icon {
        width: 52px;
        height: 52px;
    }

    .brand-wordmark {
        width: 230px;
    }
}