.elementor-19976 .elementor-element.elementor-element-9c2e52e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19976 .elementor-element.elementor-element-25c2a6e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:5vw;--padding-right:5vw;}.elementor-19976 .elementor-element.elementor-element-25c2a6e:not(.elementor-motion-effects-element-type-background), .elementor-19976 .elementor-element.elementor-element-25c2a6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://backstagestudio-hamburg.com/wp-content/uploads/2026/06/ChatGPT-Image-20-июн.-2026-г.-01_13_37.png");background-position:center left;}.elementor-19976 .elementor-element.elementor-element-7f6f8ed{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-19976 .elementor-element.elementor-element-618d120 .wpcf7-submit{--btn-accented-color:#FF0000;--btn-accented-bgcolor:#FFFFFF;}.elementor-19976 .elementor-element.elementor-element-00343c3{--display:flex;}@media(min-width:769px){.elementor-19976 .elementor-element.elementor-element-7f6f8ed{--width:30%;}.elementor-19976 .elementor-element.elementor-element-00343c3{--width:70%;}}/* Start custom CSS for wd_contact_form_7, class: .elementor-element-618d120 *//* ==========================================
   MBM FIX
========================================== */

.mbm{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    box-sizing:border-box;
}


/* ==========================================
   CONTACT — LUXURY INTERACTIVE
========================================== */

.contact{
    position:relative;

    width:100%;
    max-width:100%;

    padding:80px;

    box-sizing:border-box;
    overflow:hidden;
    isolation:isolate;

    background:
        linear-gradient(
            180deg,
            #faf7f2 0%,
            #f4ede3 100%
        );

    border:1px solid rgba(198,156,109,.14);

    box-shadow:
        0 25px 80px rgba(0,0,0,.04),
        inset 0 1px 0 rgba(255,255,255,.9);

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        border-color .4s ease,
        box-shadow .45s ease;
}


/* ==========================================
   BACKGROUND GLOW
========================================== */

.contact::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(198,156,109,.10),
            transparent 58%
        );

    pointer-events:none;
    z-index:-1;

    opacity:.75;

    transition:
        opacity .5s ease,
        transform .7s ease;
}


/* ==========================================
   CONTACT HOVER
========================================== */

