.mcpsbsv3-wrap{
    background:#D2CFCF;
    padding:42px;
    border-radius:32px;
    font-family:Inter,Arial,sans-serif;
}

.mcpsbsv3-title{
    margin:0 0 30px;
    font-size:52px;
    line-height:0.95;
    font-weight:900;
    letter-spacing:-0.05em;
    color:#111827;
    max-width:10ch;
}

.mcpsbsv3-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
}

.mcpsbsv3-card{
    display:flex;
    flex-direction:column;
}

.mcpsbsv3-media{
    position:relative;
    aspect-ratio:9/16;
    overflow:hidden;
    border-radius:28px;
    background:#0f172a;
    box-shadow:
        0 40px 80px rgba(15,23,42,.16),
        0 10px 24px rgba(15,23,42,.08);
}

.mcpsbsv3-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.32),
            transparent 34%
        );
    pointer-events:none;
}

.mcpsbsv3-media video,
.mcpsbsv3-media audio{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background:#0f172a;
}

.mcpsbsv3-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:3;
}

.mcpsbsv3-overlay span{
    position:absolute;
    top:28px;
    font-size:72px;
    font-weight:900;
    line-height:1;
    letter-spacing:-0.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.78);

    background:linear-gradient(
        to bottom,
        rgba(255,255,255,.92),
        rgba(255,255,255,.32)
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
        0 8px 28px rgba(0,0,0,.22);

    backdrop-filter:blur(2px);
}

.mcpsbsv3-overlay.left span{
    left:26px;
}

.mcpsbsv3-overlay.right span{
    right:26px;
}

@media(max-width:920px){

    .mcpsbsv3-grid{
        grid-template-columns:1fr;
    }

    .mcpsbsv3-title{
        font-size:42px;
        max-width:11ch;
    }

    .mcpsbsv3-overlay span{
        font-size:54px;
    }

}

@media(max-width:560px){

    .mcpsbsv3-wrap{
        padding:20px;
    }

    .mcpsbsv3-title{
        font-size:34px;
    }

    .mcpsbsv3-overlay span{
        font-size:40px;
        top:20px;
    }

    .mcpsbsv3-overlay.left span{
        left:18px;
    }

    .mcpsbsv3-overlay.right span{
        right:18px;
    }

}