.page-banner {
    position:   relative;
    padding:    32px 0 40px;
    overflow:   hidden;
    color:      var(--text-inverse);
    background:
        url('../img/catalog-ribbon.svg') center top / cover no-repeat,
        radial-gradient(900px 420px at -5% -20%, rgba(255, 255, 255, .22), transparent 70%),
        radial-gradient(700px 360px at 85% -15%, rgba(80, 160, 230, .45), transparent 70%),
        radial-gradient(800px 340px at 50% 110%, rgba(255, 255, 255, .14), transparent 70%),
        linear-gradient(178deg, var(--blue-500) 0%, #1f63ad 100%);
}

.page-banner .container {
    position:       relative;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    gap:            24px;
}

.page-banner__title {
    font-size:   40px;
    line-height: 1.4;
    font-weight: 700;
    color:       var(--text-inverse);
    text-align:  center;
}