.page-header.feature .wrapper{
    border-bottom: none;
}

section.video{
    padding: calc(120 * var(--rpx-50)) var(--wrapper-margin);

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    position: relative;
    z-index: 210;
    width: 100%;
    box-sizing: border-box;
}

.vid-ctn{
    width: min(100%, calc(1000 * var(--rpx-75)));
    margin-inline: auto;
    aspect-ratio: 1000 / 580;
    height: auto;
    padding: calc(20 * var(--rpx-75));
    position: relative;
    border-radius: calc(30 * var(--rpx-75));
}

.vid-ctn::after{
    opacity: 1;
}

.vid-ctn .cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}


.vid-ctn video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.vid-ctn .btn-layer{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 210;
    cursor: pointer;
}

.play-hint{
    width: calc(261 * var(--rpx-75));
    height: calc(130 * var(--rpx-75));
    background: url("../images/play_hint_en.webp") center/contain no-repeat;
    transition: .4s cubic-bezier(0.15, 1, 0.336, 1);
}

.vid-ctn:hover .cover{
    filter: brightness(1.2);
}

.vid-ctn:hover .play-hint{
    transform: scale(1.08);
}

@media (max-width: 828px) {

    .play-hint{
        width: calc(160 * var(--rpx));
        height: calc(162.5 * var(--rpx));
    }
}