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

.hero {
    --hall-r: .56545;
    --arch-l: 22.685%;
    --arch-r: 77.315%;
    --arch-t: 33.403%;
    --arch-s: 51.78%;
    --arch-b: 80.838%;
    --lamp-x: 49.63%;
    --lamp-y: 13.141%;
    --hall-shape: "-phone"
}

.h-hall {
    background-image: url(hall.webp), url(data:image/webp;base64,UklGRk4BAABXRUJQVlA4IEIBAADQBwCdASoYACoAPtFip1AoJSMipWmZABoJZgCdL4GpIqR0H7u//jQVvpf0v0ac9vvCnFSfLka5PIn2P1LLZ3/e6OgHHOpGcAD+uw5rxI/tRGiIBOad5Y6bc16sAkvRg620gPORJFPhJ2N6eDjggn2GKl6qLhoRNFxR6+CEVhv+yEoQMQROK3TX+mV6MmTyiV/w+TMGcdR08N+xJxHJ7MifoDsHMyKmyQrdpHSRHqeqTwtxeVW87rh5ug3hzWMvZVqm4nOF89YpOgMwqelYLYg1Fkn40i6A05g/cwV8grnSL7oP61SDZcjj3t/FlUaEW1GCiBHEX+BbMXyuVlNNIuSK2lVuzSRKCHaw6avdeJpKcsWU+fJJJUbEkKw/Vq7KOa/GtHLGvJovygvtNraBkmY/9SXktrzjEGOqTWkkm23FAAAA)
}

.h-glow {
    -webkit-mask-image: url(mirrors.webp);
    mask-image: url(mirrors.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .hero {
        --hall-r: .74672;
        --arch-l: 28.06%;
        --arch-r: 72.005%;
        --arch-t: 29.46%;
        --arch-s: 48.809%;
        --arch-b: 79.776%;
        --lamp-x: 50%;
        --lamp-y: 9.626%;
        --hall-shape: "-tab"
    }
    html:root .h-hall {
        background-image: url(hall-tab.webp), url(data:image/webp;base64,UklGRugAAABXRUJQVlA4INwAAADQBQCdASoYACAAPtFYpE0oJSOiKA1RABoJZgCdMoR45zKBbcEF3jgXS7lGWxosZ0Sk68S7hioAAP7Rq4PoiQrNsI/JvgNBPsQVJUXZyD72D7PC+ixIGMqJU2CUKE1K+mfpDjoyWseDz2Na0EJlvZP++qdYzlqVtTy3LX6H5XnywM/3yPrz46kqXoP6HrYzjeAkNispdJqpkjH6up4G9TDIjYyvtbwXkhgjqdUcJ8OzUiZDfgh4vRvNXl4Vv+3rVNh01Ccyndg7ld2dRI90AIoIXI2NZEcEoFPTOyAA)
    }
    html:root .h-glow {
        -webkit-mask-image: url(mirrors-tab.webp);
        mask-image: url(mirrors-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .hero {
        --hall-r: 1.33944;
        --arch-l: 38.281%;
        --arch-r: 61.719%;
        --arch-t: 32.832%;
        --arch-s: 51.014%;
        --arch-b: 80.576%;
        --lamp-x: 50%;
        --lamp-y: 14.454%;
        --hall-shape: "-land"
    }
    html.is-tablet .h-hall {
        background-image: url(hall-land.webp), url(data:image/webp;base64,UklGRpIAAABXRUJQVlA4IIYAAABwBACdASoYABIAPtFao02oJSMiKA1RABoJYwAAH/f2AvvKfCTJH+HHrVQGEAD+5OTW88cVQfO4SzbLuO34AsSO3iCZ29hw1zHUOl9ygNAysJdsoAbe+V4ISjcK0adkHQ7b/Dzr18+G4y1Xbbyjd57ynWbV1hKuwKN5QV2CcQThLEdPq0LwAA==)
    }
    html.is-tablet .h-glow {
        -webkit-mask-image: url(mirrors-land.webp);
        mask-image: url(mirrors-land.webp)
    }
}