.elementor-kit-13{--e-global-color-primary:#1A3320;--e-global-color-secondary:#C8A96E;--e-global-color-text:#4A4A4A;--e-global-color-accent:#2E6B3E;--e-global-color-93d54c2:#FFFFFF;--e-global-color-1e3f072:#FFFFFF8C;--e-global-color-5e59cd4:#A8A39D;--e-global-color-c7d3589:#E8E4DF;--e-global-color-e4c0454:#FFFFFF1A;--e-global-color-a9df55a:#FFFFFF00;--e-global-color-4ef596a:#B8965E;--e-global-color-89b010c:#FFFFFF73;--e-global-color-0914b7c:#FFFFFF1A;--e-global-color-8b536c1:#FFFFFF73;--e-global-color-bd12326:#050C0769;--e-global-color-de24e38:#050C07;--e-global-color-5015f11:#ECFDF5;--e-global-color-fab9afa:#EFF3EC;--e-global-color-14d1e32:#F8F7F4;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:108px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:56px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:11px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:3em;--e-global-typography-accent-letter-spacing:0.18em;--e-global-typography-2ec0e50-font-family:"Cormorant Garamond";--e-global-typography-2ec0e50-font-size:108px;--e-global-typography-2ec0e50-font-weight:500;--e-global-typography-2ec0e50-font-style:italic;--e-global-typography-2ec0e50-line-height:1.1em;--e-global-typography-fbe48ce-font-family:"Cormorant Garamond";--e-global-typography-fbe48ce-font-size:56px;--e-global-typography-fbe48ce-font-style:italic;--e-global-typography-7eecf38-font-family:"Inter";--e-global-typography-7eecf38-font-size:11px;--e-global-typography-7eecf38-font-weight:600;--e-global-typography-7eecf38-font-style:italic;--e-global-typography-7eecf38-line-height:3em;--e-global-typography-7eecf38-letter-spacing:0.18em;--e-global-typography-3a5f360-font-family:"Inter";--e-global-typography-3a5f360-font-size:11px;--e-global-typography-3a5f360-font-weight:500;--e-global-typography-3a5f360-text-transform:uppercase;--e-global-typography-3a5f360-line-height:1em;--e-global-typography-3a5f360-letter-spacing:0.1em;--e-global-typography-ae71c62-font-family:"Inter";--e-global-typography-ae71c62-font-size:12px;--e-global-typography-ae71c62-font-weight:600;--e-global-typography-ae71c62-text-transform:uppercase;--e-global-typography-ae71c62-line-height:1.8em;--e-global-typography-ae71c62-letter-spacing:0.1em;--e-global-typography-930cafa-font-family:"Cormorant Garamond";--e-global-typography-930cafa-font-size:30px;--e-global-typography-930cafa-font-weight:300;--e-global-typography-930cafa-line-height:1.6em;--e-global-typography-2709739-font-family:"Cormorant Garamond";--e-global-typography-2709739-font-size:25px;--e-global-typography-2709739-font-weight:300;--e-global-typography-2709739-line-height:1.6em;--e-global-typography-30b5a22-font-family:"Cormorant Garamond";--e-global-typography-30b5a22-font-size:28px;--e-global-typography-30b5a22-font-weight:300;--e-global-typography-e0605ad-font-family:"Cormorant Garamond";--e-global-typography-e0605ad-font-size:60px;--e-global-typography-e0605ad-font-weight:300;--e-global-typography-58e57b6-font-family:"Cormorant Garamond";--e-global-typography-58e57b6-font-size:84px;--e-global-typography-58e57b6-font-weight:300;--e-global-typography-58e57b6-line-height:1em;--e-global-typography-dfd34ee-font-family:"Cormorant Garamond";--e-global-typography-dfd34ee-font-size:26px;--e-global-typography-dfd34ee-font-weight:300;--e-global-typography-dfd34ee-font-style:italic;--e-global-typography-dfd34ee-line-height:1em;--e-global-typography-90297bf-font-family:"Inter";--e-global-typography-90297bf-font-size:16px;--e-global-typography-90297bf-font-weight:400;--e-global-typography-90297bf-font-style:italic;--e-global-typography-0669214-font-family:"Cormorant Garamond";--e-global-typography-0669214-font-size:192px;--e-global-typography-0669214-font-weight:300;--e-global-typography-0669214-line-height:0.4em;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-ae71c62-font-family ), Sans-serif;font-size:var( --e-global-typography-ae71c62-font-size );font-weight:var( --e-global-typography-ae71c62-font-weight );text-transform:var( --e-global-typography-ae71c62-text-transform );line-height:var( --e-global-typography-ae71c62-line-height );letter-spacing:var( --e-global-typography-ae71c62-letter-spacing );color:var( --e-global-color-93d54c2 );border-radius:0px 0px 0px 0px;padding:14px 36px 14px 36px;}.elementor-kit-13 button:hover,.elementor-kit-13 button:focus,.elementor-kit-13 input[type="button"]:hover,.elementor-kit-13 input[type="button"]:focus,.elementor-kit-13 input[type="submit"]:hover,.elementor-kit-13 input[type="submit"]:focus,.elementor-kit-13 .elementor-button:hover,.elementor-kit-13 .elementor-button:focus{background-color:var( --e-global-color-4ef596a );}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-13{--e-global-typography-primary-font-size:90px;--e-global-typography-2ec0e50-font-size:90px;--e-global-typography-e0605ad-font-size:50px;--e-global-typography-58e57b6-font-size:60px;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{font-size:var( --e-global-typography-ae71c62-font-size );line-height:var( --e-global-typography-ae71c62-line-height );letter-spacing:var( --e-global-typography-ae71c62-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13{--e-global-typography-primary-font-size:60px;--e-global-typography-secondary-font-size:40px;--e-global-typography-2ec0e50-font-size:60px;--e-global-typography-fbe48ce-font-size:40px;--e-global-typography-930cafa-font-size:25px;--e-global-typography-e0605ad-font-size:40px;--e-global-typography-58e57b6-font-size:50px;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{font-size:var( --e-global-typography-ae71c62-font-size );line-height:var( --e-global-typography-ae71c62-line-height );letter-spacing:var( --e-global-typography-ae71c62-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ======================================================
   FULLSCREEN ENVELOPE OVERLAY CONTAINER
   ====================================================== */
.envelope-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    
    /* Solid background prevents ANY part of the homepage from leaking through */
    background: #FFFFFF !important; /* Replace with your desired color (e.g. #FAF8F5 for off-white) */
    
    z-index: 999999 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;

    /* Perspective gives the flap realistic 3D depth as it rises */
    perspective: 1200px;
}

