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

.families {
    --pic-r: .55814;
    --apex-x: 48.958%;
    --apex-y: 7.994%;
    --in-l: 23.828%;
    --in-r: 77.409%;
    --in-t: 21.221%;
    --in-b: 70.892%;
    --out-l: 1.628%;
    --out-r: 99.935%;
    --in-l-n: .2383;
    --in-r-n: .7741;
    --in-t-n: .2122;
    --in-b-n: .7089;
    --out-l-n: .0163;
    --out-r-n: .9993;
    --shape: phone
}

.fm-scene {
    background-image: url(bare-phone.webp), url(data:image/webp;base64,UklGRsgAAABXRUJQVlA4ILwAAABQBQCdASoYACsAPqVEnkmmJCMhNVgMAMAUiWcAvVhuoVZjkvgAfM++TzzvTpE88+pQbUAA/vjm5UNOvbi8XY02UAxbgfd733HeLzRksuuIbTxwbAv7wStXqyMlNaMFK4QpxLZwdv3iz7h24307ocRiA6j6Vv2nwZIpYXRC6qjjgtjnI8vHgHqfORMmJyuUTw95VdMZlIRiUeh3a8HFgWSX6j7XW9A84UG2saKwC97eqF6r86tO/tSHEAAAAA==)
}

.fm-vines-still {
    background-image: url(vines-phone.webp)
}

@media(min-aspect-ratio:5/8) {
    html:root .families {
        --pic-r: .74667;
        --apex-x: 49.33%;
        --apex-y: 7.979%;
        --in-l: 30.469%;
        --in-r: 70.424%;
        --in-t: 21.167%;
        --in-b: 70.542%;
        --out-l: 13.616%;
        --out-r: 86.384%;
        --in-l-n: .3047;
        --in-r-n: .7042;
        --in-t-n: .2117;
        --in-b-n: .7054;
        --out-l-n: .1362;
        --out-r-n: .8638;
        --shape: tab
    }
    html:root .fm-scene {
        background-image: url(bare-tab.webp), url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAACQBQCdASoYACAAPrVQn0ynJKKiKAqo4BaJZwC3udzw9EPqbqa7IiLFaqPVFHJNoxl0pdYSAAD+/S9Fv1CY7taQGOpB2Y5Pr1bcvm6gWJ2PKIyhvoD0MPV1THT2SO8qCf0dOqvVDfdp3XJuV42vYPqsd+8NZt3Sy7KI6cVuo4h0NmBEW9RfOc+jKr5w7GGDOSkeWpowkZE15dTBf4S1WKxH5kblm5KVkUCxQAAA)
    }
    html:root .fm-vines-still {
        background-image: url(vines-tab.webp)
    }
}

@media(min-aspect-ratio:6/5) {
    html.is-tablet .families {
        --pic-r: 1.33929;
        --apex-x: 49.833%;
        --apex-y: 7.785%;
        --in-l: 38.952%;
        --in-r: 61.542%;
        --in-t: 21.094%;
        --in-b: 70.098%;
        --out-l: 29.583%;
        --out-r: 70.917%;
        --in-l-n: .3895;
        --in-r-n: .6154;
        --in-t-n: .2109;
        --in-b-n: .701;
        --out-l-n: .2958;
        --out-r-n: .7092;
        --shape: land
    }
    html.is-tablet .fm-scene {
        background-image: url(bare-land.webp), url(data:image/webp;base64,UklGRpAAAABXRUJQVlA4IIQAAABwBACdASoYABIAPrVOnksnJCKhqA1Q4BaJZQC90BEVV0dx5aOLOLC6NwVEAAD+8dWhQK5Go1m3zhK28BW7+Zi7VtYr4vlTzPQ4fMV8un47ykXbowqFmgBjvwfui/X+4gy4xDv+v2BsDXynn1wrxNJ6hatdOjHKw9U54xm6/YuF1gzZAAA=)
    }
    html.is-tablet .fm-vines-still {
        background-image: url(vines-land.webp)
    }
}