/*! © 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;
    --w-l: 18%;
    --w-r: 82%;
    --w-t: 18.4%;
    --w-b: 39.8%;
    --hero-shape: "phone"
}

.hero .h-court {
    background-image: url(scene.webp), url(data:image/webp;base64,UklGRnABAABXRUJQVlA4IGQBAACwCACdASoYACsAPu1usVKppiSipWmZMB2JZACdMoMyQRjFMDXrDzyz6quc/fUKdUD5/+TuefcvrLVl2XX+ePvYyWBo9mlsQbarZwlSIAAA/oapju7eNMCnzBSd0zJSAs2xDPOx3XkTxXCHKXuxH1llEy+GOioWBw7xlxUaPUZ7xUJ0ZKyK7hriaMPfQkLHVBGWdotgJZ5lXzdAXibBUD+o9lKlavoPoG2raVY4r0EKZamYiJqfbdXtRmFEVhkw9dqBmzkXt6ei0DD0tG7t9l8gTIWhU56H7BT0VPTuswuRVBUwfURsbxiSfhOVBzLuDfRWUvQrX9WZxfQh6MXqAPdi3OEJ0yM8yA7UkmaqadNvmK11HZ3A7nqYmwYTcNSxeaCfqL40FEB56qYg4T/hWFTfUkbD+/QrVSSmFwHFXZzcyp807sauEADn41rwo/o1ayd4Q6wv2HV9qkcMv03+4+nJoegAAA==)
}

.hero .h-birds {
    -webkit-mask-image: url(opening.webp);
    mask-image: url(opening.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .hero {
        --hero-r: .75;
        --w-l: 26%;
        --w-r: 74%;
        --w-t: 18.4%;
        --w-b: 39.4%;
        --hero-shape: "tab"
    }
    html:root .hero .h-court {
        background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRhQBAABXRUJQVlA4IAgBAAAQBwCdASoYACAAPu1kp02ppaOiMAgBMB2JZgCsL15GRrA2gVr3v2MotjF2I/AGELcBKTtGaDlErtCxRLeMLXPLAAD+QgqywmjwbqoFHvGpZSa6Aqc/Q9/IuSz/ygp0cGtiFW+bfn5TRv83xVXg1A4MMeKWAe3DPmMYlYyRzbX9Htn9inA1JvqPQ/b1e2kP+Lk85kE5SrF+oXa+dFj51xSSJ/Gr/GQKf0YVh8AC5E6L65dZgGBx2UuXc2QzSijimhsX02Ec7eRckOf1xQCCOiA/jUb8vYviTAEGa5ZwG2oGUi7uwEmh/wyp26a7j/QBUtAtRWQ4KJq/eCiUix+SrO+v+AreK2pIAAA=)
    }
    html:root .hero .h-birds {
        -webkit-mask-image: url(opening-tab.webp);
        mask-image: url(opening-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .hero {
        --hero-r: 1.33333;
        --w-l: 31%;
        --w-r: 69%;
        --w-t: 17.2%;
        --w-b: 37.4%;
        --hero-shape: "land"
    }
    html.is-tablet .hero .h-court {
        background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRsAAAABXRUJQVlA4ILQAAABwBQCdASoYABIAPu1ur1KppiQiqAgBMB2JYgCxH0xBBpXNKNa1+3ajb7/xLfCcapbAqeOAAP7APzFgbndx+U+nSXlTHgMx3GereQnPSrtM/+qRO5g1C+jvjDJm7JQmgKs0FKiVcJ+vR4vjwoIsBqevqc2XAEGfovEE9dBQFdzwGxYjnnDcHqyfbcz0g3gWy+iCG2ArWGDoOx5cxlKMZTm9h27Tl4eAj6+ODbKcNAlLJBRckAA=)
    }
    html.is-tablet .hero .h-birds {
        -webkit-mask-image: url(opening-land.webp);
        mask-image: url(opening-land.webp)
    }
}