/* Ensure background transparency inside the wrapper components */
.envelope,
.envelope-body,
.envelope-flap {
    background: transparent !important;
}

/* ======================================================
   ENVELOPE WRAPPER (FULLSCREEN STRETCH)
   ====================================================== */
.envelope-wrapper {
    position: relative;
    width: 100vw !important;
    height: 100vh !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ======================================================
   ENVELOPE BASE (BOTTOM POCKET)
   ====================================================== */
.envelope-body {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Cover forces the image to fill the entire screen, matching mobile */
    object-fit: cover !important;
    object-position: center !important;
    z-index: 10;
}

/* ======================================================
   ENVELOPE FLAP & SEAL (TOP RISING PIECE)
   ====================================================== */
.envelope-flap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Cover forces the flap image to match base dimensions exactly */
    object-fit: cover !important;
    object-position: center !important;
    z-index: 20;

    /* Sets flap hinge along the top edge */
    transform-origin: top center;
    transform-style: preserve-3d !important;
    cursor: pointer;

    /* Hardware acceleration & backface fix for Chrome/Safari */
    will-change: transform, opacity;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: rotateX(0deg) translateZ(0);

    /* Clean shadow without dynamic expensive box re-filters */
    filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.12));

    /* Smooth transition for flap movement and fade */
    transition: transform 2.2s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 1.5s ease-in-out !important;
}

/* Optional hover boost before clicking */
.envelope-flap:hover {
    filter: drop-shadow(0px 12px 18px rgba(0, 0, 0, 0.18));
}

/* ======================================================
   TAP TO OPEN HINT
   ====================================================== */
.tap-to-open {
    position: absolute !important;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    color: #9FAD8C;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.4s ease;
}

/* ======================================================
   OPENING ANIMATION TRIGGER
   ====================================================== */

/* Flap rotates open AND fades out so the upside-down seal disappears */
.envelope.open .envelope-flap,
.envelope-overlay.is-opening .envelope-flap {
    transform: rotateX(160deg) !important;
    opacity: 0 !important;
}

/* Hide tap text immediately on click */
.envelope-overlay.is-opening .tap-to-open {
    opacity: 0;
    pointer-events: none;
}

/* Softly fade out and remove overlay AFTER the flap opens */
.envelope-overlay.is-opening {
    pointer-events: none;
    animation: fadeAndRemove 1.0s ease 1.2s forwards;
}

@keyframes fadeAndRemove {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(30px);
        visibility: hidden;
    }
}/* End custom CSS */