.mb-visual-intro{
        padding:92px 0 68px;
        background:#FFFAF7;
        overflow:hidden
    }

    .mb-visual-intro-grid{
        display:grid;
        grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
        gap:clamp(38px,5vw,78px);
        align-items:center
    }

    .mb-collage{
        position:relative;
        min-height:610px;
        isolation:isolate
    }

    .mb-collage-shape{
        position:absolute;
        z-index:0;
        display:block;
        pointer-events:none
    }

    .mb-collage-shape--main{
        top:42px;
        left:18px;
        width:445px;
        height:525px;
        border-radius:58% 42% 48% 52% / 39% 55% 45% 61%;
        background:rgba(237,183,189,.42);
        transform:rotate(-6deg)
    }

    .mb-collage-shape--one{
        top:22px;
        right:-12px;
        width:224px;
        height:236px;
        border-radius:42% 58% 62% 38% / 55% 41% 59% 45%;
        background:rgba(246,221,223,.94);
        transform:rotate(7deg)
    }

    .mb-collage-shape--two{
        right:8px;
        bottom:12px;
        width:225px;
        height:240px;
        border-radius:62% 38% 47% 53% / 41% 60% 40% 59%;
        background:rgba(232,196,201,.50);
        transform:rotate(-7deg)
    }

    .mb-collage figure{
        margin:0;
        overflow:hidden;
        background:#f0dcda
    }

    .mb-collage-main{
        position:relative;
        z-index:1;
        width:min(100%,475px);
        height:570px;
        border-radius:46% 54% 40% 60% / 35% 43% 57% 65%;
        transform:rotate(-1.4deg)
    }

    .mb-collage-main img{
        transform:scale(1.035) rotate(1.4deg)
    }

    .mb-collage-small{
        position:absolute;
        z-index:2;
        right:0;
        width:205px;
        height:220px;
        border:0;
        background:#f2dfde
    }

    .mb-collage-small--one{
        top:38px;
        border-radius:58% 42% 53% 47% / 42% 57% 43% 58%;
        transform:rotate(3.5deg)
    }

    .mb-collage-small--one img{
        object-position:center 22%;
        transform:scale(1.02) rotate(-3.5deg)
    }

    .mb-collage-small--two{
        bottom:28px;
        border-radius:43% 57% 38% 62% / 58% 41% 59% 42%;
        transform:rotate(-4deg)
    }

    .mb-collage-small--two img{
        object-position:center 28%;
        transform:scale(1.02) rotate(4deg)
    }

    .mb-collage img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center
    }

    .mb-kicker{
        margin:0 0 12px;
        color:#c88796;
        font-family:var(--script);
        font-size:clamp(34px,3vw,42px);
        line-height:1
    }

    .mb-visual-intro-copy h2{
        margin:0;
        color:#4d3d42;
        font-size:clamp(40px,4vw,60px);
        line-height:.96;
        font-weight:500;
        letter-spacing:-.04em
    }

    .mb-visual-intro-copy h2 span{
        display:block;
        margin-top:8px;
        color:#d98c97;
        font-family:var(--script);
        font-weight:400;
        letter-spacing:-.02em
    }

    .mb-visual-intro-text{
        max-width:660px;
        margin-top:26px
    }

    .mb-visual-intro-text p{
        margin:0;
        color:#756267;
        font-size:15px;
        line-height:1.82
    }

    .mb-visual-intro-text p+p{
        margin-top:14px
    }

    @media (max-width:980px){
        .mb-visual-intro-grid{
            grid-template-columns:1fr
        }

        .mb-collage{
            width:min(100%,620px);
            min-height:570px;
            margin-inline:auto
        }

        .mb-collage-shape--main{
            top:40px;
            left:22px;
            width:410px;
            height:485px
        }

        .mb-collage-shape--one{
            right:0;
            width:205px;
            height:215px
        }

        .mb-collage-shape--two{
            right:8px;
            width:205px;
            height:220px
        }

        .mb-collage-main{
            height:530px
        }
    }

    @media (max-width:620px){
        .mb-visual-intro{
            padding:70px 0 52px
        }

        .mb-collage{
            min-height:475px
        }

        .mb-collage-shape--main{
            top:28px;
            left:8px;
            width:80%;
            height:405px;
            transform:rotate(-5deg)
        }

        .mb-collage-shape--one{
            top:24px;
            right:-2px;
            width:140px;
            height:152px
        }

        .mb-collage-shape--two{
            right:2px;
            bottom:4px;
            width:145px;
            height:155px
        }

        .mb-collage-main{
            width:88%;
            height:440px;
            border-radius:43% 57% 44% 56% / 36% 44% 56% 64%;
            transform:none
        }

        .mb-collage-main img{
            transform:scale(1.04)
        }

        .mb-collage-small{
            width:140px;
            height:150px
        }

        .mb-collage-small--one{
            top:34px;
            border-radius:55% 45% 59% 41% / 43% 58% 42% 57%;
            transform:rotate(3deg)
        }

        .mb-collage-small--two{
            bottom:22px;
            border-radius:45% 55% 40% 60% / 60% 42% 58% 40%;
            transform:rotate(-3deg)
        }

        .mb-visual-intro-copy h2{
            font-size:clamp(35px,10vw,47px)
        }

        .mb-visual-intro-text p{
            font-size:14px
        }
    }
