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

.hero {
    --hero-r: .5628;
    --hero-shape: "phone";
    --w-l: 13.096%;
    --w-r: 86.798%;
    --w-t: 10.811%;
    --w-b: 35.22%
}

.hero .h-view {
    background-image: url(scene.webp), url(data:image/webp;base64,UklGRmIBAABXRUJQVlA4IFYBAACQCACdASoYACsAPu1urFKppiOipWsxMB2JbACdOUFUXiriADDUm9oGfftrSukeOVpbEkE84AkCP2yuJEcd4IbdIrPmIqSgdiJR7A5wAAD+7xt4P7ABWAiCZJyoe5anHVPi8Z68RaciWvNTt+w7kNacWL9rqQalGQ910Wy3j6WxJx+fhIkWoPrnFTGcdDacSE9nXQJ5HtxEXdfejA4FTC8h6HYHS9Wam/yd6wJQPUnlCfAFjWBqALJmsg0uM9g4nzBmkHezYg7Ao8/PaG/Xb0yazmGrjhJDRcHiRKyRuibGGpwNhsAY4BlkMdtDJET4Xilxk1ktM0f/oSl21TUwPInoP/K1ffHOoz91BVf4Mty5WtfbxRZbB9IxrnJLKVQpkOFDSsrJllgesqZt8Wgj+nPTE7Gn3iS+wi3Aenn48VzdkQCkMBTqWrRTSqez/VoADGpdvwisAAA=)
}

.hero .h-sun {
    -webkit-mask-image: url(wood.webp);
    mask-image: url(wood.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .hero {
        --hero-r: .75;
        --hero-shape: "tab";
        --w-l: 13.221%;
        --w-r: 86.779%;
        --w-t: 10.025%;
        --w-b: 29.368%
    }
    html:root .hero .h-view {
        background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRhQBAABXRUJQVlA4IAgBAABQBgCdASoYACAAPu1wsFIppiSiqAgBMB2JbACdMoRwEGkjlmUJVqJrXZ+XTGZ0cI0O2DUSAMraZC0PQAD+7E+l/TSD0Hn5ML7RsmBe8HfMgMXv+GOf+xzQFNDwAj0wXsBqOo9uliO0V89r5xX5tzvRxcRQcqm7cLbFw0eFGOO7H3+6KZ+DeUcED51i7YZEpt74+oBK8ikuQM+VzKz0j0HII/eF/vm57efbA5953U8NXY6Ww1hCJAjNlZ6qVmfevJRIe43x9ZYVYYoEiWlaa5YEqOxClQZABcX9Vo72NE/ZSKPErjg3Hy2nlWN5janNSYSLSP7ZdfG2aEztFRadrFfKnG4jwjz+QAA=)
    }
    html:root .hero .h-sun {
        -webkit-mask-image: url(wood-tab.webp);
        mask-image: url(wood-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .hero {
        --hero-r: 1.33333;
        --hero-shape: "land";
        --w-l: 13.566%;
        --w-r: 86.434%;
        --w-t: 12.005%;
        --w-b: 28.631%
    }
    html.is-tablet .hero .h-view {
        background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAABwBQCdASoYABIAPu1kqE2ppaOiMAgBMB2JaACdMskaq3oABSYK2yLarBtnurMSyVStlwMAAP5JwMSv+SIloztLl/N92djxMZ/Zh5zbM9Cm08rGjc4oh5VWovRduEJVNJTQDwVqfImj9O5+e+4ds2k08iVnSXAt653pO3BnI9v4WUvLe1bMLeGF6qVm3ktrrnOvzYZWyfRKqFQRQnCA5Mv1Uu3e4AAA)
    }
    html.is-tablet .hero .h-sun {
        -webkit-mask-image: url(wood-land.webp);
        mask-image: url(wood-land.webp)
    }
}