.pregnancy-pillow{
        padding:48px 0 104px;
        background:#FFFAF7;
        overflow:hidden
    }

    .pregnancy-pillow-grid{
        display:grid;
        grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
        gap:clamp(42px,6vw,96px);
        align-items:center
    }

    .pregnancy-pillow-copy{
        max-width:650px
    }

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

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

    .pregnancy-pillow-text{
        max-width:620px;
        margin-top:26px
    }

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

    .pregnancy-pillow-text p+p{
        margin-top:14px
    }

    .pregnancy-pillow-note{
        display:grid;
        grid-template-columns:48px minmax(0,1fr);
        gap:16px;
        align-items:center;
        margin-top:30px
    }

    .pregnancy-pillow-note-icon{
        position:relative;
        z-index:2;
        width:48px;
        height:48px;
        display:grid;
        place-items:center;
        border-radius:55% 45% 58% 42% / 44% 56% 44% 56%;
        background:#f6dddf;
        color:#c86f82;
        font-size:16px
    }

    .pregnancy-pillow-note p{
        position:relative;
        z-index:1;
        width:fit-content;
        max-width:540px;
        margin:0;
        padding:13px 17px 14px;
        color:#604b52;
        font-family:var(--serif);
        font-size:23px;
        line-height:1.28;
        font-style:italic;
        font-weight:700;
        isolation:isolate
    }

    .pregnancy-pillow-note p::before{
        content:"";
        position:absolute;
        z-index:-2;
        left:-12px;
        right:-14px;
        top:50%;
        height:92%;
        background:#FDF2F0;
        transform:translateY(-50%) rotate(-1deg);
        clip-path:polygon(
            1% 20%,
            5% 11%,
            13% 15%,
            20% 7%,
            29% 13%,
            38% 5%,
            48% 12%,
            58% 7%,
            67% 14%,
            76% 8%,
            86% 14%,
            95% 9%,
            100% 22%,
            98% 43%,
            100% 61%,
            96% 82%,
            87% 88%,
            77% 84%,
            68% 93%,
            58% 86%,
            48% 94%,
            37% 87%,
            27% 93%,
            18% 86%,
            8% 91%,
            2% 80%,
            4% 61%,
            1% 44%
        )
    }

    .pregnancy-pillow-note p::after{
        content:"";
        position:absolute;
        z-index:-1;
        left:-5px;
        right:-7px;
        top:50%;
        height:68%;
        background:#FDF2F0;
        transform:translateY(-47%) rotate(.6deg);
        clip-path:polygon(
            0 28%,
            8% 19%,
            18% 24%,
            29% 15%,
            40% 22%,
            51% 14%,
            62% 21%,
            74% 17%,
            85% 23%,
            96% 17%,
            100% 33%,
            97% 69%,
            90% 77%,
            79% 72%,
            68% 81%,
            56% 74%,
            44% 82%,
            31% 74%,
            18% 80%,
            7% 73%,
            1% 63%
        )
    }

    .pregnancy-pillow-visual{
        position:relative;
        min-height:610px;
        isolation:isolate
    }

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

    .pregnancy-pillow-shape--main{
        top:38px;
        right:28px;
        width:455px;
        height:525px;
        border-radius:46% 54% 58% 42% / 56% 38% 62% 44%;
        background:rgba(237,183,189,.40);
        transform:rotate(5deg)
    }

    .pregnancy-pillow-shape--detail{
        left:4px;
        bottom:22px;
        width:230px;
        height:245px;
        border-radius:62% 38% 46% 54% / 40% 60% 40% 60%;
        background:rgba(246,221,223,.96);
        transform:rotate(-7deg)
    }

    .pregnancy-pillow-visual figure{
        margin:0;
        overflow:hidden;
        background:#f1dddd
    }

    .pregnancy-pillow-main{
        position:relative;
        z-index:1;
        width:min(100%,490px);
        height:565px;
        margin-left:auto;
        border-radius:54% 46% 59% 41% / 39% 58% 42% 61%;
        transform:rotate(1.4deg)
    }

    .pregnancy-pillow-main img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transform:scale(1.035) rotate(-1.4deg)
    }

    .pregnancy-pillow-detail{
        position:absolute;
        z-index:2;
        left:0;
        bottom:22px;
        width:220px;
        height:235px;
        border-radius:43% 57% 61% 39% / 57% 42% 58% 43%;
        transform:rotate(-3.5deg)
    }

    .pregnancy-pillow-detail img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transform:scale(1.055) rotate(3.5deg)
    }

    @media (max-width:980px){
        .pregnancy-pillow{
            padding:40px 0 88px
        }

        .pregnancy-pillow-grid{
            grid-template-columns:1fr;
            gap:44px
        }

        .pregnancy-pillow-copy{
            max-width:720px
        }

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

        .pregnancy-pillow-shape--main{
            right:26px;
            width:420px;
            height:485px
        }

        .pregnancy-pillow-main{
            width:min(100%,475px);
            height:530px
        }

        .pregnancy-pillow-detail{
            width:205px;
            height:220px
        }
    }

    @media (max-width:620px){
        .pregnancy-pillow{
            padding:34px 0 72px
        }

        .pregnancy-pillow-grid{
            gap:34px
        }

        .pregnancy-pillow-copy h2{
            font-size:clamp(35px,10vw,47px)
        }

        .pregnancy-pillow-text p{
            font-size:14px
        }

        .pregnancy-pillow-note{
            grid-template-columns:42px minmax(0,1fr);
            gap:13px;
            margin-top:24px
        }

        .pregnancy-pillow-note-icon{
            width:42px;
            height:42px;
            font-size:14px
        }

        .pregnancy-pillow-note p{
            padding:11px 12px 12px;
            font-size:20px;
            font-weight:700
        }

        .pregnancy-pillow-note p::before{
            left:-8px;
            right:-9px;
            height:94%
        }

        .pregnancy-pillow-note p::after{
            left:-3px;
            right:-4px;
            height:70%
        }

        .pregnancy-pillow-visual{
            min-height:450px
        }

        .pregnancy-pillow-shape--main{
            top:24px;
            right:6px;
            width:82%;
            height:390px;
            transform:rotate(4deg)
        }

        .pregnancy-pillow-shape--detail{
            left:0;
            bottom:2px;
            width:150px;
            height:165px
        }

        .pregnancy-pillow-main{
            width:88%;
            height:420px;
            margin-left:auto;
            border-radius:55% 45% 58% 42% / 38% 56% 44% 62%;
            transform:none
        }

        .pregnancy-pillow-main img{
            transform:scale(1.035)
        }

        .pregnancy-pillow-detail{
            left:0;
            bottom:12px;
            width:148px;
            height:160px;
            transform:rotate(-3deg)
        }

        .pregnancy-pillow-detail img{
            transform:scale(1.05) rotate(3deg)
        }
    }
