.clp-banner[data-style="precious-bright"] {
    container-type: inline-size;
    --CTA-BG-COLOR: #CCB089;
    --CTA-COLOR: #FFF;
    --CTA-BG-HOVER-COLOR: #CCB089;
    position: relative;
}

.clp-banner[data-style="precious-bright"] .clp-banner__title {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
        Arial, sans-serif;
    font-size: 1.26385cqw;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 2.52cqw;
}

.clp-banner[data-style="precious-bright"] .clp-banner__cta {
    margin-top: 2.52cqw;
    padding: 14px 32px;
}


.clp-banner[data-style="precious-bright"] .clp-banner__logo {
    width: 100%;
}


.clp-banner[data-style="precious-bright"] .clp-banner__col--left,
.clp-banner[data-style="precious-bright"] .clp-banner__col--right {
    flex-basis: 50%;
    max-width: 632px;
}

.clp-banner[data-style="precious-bright"] .clp-banner__col--right {
    padding: 0 10cqw;
}

@media (max-width: 761px) {
    .clp-banner[data-style="precious-bright"] .clp-banner__visual--double {
        padding-bottom: 0;
    }

    .clp-banner[data-style="precious-bright"] .clp-banner__logo {
        width: auto;
        flex: 1;
        height: 10cqw;
        display: block;
        margin-bottom: calc(20cqw - 40px);
    }

    .clp-banner[data-style="precious-bright"] .clp-banner__col--right {
        height: 174cqw;
        padding: 14.6cqw 11.6cqw;
        justify-content: flex-end;
    }

    .clp-banner[data-style="precious-bright"] .clp-banner__title {
        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
            Arial, sans-serif;
        font-size: 4.65cqw;
        line-height: 1em;
        margin-top: 0;
        margin-bottom: 0;
        justify-self: flex-start;
        height: 99cqw;
    }

    .clp-banner[data-style="precious-bright"] .clp-banner__cta {
        margin-top: 0px;
    }

}