.page-banner {
    height: 160px;
    max-height: 180px;
    display: flex;
    align-items: center;
    color: white;
    background-color: var(--blue);
    background-image: linear-gradient(115deg, transparent 70%, #ffffff0a 70%, #ffffff0a 84%, transparent 84%);
}
.page-banner > div {
    width: 100%;
    max-width: var(--content);
    margin: auto;
    padding: 20px 24px;
}
.page-banner h1 {
    font-size: clamp(24px, 3.3vw, 46px);
    font-weight: 700;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
@media (max-width: 640px) {
    .page-banner {
        height: 124px;
    }
    .page-banner > div {
        padding: 16px 20px;
    }
    .page-banner h1 {
        font-size: 27px;
    }
}