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

:root {
    --doors-r: .56545;
    --hinge: 0%;
    --med-x: 49.991%;
    --med-y: 49.386%;
    --med-d: 23.085%;
    --med-k: .1154;
    --doors-tiny: url(data:image/webp;base64,UklGRkgBAABXRUJQVlA4IDwBAABwBwCdASoYACoAPtFgqVAoJSOipWmZABoJZSYAO170Vkli2MORsZJhY/JhAQ1cz4JJgmKeMxzdfk1+u+4X6eEs+e1JAAD+4/roD+eyn/T6GkMfvBiyIK8wJCTSa/Q6td6BdyGOKTiy0OJcDyvLc8gtfaRXiY7XuseVudDOixuXNbk0YgHE6Bhs8bk7GleU65u9KkuAMWuucjnMTBLQvy4/IRPoirVOJNDcVVLmcWSKSqXIOIDuOfiO8VFXVgDgVPXIAyOOnTyYENWQzL76DDtdf3WcOMTqaCKGRDf/lsJaUVmYusDNExgZa9rfKMHHhMaXXUm3UEJhrHa2YCKKhWslyNGOodjTRIszcSoDt5+88LC0ngaQRWuU82sOWYpOUo2KXnxGu2CrhRH9RXBwTX8s9CifqEHgIrwc8DAA)
}

.d-art,
.gate-backdrop:after {
    background-image: url(doors.webp)
}

.d-glint {
    -webkit-mask-image: url(mirrors.webp);
    mask-image: url(mirrors.webp)
}

.medallion-img {
    background-image: url(medallion.webp)
}

.d-leaf-l .spark:nth-child(1) {
    left: 32.5%;
    top: 22.356%;
    --k: .55;
    --d: 0s
}

.d-leaf-l .spark:nth-child(2) {
    left: 23.796%;
    top: 47.277%;
    --k: .9;
    --d: 3.67s
}

.d-leaf-l .spark:nth-child(3) {
    left: 11.574%;
    top: 34.031%;
    --k: .75;
    --d: 2.94s
}

.d-leaf-l .spark:nth-child(4) {
    left: 39.167%;
    top: 56.963%;
    --k: .6;
    --d: 2.21s
}

.d-leaf-l .spark:nth-child(5) {
    left: 15%;
    top: 27.539%;
    --k: .95;
    --d: 1.48s
}

.d-leaf-l .spark:nth-child(6) {
    left: 33.333%;
    top: 27.539%;
    --k: .8;
    --d: .75s
}

.d-leaf-l .spark:nth-child(7) {
    left: 13.056%;
    top: 71.937%;
    --k: .65;
    --d: .02s
}

.d-leaf-l .spark:nth-child(8) {
    left: 34.815%;
    top: 33.927%;
    --k: 1;
    --d: 3.69s
}

.d-leaf-l .spark:nth-child(9) {
    left: 24.63%;
    top: 18.901%;
    --k: .85;
    --d: 2.96s
}

.d-leaf-l .spark:nth-child(n+10) {
    display: none
}

.d-leaf-r .spark:nth-child(1) {
    left: 87.315%;
    top: 25.34%;
    --k: .55;
    --d: 0s
}

.d-leaf-r .spark:nth-child(2) {
    left: 63.333%;
    top: 25.236%;
    --k: .9;
    --d: 3.67s
}

.d-leaf-r .spark:nth-child(3) {
    left: 73.889%;
    top: 46.597%;
    --k: .75;
    --d: 2.94s
}

.d-leaf-r .spark:nth-child(4) {
    left: 87.037%;
    top: 34.241%;
    --k: .6;
    --d: 2.21s
}

.d-leaf-r .spark:nth-child(5) {
    left: 86.759%;
    top: 71.937%;
    --k: .95;
    --d: 1.48s
}

.d-leaf-r .spark:nth-child(6) {
    left: 87.87%;
    top: 5.969%;
    --k: .8;
    --d: .75s
}

.d-leaf-r .spark:nth-child(7) {
    left: 66.759%;
    top: 43.613%;
    --k: .65;
    --d: .02s
}

.d-leaf-r .spark:nth-child(8) {
    left: 62.222%;
    top: 6.073%;
    --k: 1;
    --d: 3.69s
}

.d-leaf-r .spark:nth-child(9) {
    left: 88.704%;
    top: 60.628%;
    --k: .85;
    --d: 2.96s
}

.d-leaf-r .spark:nth-child(n+10) {
    display: none
}

