.mb-video-section{
        padding:82px 0 92px;
        background:#FFFAF7;
        overflow:hidden;
    }

    .mb-video-heading{
        max-width:780px;
        margin-bottom:38px;
    }

    .mb-video-heading>p{
        margin:0 0 10px;
        color:#c88796;
        font-family:var(--script);
        font-size:clamp(34px,3vw,42px);
        line-height:1;
    }

    .mb-video-heading h2{
        margin:0;
        color:#4d3d42;
        font-family:var(--serif);
        font-size:clamp(38px,3.8vw,58px);
        line-height:.98;
        font-weight:500;
        letter-spacing:-.04em;
    }

    .mb-video-grid{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:24px;
        align-items:start;
    }

    .mb-video-card{
        position:relative;
        height:520px;
        overflow:visible;
        background:transparent;
        cursor:pointer;
        isolation:isolate;
    }

    .mb-video-card::before{
        content:"";
        position:absolute;
        z-index:-1;
        inset:18px -10px -14px 16px;
        border-radius:58px 38px 72px 44px;
        background:rgba(237,183,189,.48);
        transform:rotate(-2.5deg);
        pointer-events:none;
    }

    .mb-video-card:nth-child(2)::before{
        inset:-8px 14px 16px -10px;
        border-radius:42px 70px 40px 66px;
        background:rgba(246,221,223,.96);
        transform:rotate(2.5deg);
    }

    .mb-video-card:nth-child(3)::before{
        inset:18px -12px -10px 14px;
        border-radius:72px 40px 60px 38px;
        background:rgba(232,196,201,.56);
        transform:rotate(-2deg);
    }

    .mb-video-card:nth-child(4)::before{
        inset:-6px 16px 14px -8px;
        border-radius:40px 66px 44px 74px;
        background:rgba(246,221,223,.92);
        transform:rotate(2deg);
    }

    .mb-video{
        position:absolute;
        inset:0;
        z-index:0;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        border-radius:42px 58px 46px 64px;
        transition:transform .7s cubic-bezier(.22,1,.36,1);
    }

    .mb-video-card:nth-child(2) .mb-video{
        border-radius:58px 40px 64px 44px;
    }

    .mb-video-card:nth-child(3) .mb-video{
        border-radius:46px 66px 40px 60px;
    }

    .mb-video-card:nth-child(4) .mb-video{
        border-radius:64px 44px 58px 40px;
    }

    .mb-video-card:hover .mb-video{
        transform:scale(1.015);
    }

    .mb-video-card::after{
        content:"";
        position:absolute;
        inset:0;
        z-index:0;
        border-radius:42px 58px 46px 64px;
        overflow:hidden;
        pointer-events:none;
    }

    .mb-video-card:nth-child(2)::after{
        border-radius:58px 40px 64px 44px;
    }

    .mb-video-card:nth-child(3)::after{
        border-radius:46px 66px 40px 60px;
    }

    .mb-video-card:nth-child(4)::after{
        border-radius:64px 44px 58px 40px;
    }

    .mb-video-overlay{
        position:absolute;
        inset:0;
        z-index:1;
        pointer-events:none;
        border-radius:42px 58px 46px 64px;
        overflow:hidden;
        background:
            linear-gradient(
                180deg,
                rgba(24,13,17,.02) 0%,
                rgba(24,13,17,.02) 34%,
                rgba(24,13,17,.12) 53%,
                rgba(24,13,17,.48) 78%,
                rgba(24,13,17,.78) 100%
            );
        transition:background .35s ease;
    }

    .mb-video-card:nth-child(2) .mb-video-overlay{
        border-radius:58px 40px 64px 44px;
    }

    .mb-video-card:nth-child(3) .mb-video-overlay{
        border-radius:46px 66px 40px 60px;
    }

    .mb-video-card:nth-child(4) .mb-video-overlay{
        border-radius:64px 44px 58px 40px;
    }

    .mb-video-card.is-playing .mb-video-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(24,13,17,0) 0%,
                rgba(24,13,17,0) 46%,
                rgba(24,13,17,.08) 61%,
                rgba(24,13,17,.38) 82%,
                rgba(24,13,17,.66) 100%
            );
    }

    .mb-video-toggle{
        position:absolute;
        inset:0;
        z-index:3;
        width:100%;
        height:100%;
        padding:0;
        border:0;
        background:transparent;
        cursor:pointer;
    }

    .mb-video-play{
        position:absolute;
        top:50%;
        left:50%;
        width:62px;
        height:62px;
        display:grid;
        place-items:center;
        border:1px solid rgba(255,255,255,.72);
        border-radius:50%;
        background:rgba(255,255,255,.18);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
        color:#fff;
        font-size:18px;
        transform:translate(-50%,-50%);
        transition:
            opacity .28s ease,
            transform .35s cubic-bezier(.22,1,.36,1),
            background-color .25s ease;
    }

    .mb-video-play .fa-play{
        margin-left:3px;
    }

    .mb-video-card:hover .mb-video-play{
        background:rgba(233,147,163,.88);
        transform:translate(-50%,-50%) scale(1.07);
    }

    .mb-video-card.is-playing .mb-video-play{
        opacity:0;
        transform:translate(-50%,-50%) scale(.72);
    }

    .mb-video-card.is-playing:hover .mb-video-play{
        opacity:1;
        transform:translate(-50%,-50%) scale(1);
    }

    .mb-video-card.is-playing:hover .mb-video-play i{
        margin-left:0;
    }

    .mb-video-content{
        position:absolute;
        z-index:2;
        left:0;
        right:0;
        bottom:0;
        padding:34px 26px 28px;
        pointer-events:none;
    }

    .mb-video-content strong{
        display:block;
        color:#fff;
        font-family:var(--serif);
        font-size:30px;
        line-height:1;
        font-weight:600;
        letter-spacing:-.025em;
        text-shadow:0 2px 18px rgba(0,0,0,.25);
    }

    .mb-video-content p{
        max-width:310px;
        margin:11px 0 0;
        color:rgba(255,255,255,.88);
        font-size:13px;
        line-height:1.65;
        text-shadow:0 2px 14px rgba(0,0,0,.25);
    }

    @media (max-width:1180px){
        .mb-video-grid{
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:28px;
        }

        .mb-video-card{
            height:500px;
        }
    }

    @media (max-width:720px){
        .mb-video-section{
            padding:66px 0 72px;
        }

        .mb-video-heading{
            margin-bottom:30px;
        }

        .mb-video-grid{
            grid-template-columns:1fr;
            gap:14px;
        }

        .mb-video-card{
            height:470px;
        }

        .mb-video-card::before{
            inset:14px -6px -10px 12px;
        }

        .mb-video,
        .mb-video-overlay{
            border-radius:34px 46px 38px 50px;
        }

        .mb-video-card:nth-child(2) .mb-video,
        .mb-video-card:nth-child(2) .mb-video-overlay{
            border-radius:46px 34px 50px 38px;
        }

        .mb-video-card:nth-child(3) .mb-video,
        .mb-video-card:nth-child(3) .mb-video-overlay{
            border-radius:38px 50px 34px 46px;
        }

        .mb-video-card:nth-child(4) .mb-video,
        .mb-video-card:nth-child(4) .mb-video-overlay{
            border-radius:50px 38px 46px 34px;
        }

        .mb-video-content{
            padding:30px 22px 24px;
        }

        .mb-video-content strong{
            font-size:28px;
        }

        .mb-video-content p{
            max-width:420px;
            font-size:13px;
        }

        .mb-video-play{
            width:56px;
            height:56px;
            font-size:16px;
        }
    }

    @media (max-width:480px){
        .mb-video-card{
            height:420px;
        }

        .mb-video-heading h2{
            font-size:clamp(36px,10vw,46px);
        }
    }

    @media (prefers-reduced-motion:reduce){
        .mb-video,
        .mb-video-play{
            transition:none;
        }
    }

