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

.gate {
    --pic-r: .5628;
    --hint-y: 49%;
    --shape: "phone"
}

.gate .c-still {
    background-image: url(still.webp), url(data:image/webp;base64,UklGRsAAAABXRUJQVlA4ILQAAADQBACdASoYACsAPuVkpk2pJaOiNVgIASAciWMAsOxDzF0WzXvKTRuyjeFD+h1WWAD52EeGGK17yZGXocC2pLUXNARu3LBCvtQ6A6fWkkwmE680l3dzsIt3dD4Yyfy5cPExAqCvhB07e4DjuUsJucOObFjFqxCaYSFAg8xmXO6Koz5gAo8y1SWQwu9iFn1dUXhPIkZJQ4AHPKSq4hH99MfgSegXSAzjys4VhbXuGYK8H8/4AAA=)
}

.gate .c-garden,
.gate .c-frame {
    background-image: url(../hero/scene.webp), url(data:image/webp;base64,UklGRlYBAABXRUJQVlA4IEoBAACwBwCdASoYACsAPu1srVIppaQipWsxMB2JZACzoXsEA5GNZh/JD2l+fIFTH3wNIfF9dC5Ue/qvHwqOHFVB1Yb2rEKWxFSAAP4Up13VQXmG1B2o5hrrZb8C7ObK3uWYIA65MAWF5OVMjfsLY4JHWtqP6PxaQLm8Hz0cPOxR4U1MsDzokOzlZ9qmvtdhSYbIug2zUVCcTFu3taNB7p5ULBwZrA9Cu1T9MgaAPYomWf2q1OK75IR2u0nAp7a0f1msplUm5CcqOV497T605TvmN7qNt/P5rV6VqPcf8Xu5F4oqcY1u5wiP93FTNLhae5igQ4aV6cwzn4teXzoCfatUd/ItaNpqSzoXwMunUhNdSU8V0bU6tP+2maLMqTU+QBlQ62D/6mrh2Yv9O4lYfFcPRp3yL0bCI5ceE5S3bCmmIcIn2ouk7E4CQYCHAAA=)
}

.gate .c-frame {
    -webkit-mask-image: url(frame-mask.webp);
    mask-image: url(frame-mask.webp)
}

.gate .c-cloth {
    background-image: url(curtain.webp)
}

.gate .c-flame:nth-of-type(1) {
    left: 22.64%;
    top: 88.22%
}

.gate .c-flame:nth-of-type(2) {
    left: 78.11%;
    top: 88.4%
}

@media(min-aspect-ratio:5/8) {
    html:root .gate {
        --pic-r: .75;
        --hint-y: 49%;
        --shape: "tab"
    }
    html:root .gate .c-still {
        background-image: url(still-tab.webp), url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAAAQBQCdASoYACAAPulgqE2pJaQiN/VYASAdCWUAvzgLmzTMP7TgHDxIT7q8AvpveZAAAPnWx/a4I8gYIHFUhkPcEm4Mfk7HgPEVPovnn1Xa4vxIFlIxEV5FZt3f8yMzYpc1ODGga+sI+w7e1qtKCQtltuAMfWIGFfnUKNQoH14sMQAA)
    }
    html:root .gate .c-garden,
    html:root .gate .c-frame {
        background-image: url(../hero/scene-tab.webp), url(data:image/webp;base64,UklGRuYAAABXRUJQVlA4INoAAACQBQCdASoYACAAPu1osFAppaSiqAqpMB2JYgC1GzMB+0gmcG1xOkKe/yptIUc6ziqHDn01gAD52EfhquZ9AfFwAyClSdYYASKRvzBiNLOSqu5zrGpLKy0jDyO+PfZHPPeKANgNPBVi5ZbeGMpP//vq8HXN6EJ2TmmmcLnitDquMq1hoOYMFPIOhgZxVstuOGguA/5BfB/EfkpSC5WwNQBA4382HY4mS7/WCBYKX8yUNp0cI0psI6T7UvzKMYvVlmbtbjwS1gNv7KY20qLhVOcZHVBhzdmQY9pkAA==)
    }
    html:root .gate .c-frame {
        -webkit-mask-image: url(frame-mask-tab.webp);
        mask-image: url(frame-mask-tab.webp)
    }
    html:root .gate .c-cloth {
        background-image: url(curtain-tab.webp)
    }
    html:root .gate .c-flame:nth-of-type(1) {
        left: 31.03%;
        top: 89.78%
    }
    html:root .gate .c-flame:nth-of-type(2) {
        left: 69.43%;
        top: 89.92%
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .gate {
        --pic-r: 1.33333;
        --hint-y: 50.5%;
        --shape: "land"
    }
    html.is-tablet .gate .c-still {
        background-image: url(still-land.webp), url(data:image/webp;base64,UklGRngAAABXRUJQVlA4IGwAAAAwBACdASoYABIAPu1kq0+ppSOiMBgIATAdiWUAtOgODVp0wdCzbMw/McAA8Y/6Q9x2YZjY4wMW5oqrmnJC2JP3qrlArOuIG6cBdC88Q0LdlQgSLC6NE3+4f5pvMtIcKDGGJR48SsGJ8kSqAAA=)
    }
    html.is-tablet .gate .c-garden,
    html.is-tablet .gate .c-frame {
        background-image: url(../hero/scene-land.webp), url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAADwBACdASoYABIAPu1sq1EppaOiqAqpMB2JQBbZAezFRE916RQrW0QTMEYe7i3Me+AA8de9lG61GPACRfxvI3cvmMHEcaKK/X0PsmyYT0S6s6jl6Er6BdsHeaXvLJkW346aKRyL9bKIlq5udPc0OEE+HE/Frnem77+13grzIo3ZMZE3fhGmcILCFo6pxUX6HnkbStx4WKmjMhlXSHfeT2nnbQ9BjDJ6a6RaAAAA)
    }
    html.is-tablet .gate .c-frame {
        -webkit-mask-image: url(frame-mask-land.webp);
        mask-image: url(frame-mask-land.webp)
    }
    html.is-tablet .gate .c-cloth {
        background-image: url(curtain-land.webp)
    }
    html.is-tablet .gate .c-flame:nth-of-type(1) {
        left: 24.52%;
        top: 92.45%
    }
    html.is-tablet .gate .c-flame:nth-of-type(2) {
        left: 77.07%;
        top: 92.54%
    }
}

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

:root {
    --k0: "a57fe800daf8d1d7d472"
}