.contact:hover{
    transform:translateY(-2px);

    border-color:rgba(198,156,109,.28);

    box-shadow:
        0 32px 85px rgba(70,45,25,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.contact:hover::before{
    opacity:1;
    transform:scale(1.04);
}


/* ==========================================
   DECORATIVE CORNERS
========================================== */

.contact::after,
.contact .corner-bottom{
    content:"";

    position:absolute;

    width:70px;
    height:70px;

    border:1px solid rgba(198,156,109,.70);

    pointer-events:none;

    filter:
        drop-shadow(
            0 4px 8px rgba(198,156,109,.08)
        );

    transition:
        width .5s cubic-bezier(.2,.8,.2,1),
        height .5s cubic-bezier(.2,.8,.2,1),
        border-color .4s ease,
        filter .4s ease;
}


/* TOP LEFT */

.contact::after{
    top:30px;
    left:30px;

    border-right:none;
    border-bottom:none;
}


/* BOTTOM RIGHT */

.contact .corner-bottom{
    right:30px;
    bottom:30px;

    border-left:none;
    border-top:none;
}


/* CORNER HOVER */

.contact:hover::after,
.contact:hover .corner-bottom{
    width:95px;
    height:95px;

    border-color:#c69c6d;

    filter:
        drop-shadow(
            0 5px 10px rgba(198,156,109,.18)
        );
}


/* ==========================================
   TYPOGRAPHY
========================================== */

.contact,
.contact label,
.contact input,
.contact textarea,
.contact .wpcf7-submit{
    font-family:"Playfair Display", serif !important;
}


/* ==========================================
   CF7 WRAPPER
========================================== */

.contact .wpcf7-form-control-wrap{
    display:block;
    position:relative;
}


/* ==========================================
   LABEL
========================================== */

.contact label{
    display:block;

    margin-bottom:12px;

    color:#6a513c;

    font-size:11px;
    line-height:1.4;

    letter-spacing:4px;
    text-transform:uppercase;

    font-weight:600;

    transition:
        color .35s ease,
        transform .35s cubic-bezier(.2,.8,.2,1),
        letter-spacing .35s ease,
        text-shadow .35s ease;
}


/* ==========================================
   LABEL ACTIVE
========================================== */

.contact label:focus-within{
    color:#9c6938;

    transform:translateX(8px);

    letter-spacing:4.8px;

    text-shadow:
        0 4px 14px rgba(198,156,109,.24);
}


/* ==========================================
   INPUTS
========================================== */

.contact input:not([type="submit"]),
.contact textarea{
    display:block;

    width:100%;
    box-sizing:border-box;

    padding:18px 0 16px;

    background:transparent !important;

    border:none !important;

    border-bottom:
        1px solid rgba(198,156,109,.30) !important;

    border-radius:0 !important;

    color:#2d241d !important;

    font-size:18px;
    line-height:1.5;

    box-shadow:none !important;

    caret-color:#b77c42;

    transition:
        border-color .35s ease,
        padding-left .35s cubic-bezier(.2,.8,.2,1),
        background .35s ease,
        box-shadow .35s ease,
        transform .35s cubic-bezier(.2,.8,.2,1);
}


/* ==========================================
   INPUT HOVER
========================================== */

.contact input:not([type="submit"]):hover,
.contact textarea:hover{
    padding-left:10px;

    border-bottom:
        1px solid #c69c6d !important;

    background:
        linear-gradient(
            90deg,
            rgba(198,156,109,.10) 0%,
            rgba(198,156,109,.03) 55%,
            transparent 90%
        ) !important;
}


/* ==========================================
   INPUT FOCUS
========================================== */

.contact input:not([type="submit"]):focus,
.contact textarea:focus{
    outline:none !important;

    padding-left:14px;

    transform:translateY(-2px);

    border-bottom:
        1px solid #b77c42 !important;

    background:
        linear-gradient(
            90deg,
            rgba(198,156,109,.16) 0%,
            rgba(198,156,109,.06) 45%,
            transparent 90%
        ) !important;

    box-shadow:
        inset 2px 0 0 rgba(198,156,109,.55),
        0 12px 28px rgba(120,80,40,.10) !important;
}


/* ==========================================
   FILLED FIELD
========================================== */

.contact input:not([type="submit"]):not(:placeholder-shown),
.contact textarea:not(:placeholder-shown){
    border-bottom:
        1px solid rgba(183,124,66,.70) !important;

    background:
        linear-gradient(
            90deg,
            rgba(198,156,109,.06),
            transparent 65%
        ) !important;
}


/* ==========================================
   PLACEHOLDER
========================================== */

.contact input::placeholder,
.contact textarea::placeholder{
    color:rgba(45,36,29,.42);

    transition:
        opacity .3s ease,
        transform .35s ease;
}


/* PLACEHOLDER ACTIVE */

.contact input:focus::placeholder,
.contact textarea:focus::placeholder{
    opacity:.18;

    transform:translateX(10px);
}


/* ==========================================
   TEXTAREA
========================================== */

.contact textarea{
    min-height:170px;
    resize:none;
}


/* ==========================================
   SUBMIT BUTTON
========================================== */

.contact .wpcf7-submit{
    position:relative;

    min-width:260px;

    padding:22px 60px;

    overflow:hidden;

    background:#241d18 !important;

    color:#fff !important;

    border:
        1px solid rgba(198,156,109,.25) !important;

    border-radius:0;

    font-size:12px;

    letter-spacing:4px;
    text-transform:uppercase;

    cursor:pointer;

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

    transition:
        background .4s ease,
        color .4s ease,
        border-color .4s ease,
        transform .4s cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease,
        letter-spacing .4s ease;
}


/* ==========================================
   BUTTON HOVER
========================================== */

.contact .wpcf7-submit:hover{
    background:#b77c42 !important;

    border-color:#c69c6d !important;

    transform:
        translateY(-5px)
        scale(1.015);

    letter-spacing:5px;

    box-shadow:
        0 22px 42px rgba(80,48,20,.18),
        0 0 0 3px rgba(198,156,109,.07);
}


/* ==========================================
   BUTTON CLICK
========================================== */

.contact .wpcf7-submit:active{
    transform:
        translateY(-1px)
        scale(.98);

    box-shadow:
        0 8px 20px rgba(80,48,20,.14);
}


/* ==========================================
   BUTTON KEYBOARD FOCUS
========================================== */

.contact .wpcf7-submit:focus-visible{
    outline:
        1px solid rgba(198,156,109,.85);

    outline-offset:5px;
}


/* ==========================================
   SPINNER
========================================== */

.contact .wpcf7-spinner{
    margin-left:15px;
    vertical-align:middle;
}


/* ==========================================
   VALIDATION ERROR
========================================== */

.contact .wpcf7-not-valid-tip{
    color:#7a2e2e !important;

    font-size:12px;

    margin-top:8px;

    letter-spacing:.3px;
}


/* ERROR FIELD */

.contact .wpcf7-not-valid{
    border-bottom:
        1px solid #7a2e2e !important;

    background:
        linear-gradient(
            90deg,
            rgba(122,46,46,.045),
            transparent 65%
        ) !important;
}


/* ==========================================
   RESPONSE MESSAGE
========================================== */

.contact .wpcf7-response-output{
    margin:
        30px 0 0 !important;

    padding:
        18px 20px !important;

    background:
        rgba(255,255,255,.58);

    border:
        1px solid rgba(198,156,109,.22) !important;

    color:#2d241d;

    font-size:14px;
    line-height:1.6;

    box-shadow:
        0 10px 25px rgba(80,50,25,.05);

    animation:
        contactMessage .5s cubic-bezier(.2,.8,.2,1);
}


/* ==========================================
   RESPONSE ANIMATION
========================================== */

@keyframes contactMessage{

    from{
        opacity:0;

        transform:
            translateY(10px)
            scale(.99);
    }

    to{
        opacity:1;

        transform:
            translateY(0)
            scale(1);
    }

}


/* ==========================================
   TABLET
========================================== */

@media(max-width:1024px){

    .contact{
        padding:65px 50px;
    }


    .contact::after,
    .contact .corner-bottom{
        width:55px;
        height:55px;
    }


    .contact::after{
        top:22px;
        left:22px;
    }


    .contact .corner-bottom{
        right:22px;
        bottom:22px;
    }


    .contact:hover::after,
    .contact:hover .corner-bottom{
        width:70px;
        height:70px;
    }

}


/* ==========================================
   MOBILE
========================================== */

@media(max-width:768px){

    .contact{
        padding:50px 24px;

        transform:none !important;

        box-shadow:
            0 15px 45px rgba(0,0,0,.035);
    }


    /* corners */

    .contact::after,
    .contact .corner-bottom{
        width:38px;
        height:38px;

        border-width:1px;

        filter:none;
    }


    .contact::after{
        top:15px;
        left:15px;
    }


    .contact .corner-bottom{
        right:15px;
        bottom:15px;
    }


    .contact:hover::after,
    .contact:hover .corner-bottom{
        width:38px;
        height:38px;
    }


    /* labels */

    .contact label{
        margin-bottom:9px;

        font-size:10px;

        letter-spacing:2.8px;
    }


    .contact label:focus-within{
        transform:translateX(4px);

        letter-spacing:3.1px;
    }


    /* inputs */

    .contact input:not([type="submit"]),
    .contact textarea{
        padding:15px 0 13px;

        font-size:16px;
    }


    .contact input:not([type="submit"]):hover,
    .contact textarea:hover{
        padding-left:5px;
    }


    .contact input:not([type="submit"]):focus,
    .contact textarea:focus{
        padding-left:9px;

        transform:none;

        box-shadow:
            inset 1px 0 0 rgba(198,156,109,.65),
            0 8px 20px rgba(120,80,40,.07) !important;
    }


    /* textarea */

    .contact textarea{
        min-height:135px;
    }


    /* button */

    .contact .wpcf7-submit{
        width:100%;

        min-width:0;

        padding:19px 20px;

        font-size:11px;

        letter-spacing:3px;
    }


    .contact .wpcf7-submit:hover{
        transform:translateY(-2px);

        letter-spacing:3.5px;
    }


    .contact .wpcf7-submit:active{
        transform:scale(.98);
    }


    /* response */

    .contact .wpcf7-response-output{
        margin-top:22px !important;

        padding:15px 16px !important;

        font-size:13px;
    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media(max-width:480px){

    .contact{
        padding:44px 18px;
    }


    /* corners */

    .contact::after,
    .contact .corner-bottom{
        width:30px;
        height:30px;
    }


    .contact::after{
        top:12px;
        left:12px;
    }


    .contact .corner-bottom{
        right:12px;
        bottom:12px;
    }


    /* labels */

    .contact label{
        font-size:9px;

        letter-spacing:2.2px;
    }


    .contact label:focus-within{
        transform:translateX(3px);

        letter-spacing:2.5px;
    }


    /* inputs */

    .contact input:not([type="submit"]),
    .contact textarea{
        font-size:16px;
    }


    /* textarea */

    .contact textarea{
        min-height:120px;
    }


    /* button */

    .contact .wpcf7-submit{
        padding:18px 15px;

        font-size:10px;

        letter-spacing:2.6px;
    }

}


/* ==========================================
   TOUCH DEVICES
========================================== */

@media(hover:none){

    .contact:hover{
        transform:none;

        border-color:
            rgba(198,156,109,.14);

        box-shadow:
            0 25px 80px rgba(0,0,0,.04),
            inset 0 1px 0 rgba(255,255,255,.9);
    }


    .contact:hover::after,
    .contact:hover .corner-bottom{
        border-color:
            rgba(198,156,109,.70);
    }


    .contact input:not([type="submit"]):hover,
    .contact textarea:hover{
        padding-left:0;

        background:
            transparent !important;

        border-bottom:
            1px solid rgba(198,156,109,.30) !important;
    }


    .contact .wpcf7-submit:hover{
        transform:none;

        letter-spacing:3px;
    }

}


/* ==========================================
   REDUCED MOTION
========================================== */

@media(prefers-reduced-motion:reduce){

    .contact,
    .contact *,
    .contact::before,
    .contact::after,
    .contact .corner-bottom{
        transition:none !important;
        animation:none !important;
    }

}

.contact .hidden-fields-container{
    display:none !important;
}/* End custom CSS */