.mb-video-section--pregnancy .mb-video-card{cursor:default;}
.mb-video-section--pregnancy .mb-video{object-position:center top;}
.pregnancy-video-player{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;
    width:100%;
    max-width:1120px;
    margin:0 auto 54px;
}

.pregnancy-video-stage{
    position:relative;
    isolation:isolate;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border:1px solid rgba(200,111,130,.18);
    border-radius:28px;
    background:#f3dce1;
    box-shadow:0 20px 60px rgba(107,65,78,.1);
}

.pregnancy-video-backdrop{
    position:absolute;
    z-index:-2;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:blur(32px);
    opacity:.65;
    transform:scale(1.14);
    pointer-events:none;
}

.pregnancy-video-stage::before{
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(90deg,rgba(248,220,228,.72),rgba(245,214,223,.25) 50%,rgba(248,220,228,.72));
    pointer-events:none;
}

.pregnancy-video-player video{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    background:transparent;
}

.pregnancy-video-start{
    position:absolute;
    z-index:1;
    top:50%;
    left:50%;
    display:grid;
    place-items:center;
    width:84px;
    height:84px;
    padding:0;
    border:1px solid rgba(255,255,255,.85);
    border-radius:50%;
    background:rgba(255,250,252,.96);
    color:#c86f82;
    box-shadow:0 0 0 12px rgba(255,255,255,.18),0 12px 36px rgba(95,51,66,.2);
    transform:translate(-50%,-50%);
    transition:background-color .2s ease,box-shadow .2s ease;
    cursor:pointer;
}

.pregnancy-video-start[hidden]{display:none;}

.pregnancy-video-start svg{
    width:30px;
    height:30px;
    margin-left:4px;
    fill:currentColor;
}

.pregnancy-video-start:hover{
    background:#fff;
    box-shadow:0 0 0 16px rgba(255,255,255,.22),0 12px 36px rgba(95,51,66,.2);
}

.pregnancy-video-start:focus-visible{
    outline:3px solid #a45e70;
    outline-offset:5px;
}

@media(max-width:700px){
    .pregnancy-video-stage{
        width:min(100%,420px);
        aspect-ratio:9 / 16;
        border-radius:20px;
    }

    .pregnancy-video-start{
        width:68px;
        height:68px;
    }
}
