body.sm-static-clone .sm-opener[data-intro="2"] .sm-intro_string-2 {
    font-family: "intro_font1", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 8px;
}

body.sm-static-clone .sm-opener[data-intro="2"] .sm-opener_content {
    --sm-opener-scale: .78;
    --sm-opener-y: -50%;
    transform: translate(-50%, var(--sm-opener-y)) scale(var(--sm-opener-scale));
    transform-origin: center center;
}

body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_back {
    background-image: url("/static/invite/wedwed/sitemaker/images/constr/envelope_back-rings.webp?v=20260701-2230");
    transform: rotate(-10deg) translate(-22px, -36px);
}

body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_card {
    z-index: 2;
}

body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_front {
    z-index: 3;
}

@media (min-width: 501px) and (min-height: 860px) {
    body.sm-static-clone .sm-opener[data-intro="2"] .sm-opener_content {
        --sm-opener-scale: .86;
    }

    body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_back {
        transform: rotate(-10deg) translate(-26px, -44px);
    }
}

@media (min-width: 501px) and (max-height: 700px) {
    body.sm-static-clone .sm-opener[data-intro="2"] .sm-opener_content {
        --sm-opener-scale: .7;
        --sm-opener-y: -49%;
    }

    body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_back {
        transform: rotate(-10deg) translate(-18px, -30px);
    }
}

@media (max-width: 500px) {
    body.sm-static-clone .sm-opener[data-intro="2"] .sm-opener_content {
        --sm-opener-scale: .96;
        --sm-opener-y: -38%;
    }

    body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_back {
        transform: rotate(-10deg) translate(0, -42px);
    }

    body.sm-static-clone .sm-opener[data-intro="2"] .sm-intro_string-2 {
        font-size: 20px;
        line-height: 1.2;
        margin-top: 6px;
    }
}

@media (max-width: 500px) and (max-height: 760px) {
    body.sm-static-clone .sm-opener[data-intro="2"] .sm-opener_content {
        --sm-opener-scale: .86;
        --sm-opener-y: -39%;
    }

    body.sm-static-clone .sm-opener[data-intro="2"] .sm-envelope_back {
        transform: rotate(-10deg) translate(0, -34px);
    }
}