.page-header .left{
    background: linear-gradient(to right top, var(--theme-beige), #33355a, var(--theme-navy));
}

div.page-header-back{
    background: linear-gradient(to right top, #c6b792, #3b3c5c, #021b64 90%);
}

.page-header .left .header-icon{
    left: 50%;
    height: auto;
    aspect-ratio: 1/1;
    width: 100%;
}

section.building{
    padding-top: calc(140 * var(--rpx-50));
    padding-bottom: calc(200 * var(--rpx-50));
    background-color: #fafbfd;
    overflow: hidden;
}

.building .section-back{
    width: var(--wrapper-width);
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.building .brick-list{
    --brick-color: #fff;
    --brick-color-shift: #fff;
}

.building .brick-list .desc{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.building .brick-list .arr::before{
    filter: url(#black-overlay);
}

section.pyramid{
    padding-top: calc(140 * var(--rpx-50));
    padding-bottom: calc(180 * var(--rpx-50));
}

.pyramid .section-title{
    margin-bottom: calc(24 * var(--rpx));
}

@media (min-width: 961px) {
    .pyramid .wrapper{
        width: clamp(900px, calc(41.6667vw + 500px), 1300px);
    }
}

.pyramid .desc{
    text-align: center;
}

.pyramid .figure{
    margin-top: calc(100 * var(--rpx-50));
    width: clamp(900px, calc(32.0833vw + 592px), 1208px);
}

.flux .left{
    background-color: #f4ecdb;
}

.how-we-foster .cap-left{
    background-color: #c8b993;
}

.how-we-foster .cap-left .link-more{
    background-color: rgba(0, 0, 0, .15);
}

.how-we-foster .cap-left .link-more:hover{
    background-color: rgba(0, 0, 0, .3);
}

@media (max-width: 960px) {
    .pyramid .figure{
        width: 100%;
    }
}