/* Login artwork campaign only. Form, layout dimensions and business styles are unchanged. */
.cb-login-hero.has-update-bg {
    background-image: linear-gradient(90deg, rgb(5 10 13 / 0.32), transparent 75%), var(--login-hero-bg);
    background-position: center;
    background-size: cover;
    align-content: space-between;
}
.cb-login-hero.has-update-bg::after { background: none; }
.has-update-bg .cb-login-hero-copy { max-width: 470px; }
.has-update-bg .cb-login-wordmark { max-width: 245px; margin-bottom: 32px; }
.cb-login-update-label {
    display: block;
    color: #a6cdb7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.15em;
    margin-bottom: 16px;
}
.has-update-bg .cb-login-hero-copy h1 {
    font-size: clamp(30px, 3.3vw, 49px);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.13;
}
.has-update-bg .cb-login-hero-copy h1 span { color: #6bcb93; }
.has-update-bg .cb-login-hero-copy p { max-width: 340px; font-size: 16px; line-height: 1.6; }
.has-update-bg .cb-login-features { display: none; }
.has-update-bg .cb-login-secure { color: #dbece1; font-size: 12px; position: relative; z-index: 1; text-shadow: 0 1px 4px rgb(0 0 0 / 0.6); }
@media (max-width: 767px) {
    .cb-login-hero.has-update-bg { background-position: center 44%; }
    .has-update-bg .cb-login-wordmark { max-width: 145px; margin-bottom: 12px; }
    .cb-login-update-label { font-size: 9px; margin-bottom: 9px; }
    .has-update-bg .cb-login-hero-copy h1 { font-size: 24px; margin-bottom: 0; }
    .has-update-bg .cb-login-hero-copy p { display: none; }
}