/*! © 2026 Dastan Invites, dastaninvites.com. All rights reserved. This invitation's design, code, artwork and music may not be copied, reused or resold. */

:root {
    --rb-r: 1.7094;
    --rb-knot: .1236;
    --rb-knot-y: 12.357%;
    --rb-bow-l: 33.557%;
    --rb-bow-r: 67.785%;
    --fly-r: 1.1583;
    --fly-body: 49.958%;
    --gate-r: .55814;
    --gate-tiny: url(data:image/webp;base64,UklGRkQBAABXRUJQVlA4IDgBAAAQBwCdASoYACsAPtFgqlAoJSOipWmZABoJYwDAabV2htwcC1x0oe2eu6yN/T6sriKt3ZDnaBcuU1UFvCP9+yVlQADOCYFrNGNgy85OpuUbS6NWuB9bg17dDHell6/+2hBIh0X2izoRPQv7ETP90cLMoTyAkjd0Hxcs7Ht+9iNMgk4zt+X1gh6i294hxjxUUePnJY/YxBKm9FWUSExLTLwy8xtafkc1sWU1W9uQ3JdfqOyPt5Txm7/GvxvuL1duslR/1In8snwjC2rggskea0ePSw0rcVBrTWOo1e1DWsJQqwUSOgd/AJkH/QauIsiJFIhu5t8vPSzvyixaYytxFDs+gN+TG2vLfcEvh2hJ1yiIgpXV5S5CKvHPzR5/st8rhqqgly54284ZA/5RDD27vjOekg+EZcBQAAA=);
    --lf-l-x: 19.63%;
    --lf-l-y: 16.021%;
    --lf-l-w: 30%;
    --lf-l-h: 70.543%;
    --lf-r-x: 49.63%;
    --lf-r-y: 16.021%;
    --lf-r-w: 30%;
    --lf-r-h: 70.543%;
    --seam-x: 49.63%;
    --open-t: 16.021%;
    --open-b: 86.563%;
    --open-cx: 49.63%;
    --open-cy: 47.765%;
    --open-mask: url(../assets/cover/opening.webp);
    --rb-x: 49.63%;
    --rb-y: 54.819%;
    --rb-w: 60%
}

.garden {
    --shape: phone
}

.g-beyond,
.gate-backdrop:after {
    background-image: url(beyond.webp)
}

.g-leaf-l .g-leaf-art {
    background-image: url(leaf-l.webp)
}

.g-leaf-r .g-leaf-art {
    background-image: url(leaf-r.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root {
        --gate-r: .74672;
        --gate-tiny: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4IOQAAAAwBQCdASoYACAAPtFcpk4oJSOiKAqpABoJZQC2ydzrgYJt1cho9SoplCw4+1h5BqncAAD6/yYle2A692SyKEvmhEA7e/9G8xyanG2TyAuTKQkUGJdat9steVWzyzKHlOT80LJ2rPn5/ECWceknlC5CDwZpIr1VZvC05ZcwvgJsHQjN9/4UsDHyDo0MVo2htzj7ebZKDgdM6YIuZ/sIbJTtV6foh7PKCrogs5M46YWeE0VmoQCtMYQyaVQ84HKO0hsuBl3F0xI6hwIVORLX5H5tbZDXxakw9kycNsjpHACu8NEAAAA=);
        --lf-l-x: 19.141%;
        --lf-l-y: 10.938%;
        --lf-l-w: 29.753%;
        --lf-l-h: 82.888%;
        --lf-r-x: 48.893%;
        --lf-r-y: 10.938%;
        --lf-r-w: 29.753%;
        --lf-r-h: 82.888%;
        --seam-x: 48.893%;
        --open-t: 10.938%;
        --open-b: 93.826%;
        --open-cx: 48.893%;
        --open-cy: 48.238%;
        --open-mask: url(../assets/cover/opening-tab.webp);
        --rb-x: 48.893%;
        --rb-y: 56.526%;
        --rb-w: 59.505%
    }
    html:root .garden {
        --shape: tab
    }
    html:root .g-beyond,
    .gate-backdrop:after {
        background-image: url(beyond-tab.webp)
    }
    html:root .g-leaf-l .g-leaf-art {
        background-image: url(leaf-l-tab.webp)
    }
    html:root .g-leaf-r .g-leaf-art {
        background-image: url(leaf-r-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet {
        --gate-r: 1.33944;
        --gate-tiny: url(data:image/webp;base64,UklGRs4AAABXRUJQVlA4IMIAAACwBQCdASoYABIAPtFepk6oJSMiKAqpABoJZQC7M2ROABQU2YrEz42xK3MRoiGC7gaINEtfCAAA/u5Ov6r3a+kUFnV2tHN4jqF5RFxjlIom+SivATA5Vta86pRNE0l/ilIcx+ptfsHaVs0n5ylLKP7KVl470b4yvqtEREYpZRN3+cg8JhtwipoXWgah7Yzy0z7BczrMdAeXja1RBVsW39DmhC6jYbnr0x/i04cm18qK7v1ErwvtuUs7f0emJfllgKjqAA==);
        --lf-l-x: 36.816%;
        --lf-l-y: 15.37%;
        --lf-l-w: 13.232%;
        --lf-l-h: 72.073%;
        --lf-r-x: 50.049%;
        --lf-r-y: 15.37%;
        --lf-r-w: 13.232%;
        --lf-r-h: 72.073%;
        --seam-x: 50.049%;
        --open-t: 15.37%;
        --open-b: 87.443%;
        --open-cx: 50.049%;
        --open-cy: 47.802%;
        --open-mask: url(../assets/cover/opening-land.webp);
        --rb-x: 50.049%;
        --rb-y: 55.01%;
        --rb-w: 26.465%
    }
    html.is-tablet .garden {
        --shape: land
    }
    html.is-tablet .g-beyond,
    .gate-backdrop:after {
        background-image: url(beyond-land.webp)
    }
    html.is-tablet .g-leaf-l .g-leaf-art {
        background-image: url(leaf-l-land.webp)
    }
    html.is-tablet .g-leaf-r .g-leaf-art {
        background-image: url(leaf-r-land.webp)
    }
}

img,
canvas {
    -webkit-touch-callout: none;
    -webkit-user-drag: none
}

:root {
    --k0: "ce922cbe057bbaabad7b"
}