@media(min-aspect-ratio:5/8) {
    html:root {
        --doors-r: .74672;
        --hinge: 10.4%;
        --med-x: 50.1%;
        --med-y: 49.436%;
        --med-d: 17.52%;
        --med-k: .0876;
        --doors-tiny: url(data:image/webp;base64,UklGRswAAABXRUJQVlA4IMAAAADwBQCdASoYACAAPtFao00oJSMiMBgIAQAaCUdwA6wboY5OChEIf4quh2BvNNAruHSnbBeNjov4AAD+6oH1WkF2c0ZBF+zPF7MmUMjfjeYL8fB14WvjyaMlTTYt7lopEfkQHJ+gMUFWgKrx9LN8e2T1Rbrd1LzPpQhx5XVXz6t5bIurHCtRl1EKQ+gXVuMHxuSivRR/kFGfzAYvWBPTOBcKryPOYFH9zGk9TZ30/eyADqsJ6/oIiDGZg4tiC4Q4AAA=)
    }
    html:root .d-art,
    html:root .gate-backdrop:after {
        background-image: url(doors-tab.webp)
    }
    html:root .d-glint {
        -webkit-mask-image: url(mirrors-tab.webp);
        mask-image: url(mirrors-tab.webp)
    }
    html:root .medallion-img {
        background-image: url(medallion-tab.webp)
    }
    html:root .d-leaf-l .spark:nth-child(1) {
        left: 22.005%;
        top: 71.755%;
        --k: .55;
        --d: 0s
    }
    html:root .d-leaf-l .spark:nth-child(2) {
        left: 37.37%;
        top: 27.662%;
        --k: .9;
        --d: 3.67s
    }
    html:root .d-leaf-l .spark:nth-child(3) {
        left: 30.664%;
        top: 11.57%;
        --k: .75;
        --d: 2.94s
    }
    html:root .d-leaf-l .spark:nth-child(4) {
        left: 23.633%;
        top: 27.662%;
        --k: .6;
        --d: 2.21s
    }
    html:root .d-leaf-l .spark:nth-child(5) {
        left: 36.849%;
        top: 22.411%;
        --k: .95;
        --d: 1.48s
    }
    html:root .d-leaf-l .spark:nth-child(6) {
        left: 23.828%;
        top: 15.946%;
        --k: .8;
        --d: .75s
    }
    html:root .d-leaf-l .spark:nth-child(7) {
        left: 30.599%;
        top: 19.3%;
        --k: .65;
        --d: .02s
    }
    html:root .d-leaf-l .spark:nth-child(8) {
        left: 38.997%;
        top: 71.755%;
        --k: 1;
        --d: 3.69s
    }
    html:root .d-leaf-l .spark:nth-child(9) {
        left: 41.927%;
        top: 57.025%;
        --k: .85;
        --d: 2.96s
    }
    html:root .d-leaf-l .spark:nth-child(10) {
        left: 21.094%;
        top: 33.982%;
        --k: .7;
        --d: 2.23s
    }
    html:root .d-leaf-l .spark:nth-child(11) {
        left: 30.664%;
        top: 87.749%;
        --k: .55;
        --d: 1.5s
    }
    html:root .d-leaf-l .spark:nth-child(n+12) {
        display: none
    }
    html:root .d-leaf-r .spark:nth-child(1) {
        left: 78.581%;
        top: 25.377%;
        --k: .55;
        --d: 0s
    }
    html:root .d-leaf-r .spark:nth-child(2) {
        left: 69.727%;
        top: 11.57%;
        --k: .9;
        --d: 3.67s
    }
    html:root .d-leaf-r .spark:nth-child(3) {
        left: 69.596%;
        top: 47.448%;
        --k: .75;
        --d: 2.94s
    }
    html:root .d-leaf-r .spark:nth-child(4) {
        left: 78.516%;
        top: 34.322%;
        --k: .6;
        --d: 2.21s
    }
    html:root .d-leaf-r .spark:nth-child(5) {
        left: 59.44%;
        top: 6.32%;
        --k: .95;
        --d: 1.48s
    }
    html:root .d-leaf-r .spark:nth-child(6) {
        left: 59.831%;
        top: 25.425%;
        --k: .8;
        --d: .75s
    }
    html:root .d-leaf-r .spark:nth-child(7) {
        left: 62.956%;
        top: 43.607%;
        --k: .65;
        --d: .02s
    }
    html:root .d-leaf-r .spark:nth-child(8) {
        left: 78.971%;
        top: 6.223%;
        --k: 1;
        --d: 3.69s
    }
    html:root .d-leaf-r .spark:nth-child(9) {
        left: 78.19%;
        top: 71.804%;
        --k: .85;
        --d: 2.96s
    }
    html:root .d-leaf-r .spark:nth-child(10) {
        left: 61.458%;
        top: 71.804%;
        --k: .7;
        --d: 2.23s
    }
    html:root .d-leaf-r .spark:nth-child(11) {
        left: 63.932%;
        top: 77.103%;
        --k: .55;
        --d: 1.5s
    }
    html:root .d-leaf-r .spark:nth-child(n+12) {
        display: none
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet {
        --doors-r: 1.33944;
        --hinge: 29.4%;
        --med-x: 50.025%;
        --med-y: 49.527%;
        --med-d: 9.462%;
        --med-k: .0473;
        --doors-tiny: url(data:image/webp;base64,UklGRowAAABXRUJQVlA4IIAAAAAQBQCdASoYABIAPtFUpk2oJCOiMBgIAQAaCWMAnTOhwRjPFXPSnNW2E8mWkfe7TCSgAP5+AuDoyQhXOoxQgu53/0TOVSDOlTKqfi15MqQMWRhCBNGEXDp8Jx9HRyA2CNEgbwau1Fip1RkAjcQFYuBVAdFiNhI53GQ02AbYkAAAAA==)
    }
    html.is-tablet .d-art,
    html.is-tablet .gate-backdrop:after {
        background-image: url(doors-land.webp)
    }
    html.is-tablet .d-glint {
        -webkit-mask-image: url(mirrors-land.webp);
        mask-image: url(mirrors-land.webp)
    }
    html.is-tablet .medallion-img {
        background-image: url(medallion-land.webp)
    }
    html.is-tablet .d-leaf-l .spark:nth-child(1) {
        left: 42.92%;
        top: 22.891%;
        --k: .55;
        --d: 0s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(2) {
        left: 35.791%;
        top: 28.188%;
        --k: .9;
        --d: 3.67s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(3) {
        left: 35.01%;
        top: 71.288%;
        --k: .75;
        --d: 2.94s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(4) {
        left: 45.557%;
        top: 56.835%;
        --k: .6;
        --d: 2.21s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(5) {
        left: 39.6%;
        top: 12.23%;
        --k: .95;
        --d: 1.48s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(6) {
        left: 43.896%;
        top: 34.598%;
        --k: .8;
        --d: .75s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(7) {
        left: 39.404%;
        top: 47.482%;
        --k: .65;
        --d: .02s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(8) {
        left: 44.043%;
        top: 71.288%;
        --k: 1;
        --d: 3.69s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(9) {
        left: 36.914%;
        top: 37.606%;
        --k: .85;
        --d: 2.96s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(10) {
        left: 39.551%;
        top: 80.706%;
        --k: .7;
        --d: 2.23s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(11) {
        left: 36.475%;
        top: 61.216%;
        --k: .55;
        --d: 1.5s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(12) {
        left: 45.02%;
        top: 6.279%;
        --k: .9;
        --d: .77s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(13) {
        left: 48.584%;
        top: 15.697%;
        --k: .75;
        --d: .04s
    }
    html.is-tablet .d-leaf-l .spark:nth-child(n+14) {
        display: none
    }
    html.is-tablet .d-leaf-r .spark:nth-child(1) {
        left: 65.234%;
        top: 25.899%;
        --k: .55;
        --d: 0s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(2) {
        left: 55.908%;
        top: 71.223%;
        --k: .9;
        --d: 3.67s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(3) {
        left: 55.225%;
        top: 25.899%;
        --k: .75;
        --d: 2.94s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(4) {
        left: 60.449%;
        top: 12.034%;
        --k: .6;
        --d: 2.21s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(5) {
        left: 60.156%;
        top: 47.417%;
        --k: .95;
        --d: 1.48s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(6) {
        left: 57.715%;
        top: 37.606%;
        --k: .8;
        --d: .75s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(7) {
        left: 60.4%;
        top: 80.772%;
        --k: .65;
        --d: .02s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(8) {
        left: 64.99%;
        top: 71.354%;
        --k: 1;
        --d: 3.69s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(9) {
        left: 65.771%;
        top: 60.366%;
        --k: .85;
        --d: 2.96s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(10) {
        left: 65.234%;
        top: 35.317%;
        --k: .7;
        --d: 2.23s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(11) {
        left: 54.883%;
        top: 6.344%;
        --k: .55;
        --d: 1.5s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(12) {
        left: 57.422%;
        top: 61.151%;
        --k: .9;
        --d: .77s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(13) {
        left: 65.771%;
        top: 5.625%;
        --k: .75;
        --d: .04s
    }
    html.is-tablet .d-leaf-r .spark:nth-child(n+14) {
        display: none
    }
}

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

:root {
    --k0: "ead0113e5ed7ad3808b5"
}