<!--❀ welcome to Sweet Cerise's website ❀-->

<!--
⠀⠀⠀⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⠀⡀⠀⠀⠀⠀⡀
⠀⠀⠀⢿⣄⡀⠀⠀⠀⠀⠀⠀⢰⡄⠀⢀⣼⡏⡀⣷⠀⢰⢓⡖⢳⡄
⠀⠀⠀⠀⠻⣿⣦⣄⠀⠀⠀⠀⣸⣇⠀⢸⡟⢀⡿⠟⣷⡌⣿⡶⠞⠁
⠀⠀⠀⠀⠀⠈⢿⣿⣿⣶⣶⣶⣾⣼⣶⣼⣷⣯⣴⣴⣤⣼⣿⣥⣶⣤⣤⣤⣀⣀⣶⢶⡀⣷⡀
⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⡿⣷⠈⠉⠻⣿⣭⣭⣭⠉⢻⣿⠛⠻⣯⠉⠉⠙⢻⠟⢻⠟⣭⢳⡄⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣤⠀⣤
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣾⣅⠄⡀⠀⠉⠉⠉⠻⢮⣜⠳⠼⠋⠀⠀⠀⠈⠉⠻⠤⠻⣦⡾⠛⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡀⣠⢤⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⢈⣹⣨⣀⠀⠀⠀⠀⣀⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣷⣦⣀⠀⠀⠀⠀⠀⠉⠛⠶⢤⣀⡀⠀⠀⠀⠀⠀⠀⡾⠳⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⠀⡄⠈⣇⠀⢸⡅⣨⣇⡈⢧⡀⠀⣀⣀⣠⣶⠶⠶⠟⠣⢴⠛⣦⣼⣀⣤⠶⡛⠋⠉⠓
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠈⢙⢲⣤⠀⠀⠀⠀⠋⠀⡹⡄⠀⣀⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⠉⠛⢻⡇⠀⢹⣦⡟⠉⣸⠻⢠⣴⡷⠞⠋⠉⠁⠀⠀⠀⠀⠀⠈⠉⠀⠈⠙⠳⢮⣀⠀⠀⠀⠀⢠⡄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣶⣤⣤⣀⣄⡀⠀⠀⠂⠘⠃⠀⠀⠀⠀⠀⠀⢷⡺⢿⡿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣙⡷⠤⣴⣿⡦⠋⠀⠻⣍⣹⣶⡞⠃⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⡄⠀⠀⠀⠉⠛⠲⠦⠶⠟⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠿⣿⣿⢿⡻⠿⠷⢦⡴⠲⡆⠀⠀⠀⠀⠀⠀⠀⢷⠞⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⠀⢠⣽⡃⠀⣺⠃⠉⢸⡶⢀⡼⢏⠁⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣤⡤⠖⠛⠉
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠿⣿⣿⣶⡾⠓⠺⢧⠀⠀⠀⠀⠀⠀⠀⠈⢷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡏⠙⣿⠬⠈⠉⠹⣿⡦⣄⣼⣿⠏⣹⠓⣦⣤⣤⠴⠶⠖⠛⠛⠉⠉⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠿⢿⣽⣍⡠⠀⠀⠀⠀⠀⠀⠀⠀⢳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣷⣾⡏⠀⠀⠀⠀⠹⢦⣬⣿⠷⡖⠫⣈⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢣⡉⠛⠶⣤⣤⣤⣤⣄⣀⣀⠀⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠏⠁⠀⠀⢀⣀⡼⠯⠋⠀⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⠓⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣴⠛⣦⡴⣄⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣦⣤⣈⣿⢦⣄⡈⠉⠉⠛⠛⠛⠶⠶⠶⣤⣤⣤⣤⣤⣿⣯⣤⠷⠶⠞⠛⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⡿⠋⢠⣀⣀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢷⣠⣿⣦⣿⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠑⢄⡙⣿⡄⠉⠻⣶⣄⡀⠀⠀⠀⠀⠀⠀⠀⠙⣦⣴⡿⣞⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣘⣿⣒⣒⣸⣄⣹⣄⠾⣄⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠈⢻⣿⣿⡏
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⢾⣆⠀⡈⠙⠿⣷⣦⣀⠀⠀⠀⠀⠀⠘⣦⡶⠿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⡴⠶⠛⠋⠉⠉⠉⢧⣀⡏⠙⡶⢾⣴⡗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡏⢖⣴⡟⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠓⢾⣢⠀⠀⠉⠛⠿⢶⣤⣀⠀⡀⠘⠀⠀⠀⠀⠀⠀⠀⠀⢀⡼⢧⡀⠀⠀⠀⠀⠀⢀⣤⣖⡏⠁⠄⠀⠀⠀⠀⠀⠀⠀⠀⠙⠞⠁⠀⠈⠻⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣠⢞⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢶⣖⠀⠀⠀⠀⠈⠛⠷⣶⣤⣀⣠⣄⡀⠀⢀⣠⢤⣞⠁⠀⢹⣠⣤⣀⣤⣶⣻⣮⡶⠷⠛⠛⠛⠛⠲⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣾⣿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣤⢀⣼⣿⣽⣷⣄⢀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠒⠶⠀⠀⠀⠀⠀⠉⢛⣿⡀⣻⠈⢹⡅⠀⠉⣷⣼⠋⠀⢀⣽⣿⣿⠉⠁⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠟⠟⢚⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣬⣇⣨⠿⠉⠀⠈⠿⠛⠟
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⣀⢉⠿⣍⠙⣷⠆⠚⠙⡿⠉⢰⣿⣭⣿⠸⢤⣄⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡶⢤⠀⠀⠀⠀⠀⠀⣀⣤⠷⠋⠋⠉⠁⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⢿⢀⠛⠒⢻⣄⣀⡰⢧⡀⢴⡧⠼⠉⣴⠊⠉⠉⠉⠛⠛⠶⠦⣤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠼⣄⢸⠃⠉⢻⠤⢴⠿⡏
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠀⠀⠀⠁⠉⠀⠈⠉⠉⠁⠀⠘⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠓⠦⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣴⣿⣥⡀⣹⢿⠒⢼⡿⠦⣿⡞⠛⣦⣤⣤⣀⣀⣀⣀⣀⣀⣀⣤⣤⣤⣄⣀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠳⢶⡶⠶⠶⣶⠶⠞⠛⠿⡟⠛⠋⠋⣏⠁⠸⢦⣀⡷⠒⠆⣸⠋⠀⠀⠙⠻⢿⣭⣭⣋⡉⢙⠙⠛⠶⠬⣭⣟⣶⣤⣤⣤⡴⡦⣤⡀⠀⠀⢀⣠⣴⠄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⡀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠸⠇⠀⠀⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠐⣙⠯⣿⣉⢉⣳⠀⠀⠘⢷⡄⠈⠓⠦⣤⣤⣶⣯⠶⠶⠻⢿⣭⣄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡿⢦⡀⡈⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣄⣸⠎⠛⠁⠀⠀⠀⠮⡧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣮⣻⣷⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠉⠀⠀⠀⠀⠀⠀⠀⠁
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠝⠿
-->

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <meta name="description" content="SWEET CERISE ♡ your sweet and petite San Francisco companion.">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>fmty | SWEET CERISE</title>
            <link rel="preconnect" href="https://fonts.googleapis.com">
            <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
            <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"/>
            <link rel="stylesheet" type="text/css" href="stylesheet.css">
            <script type="text/javascript" src="script.js" defer></script>
            <style>
                .container {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 35px;
                    padding-top: 25px;
                    margin-left: auto;
                    margin-right: auto;
                    height: fit-content;
                    width: 85%;
                }
                main {
                    position: relative;
                    display: block;
                    margin-left: auto;
                    text-align: left;
                }
                .rates {
                    position: relative;
                    display: block;
                    height: fit-content;
                    top: 3.5%;
                    background-image: url(gif/drink.webp);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    z-index: -1;
                }
                .rates-list {
                    position: relative;
                    color: white;
                    text-align: center;
                    text-shadow: 2px 2px 4px #000;
                    padding-top: 11%;
                    padding-bottom: 11%;
                }
                h1 {
                    color:hsla(340, 100%, 80%, 0.7);
                    text-align: right;
                }
                .reveal-details {
                    display: none;
                    position: relative;
                    font-size: large;
                    margin-left: auto;
                    margin-right: auto;
                    width: 85%;
                }
                #surprise4u {
                    display: none;
                    text-align: right;
                    margin-left: auto;
                    margin-right: auto;
                    width: 85%;
                }
                .hover-trigger {
                    position: relative;
                    cursor: pointer;
                    display: block;
                    text-align: left;
                    text-decoration: none;
                }
                .hover-image {
                    display: none;
                    position: relative;
                    top: 15px;
                    width: 100%;
                    border-radius: 8px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                    z-index: -1;
                }
                .hover-trigger:hover .hover-image {display: block;}

                @media screen and (max-width: 1301px) {
                    #surprise4u {display: block;}
                }                
                @media screen and (max-width: 1024px) {
                    main {font-size: large;}

                    .details, #surprise4u {display: none;}
                    .reveal-details {display: block;}
                }
                @media screen and (max-width: 820px) {
                    .container {padding-bottom: 0px;}
                    .rates-list {
                        padding-top: 4%;
                        padding-bottom: 4%;
                    }
                    main, .reveal-details {font-size: 16px;}
                    h1 {font-size: 30px;}
                    pre {line-height: 0.5em;}
                    .reveal-details {padding-bottom: 0%;}
                }
                @media screen and (max-width: 768px) {
                    .container {grid-template-columns: 1fr;}
                    .container2 {order: -1;}
                    .rates-list {
                        padding-top: 11%;
                        padding-bottom: 12%;
                    }
                    main {font-size: large;}
                    h1 {text-align: left;}
                    pre {line-height: 0.75em;}
                    .details {display: block;}
                    .reveal-details {display: none;}
                }
                @media screen and (max-width: 540px) {
                    body {padding-bottom: 80px;}
                }
            </style>
        </head>
        <body>
            <header>
                <div class="hamburger" id="hamburger-icon" onclick="toggleMenu()">
                    <div class="bar"></div>
                    <div class="bar"></div>
                    <div class="bar"></div>
                </div>
                <div class="logo"><a href="/">SWEET CERISE</a></div>
                    <nav class="navbar"> 
                        <div class="navlinks" id="nav-menu">
                            <a href="about">about</a>
                            <div class="dropdown">
                                <button class="dropbtn" id="openDropMenu">photos</button>
                                    <div class="dropdown-menu" id="dropMenu">
                                        <a href="professional">♡ professional</a>
                                        <a href="personal">♡ personal</a>   
                                    </div>
                            </div>
                            <div class="dropdown">
                                <button class="dropbtn">consideration</button>
                                    <div class="dropdown-menu" >
                                        <a href="dates">♡ san francisco</a>
                                        <a href="touring">♡ touring</a>
                                        <a href="arrangements">♡ arrangements</a>
                                        <a href="fmty">♡ fly me to you</a>
                                        <a href="online">♡ online</a>
                                    </div>
                            </div>
                            <div class="dropdown">
                                <button class="dropbtn" id="openDropMenu">details</button>
                                    <div class="dropdown-menu" id="dropMenu">
                                        <a href="everything">♡ everything</a>
                                        <a href="etiquette">♡ etiquette</a>   
                                    </div>
                            </div>
                            <button class="btn-booking">
                                <a href="booking" class="no-hover">booking</a>
                            </button>
                        </div>
                    </nav>
            </header>
            <div class="container">
                <main>
                    <h1><b><i>fly me to you </i></b>♥</h1>
                        <p>If I piqued your interest, but you are unable to get away and visit me, then please consider <i>flying me to you</i>!</p>
                        <p>I am passport-ready and exclusively yours for the duration of my visit. 
                           For an unrushed experience, I would be delighted to accompany you on day trips, holidays, special occasions, and more. 
                           I appreciate careful planning and advance notice, although I can always be tempted with a spontaneous getaway!</p>
                    <div class="details">
                        <p><b>The Details—</b>
                            <blockquote>
                                <p>♡ 50% deposit + travel fee is requested to confirm our date and the reminder of my gift to be presented at the start of our date</p>
                                <p>♡ All listed hours are the minimum booking required for each region. 
                                Additional travel fee includes all expenses for one night: flight, transportation, accommodations.</p>
                                <p>♡ For California dates outside of San Francisco, at least 1 week notice required and a cocktail date minimum for booking; 
                                Up to 3 hours and can start socially or experienced privately</p>
                                <p>♡ For West Coast dates, at least 2 weeks notice required and a dinner date minimum for booking; 
                                Up to 4 hours and must include social time with a meal and/or drinks</p>
                                <p>♡ For East Coast dates, at least 2 weeks notice required and an evening out minimum for booking; 
                                Up to 6 hours and must include social time, a meal and/or drinks</p>
                                <p>♡ For international dates, at least 3 weeks notice required and an overnight minimum for booking; 
                                From 12-16 hours and must include social time, a meal, and at least 8 hours of uninterrupted sleep; 
                                From arrival to departure, bespoke travel expenses to be determined for the entire duration of my visit to you 
                                including roundtrip business or first class airfare</p>
                                <p>♡ After screening and deposit, a video call is included for us to get to know each other and plan our special date together!</p>
                            </blockquote>
                    </div>
                </main>
                <div class="container2">
                    <div class="rates">
                        <div class="rates-list">
                            <p><b>Region</b>
                            <br>min booking | +travel fee
                            <p><b>California</b>
                            <br>3 hours | +1000
                            <p><b>West Coast</b>
                            <br>4 hours | +1500
                            <p><b>East Coast</b>
                            <br>6 hours | +2000
                            <p><b>International</b>
                            <br>Overnight | Bespoke
                            </p>
                        </div>
                    </div>
                        <div class="hover-trigger" id="surprise4u">
                            <img src="icon/umbreon.gif" class="floating-icon">
                            <img class="hover-image" src="photo/yoursweetcerise_blackcherry2.jpg"></img>
                        </div>
                </div>
            </div>
            <div class="reveal-details">
                <p><b>The Details—</b>
                    <blockquote>
                        <p>♡ 50% deposit + travel fee is requested to confirm our date and the reminder of my gift to be presented at the start of our date</p>
                        <p>♡ All listed hours are the minimum booking required for each region. 
                        Additional travel fee includes all expenses for one night: flight, transportation, accommodations.</p>
                        <p>♡ For California dates outside of San Francisco, at least 1 week notice required and a cocktail date minimum for booking; 
                        Up to 3 hours and can start socially or experienced privately</p>
                        <p>♡ For West Coast dates, at least 2 weeks notice required and a dinner date minimum for booking; 
                        Up to 4 hours and must include social time with a meal and/or drinks</p>
                        <p>♡ For East Coast dates, at least 2 weeks notice required and an evening out minimum for booking; 
                        Up to 6 hours and must include social time, a meal and/or drinks</p>
                        <p>♡ For international dates, at least 3 weeks notice required and an overnight minimum for booking; 
                        From 12-16 hours and must include social time, a meal, and at least 8 hours of uninterrupted sleep; 
                        From arrival to departure, bespoke travel expenses to be determined for the entire duration of my visit to you 
                        including roundtrip business or first class airfare</p>
                        <p>♡ After screening and deposit, a video call is included for us to get to know each other and plan our special date together!</p>
                    </blockquote>
            </div>
            <div class="next-btn">
                <a href="online">🌸</a>
            </div>
            <footer>
                <a href="/">©20XX by sweet cerise </a>
                <a href="faq">faq</a> 
                <a href="mailto:sweetcerise@protonmail.com">sweetcerise@protonmail.com</a> 
                <a href="https://www.x.com/yoursweetcerise" target="_blank"><i class="iconoir-twitter"></i></a> 
                <a href="xoxo">xoxo</a>
            </footer>
        </body>
    </html>