.studio-moments{
        position:relative;
        padding:104px 0 118px;
        overflow:hidden;
        background:#f9eaea;
    }

    .studio-moments-shell{
        position:relative;
    }

    .studio-moments-head{
        width:min(100%,760px);
        margin:0 auto 66px;
        text-align:center;
    }

    .studio-moments-title{
        margin:0;
        color:#514046;
        font-family:var(--serif);
        font-size:clamp(38px,3.6vw,56px);
        line-height:.98;
        font-weight:500;
    }

    .studio-moments-title span{
        color:#d98c97;
        font-family:var(--script);
        font-weight:400;
    }

    .studio-moments-copy{
        width:min(100%,620px);
        margin:18px auto 0;
        color:#75646a;
        font-size:16px;
        line-height:1.65;
    }

    .studio-moments-track{
        display:flex;
        gap:clamp(14px,1.6vw,24px);
        align-items:center;
        padding:30px 0 40px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .studio-moments-track::-webkit-scrollbar{
        display:none;
    }

    .studio-moments-arrows{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:5px;
    }

    .studio-moments-arrow{
        width:28px;
        height:40px;
        padding:0;
        border:0;
        background:transparent;
        color:#d29aa5;
        cursor:pointer;
        font-family:var(--script);
        font-size:38px;
        line-height:1;
        transition:color .2s ease,transform .2s ease;
    }

    .studio-moments-arrow:disabled{
        opacity:.35;
        cursor:default;
    }

    .studio-moments-arrow:not(:disabled):hover,
    .studio-moments-arrow:focus-visible{
        color:#b76878;
        transform:scale(1.08);
    }

    .studio-video-card{
        position:relative;
        min-width:0;
        flex:0 0 calc((100% - 3 * clamp(14px,1.6vw,24px)) / 4);
        scroll-snap-align:start;
    }

    .studio-video-card--one{
        transform:translateY(-20px);
    }

    .studio-video-card--two{
        transform:translateY(22px);
    }

    .studio-video-card--three{
        transform:translateY(-10px);
    }

    .studio-video-card--four{
        transform:translateY(30px);
    }

    .studio-video-frame{
        display:block;
        position:relative;
        width:100%;
        aspect-ratio:9 / 13;
        overflow:hidden;
        border-radius:26px;
        background:
            linear-gradient(
                145deg,
                #f7e7e8 0%,
                #f3dadd 50%,
                #ecd1d6 100%
            );
    }

    .studio-video{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
    }

    .studio-video-play{
        position:absolute;
        top:50%;
        left:50%;
        z-index:3;
        width:58px;
        height:58px;
        display:grid;
        place-items:center;
        padding:0;
        border:1px solid rgba(255,255,255,.72);
        border-radius:50%;
        background:rgba(200,111,130,.84);
        color:#fff;
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px);
        box-shadow:0 12px 34px rgba(38,18,24,.18);
        transform:translate(-50%,-50%);
        cursor:pointer;
        transition:
            transform .24s cubic-bezier(.22,1,.36,1),
            background-color .22s ease,
            border-color .22s ease;
    }

    .studio-video-play i{
        margin-left:3px;
        font-size:17px;
        line-height:1;
    }

    .studio-video-frame:hover .studio-video-play,
    .studio-video-frame:focus-visible .studio-video-play{
        transform:translate(-50%,-50%) scale(1.08);
        background:rgba(200,111,130,.84);
        border-color:rgba(255,255,255,.72);
    }

    @media (max-width:900px){
        .studio-moments{
            padding:84px 0 96px;
        }

        .studio-moments-head{
            margin-bottom:42px;
        }

        .studio-moments-track{
            display:flex;
            gap:14px;
            margin-inline:calc((100vw - 100%) / -2);
            padding:28px max(18px,calc((100vw - var(--max)) / 2)) 46px;
            overflow-x:auto;
            overflow-y:hidden;
            scroll-snap-type:x mandatory;
            overscroll-behavior-x:contain;
            -webkit-overflow-scrolling:touch;
            scrollbar-width:none;
        }

        .studio-video-card{
            flex:0 0 min(72vw,310px);
            scroll-snap-align:center;
        }

        .studio-video-card--one{
            transform:translateY(-8px);
        }

        .studio-video-card--two{
            transform:translateY(10px);
        }

        .studio-video-card--three{
            transform:translateY(-6px);
        }

        .studio-video-card--four{
            transform:translateY(12px);
        }
    }

    @media (max-width:620px){
        .studio-moments{
            padding:72px 0 82px;
        }

        .studio-moments-head{
            margin-bottom:30px;
        }

        .studio-moments-title{
            font-size:clamp(34px,10vw,46px);
        }

        .studio-moments-copy{
            margin-top:14px;
            font-size:14px;
            line-height:1.6;
        }

        .studio-moments-track{
            gap:12px;
            padding-top:22px;
            padding-bottom:38px;
        }

        .studio-video-card{
            flex-basis:min(76vw,286px);
        }

        .studio-video-frame{
            border-radius:22px;
        }

        .studio-video-play{
            width:54px;
            height:54px;
        }

        .studio-video-play i{
            font-size:16px;
        }
    }

    @media (prefers-reduced-motion:reduce){
        .studio-video-card{
            transform:none !important;
        }

        .studio-video-play{
            transition:none;
        }
    }