<!--❀ 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>about | 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>
                main {
                    padding-top: 25px;
                    padding-bottom: 25px;
                    margin-left: auto;
                    margin-right: auto;
                    width: 85%;
                }
                .container, .container2 {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 25px;
                    margin-left: auto;
                    margin-right: auto;
                }
                .container2 {
                    display: none;
                    z-index: -1;}
                .column-left {
                    position: relative;
                    padding-top: 30px;
                }
                .column-left img {
                    display: block;
                    width: 90%;
                }
                .stats {
                    text-align: center;
                    position: absolute;
                    display: flex;
                    flex-direction: column;
                    background-color: black;
                    color: white;
                    line-height: 2em;
                    top: 200px;
                    right: 20px;
                    padding: 25px;
                    white-space: nowrap;
                    z-index: 1;
                }
                .stats p {text-align: center;}
                .column-right {
                    position: relative;
                    padding-left: 5%;
                }
                .column-right2 {
                    text-align: center;
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    background-color: black;
                    color: white;
                    line-height: 2em;
                    height: fit-content;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 50px;
                    white-space: nowrap;
                    z-index: -1;
                }
                .column-right2 p {text-align: center;}
                .next-btn {position: relative;}
                .favorites {
                    clip-path: inset(0 0 0 0);
                    position: relative;
                    padding: 3%;
                    z-index: 1;
                }
                .favorites::before {
                    background-image: url('bg/springbg_favorites.webp');
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: cover;
                    content: "";
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    will-change: transform; 
                }
                blockquote {font-size: small;}
                h1 {
                    color:hsla(340, 100%, 80%, 0.8);
                    text-align: left;
                }
                h2 {
                    color: black;
                    text-align: left;
                }
                h3 {
                    color: white;
                    text-align: center;
                }
                p {
                    color: black;
                    text-align: left;
                    padding-right: 2%;
                }
                span {
                    font-family: 'Playfair Display';
                    letter-spacing: 0.15em;
                }
                .hover-trigger {
                    position: relative;
                    cursor: pointer;
                    text-decoration: none;
                }
                .hover-video {
                    display: none;
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    width: 250px;
                    border-radius: 8px;
                    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                    z-index: 1;
                }
                .hover-trigger:hover 
                .hover-video {display: block;}
                .reveal-about, .reveal-hello {
                    display: none;
                    position: relative;
                }
                .next-btn {padding-bottom: 20px;}

                @media screen and (max-width: 1366px) {
                    .stats {right: 0;}
                }
                @media screen and (max-width: 1024px) {
                    main {width: 80%;}
                    .container {display: none;}
                    .container2 {
                        position: relative;
                        display: grid;
                        grid-template-columns: column;
                        padding-bottom: 25px;}
                    .column-left2 img {width: 100%;}
                    .reveal-about {display: block;}
                    .reveal-hello {display: block;} 
                    .column-right2 {margin-top: 50px;} 
                }
                @media screen and (max-width: 635px) {
                    body {padding-bottom: 55px;}
                    main {width: 85%;}
                    .container2 {display: none;}
                    .container {
                        display: block;
                        grid-template-columns: 1fr;
                        gap: 0;
                        padding-bottom: 0;
                   }
                   .column-left {padding-top: 0;}
                   .column-left img {width: 100%;}
                   .stats {
                        position: relative;
                        display: flex;
                        margin-top: 30px;
                        margin-left: auto;
                        margin-right: auto;
                        top: 0;
                        left: 0;
                        }
                    .column-right, .text-hello {display: block;}
                    .column-right {padding-top: 20px;}
                    .reveal-about, .reveal-hello {display: none;}
                    .hover-video {
                        position: relative;
                        top: 0;
                        left: 0;
                    }
                }
            </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>
            <main>
                <div class="container">
                    <div class="column-left">
                        <img src="photo/sweetcerise_about.jpg" width="100%">
                        <div class="stats">
                            <h3>at a glance . . .</h3>
                                <p style="color:white">
                                    ethnicity . . . . . . . . . Asian
                                <br>body type . . . . . . . .  petite
                                <br>eyes . . . . . . . . . . .  brown
                                <br>hair . . . . . . . . . . brunette
                                <br>height . . . . . . . . . . . 5’3”
                                <br>weight . . . . . . . . . .  95lbs
                                </p>
                        </div>
                    </div>
                    <div class="column-right">
                        <h1><b><i>your hopeless romantic.</b></i></h1>
                            <blockquote>
                                <p><i>In a crowded room, I saw you from a distance.</i></p>
                                <p><i>And I know you saw me too.</i>
                                𝒩𝑜𝓉𝒾𝒸𝑒 𝓂𝑒, 𝓃𝑜𝓉𝒾𝒸𝑒 𝓂𝑒, 𝓃𝑜𝓉𝒾𝒸𝑒 𝓂𝑒. <i>And you did.</i>
                                <i>Every time our eyes met, you quickly turned your head away. It happened again and again.
                                I was embarrassed you caught me looking at you and I wondered if you felt the same.</i></p> 
                                <p><i>The crowd pulled us farther apart until you disappeared.</i></p>
                                <p>𝒲𝒶𝒾𝓉. 𝒫𝓁𝑒𝒶𝓈𝑒 𝒿𝓊𝓈𝓉 𝓌𝒶𝒾𝓉... <i>I wanted to say, but couldn't.</i></p> 
                                <p><i>You were gone and I was left wondering if we will ever meet again.</i></p>
                            </blockquote>
                                <p>I check <i>Missed Connections</i> every day hoping my soulmate is out there looking for me too. Until then, 𝐼'𝓂 𝓎𝑜𝓊𝓇𝓈.</p>
                            <div class="text-hello">
                                <p><span style="font-size: xx-large;"><i>Hello, stranger.</i></span> It’s a pleasure to meet you. Although, I’m sure we’ve crossed paths many times without you realizing it.</p>
                                <p><i>Sweet, petite, unnoticeable.</i> I’m the one standing behind you waiting to order lunch as I make small talk with the owners. 
                                    The girl on the train hiding behind glasses and headphones who stares out the window wishing her commute wasn’t so long. 
                                    The receptionist at the front desk you’ve passed by a hundred times without making eye contact or knowing her name. 
                                    I do what I do best: <i>blend in.</i> And yet, <i>you’ve found me.</i></p>
                                <p>Although my journey to the city was unexpected, I sought a life outside of my comfortable small-town upbringing. 
                                    When new opportunities arose, I discovered my passion of becoming the perfect companion for the gentleman 
                                    who yearns for a little something special to wander into his life.</p>
                                <p><i>Affectionate, caring, sincere.</i> As the day become night, I long for a spontaneous adventure. An intimate rendezvous, a stroll through the park, a last-minute happy hour, 
                                    dinner by candlelight, a long drive to a relaxing getaway.</p>
                                <p>The possibilities are endless. <i>Let's escape together</i>.</p>
                                <p>While I might appear shy at first, I tend to warm up pretty quickly. 
                                    Allow me to put you at ease for every second of our time together. Your comfort is my absolute priority. 
                                    Silences between us don’t have to feel awkward, just enjoyed in the moment.</p>
                                <p>Let me be what you are missing: <i>a hand to hold, a shoulder to rest your head, someone to hold and fall asleep next to after a long day.</i></p>
                                <p>𝒩𝑒𝓋𝑒𝓇 𝓁𝑒𝓉 𝓂𝑒 𝑔𝑜.</p>
                            </div>
                    </div> 
                </div>
                <div class="container2">
                    <div class="column-left2">
                        <img src="photo/sweetcerise_about.jpg" width="100%">
                    </div>
                    <div class="column-right2">
                            <h3>at a glance . . .</h3>
                                <p style="color:white">
                                    ethnicity . . . . . . . . . Asian
                                <br>body type . . . . . . . .  petite
                                <br>eyes . . . . . . . . . . .  brown
                                <br>hair . . . . . . . . . . brunette
                                <br>height . . . . . . . . . . . 5’3”
                                <br>weight . . . . . . . . . .  95lbs
                                </p>
                    </div>
                </div>
                <div class="reveal-about">
                    <h1><b><i>your hopeless romantic.</b></i></h1>
                        <blockquote>
                            <p><i>In a crowded room, I saw you from a distance.</i></p>
                            <p><i>And I know you saw me too.</i>
                            𝒩𝑜𝓉𝒾𝒸𝑒 𝓂𝑒, 𝓃𝑜𝓉𝒾𝒸𝑒 𝓂𝑒, 𝓃𝑜𝓉𝒾𝒸𝑒 𝓂𝑒. <i>And you did.</i>
                            <i>Every time our eyes met, you quickly turned your head away. It happened again and again.
                            I was embarrassed you caught me looking at you and I wondered if you felt the same.</i></p> 
                            <p><i>The crowd pulled us farther apart until you disappeared.</i></p>
                            <p>𝒲𝒶𝒾𝓉. 𝒫𝓁𝑒𝒶𝓈𝑒 𝒿𝓊𝓈𝓉 𝓌𝒶𝒾𝓉... <i>I wanted to say, but couldn't.</i></p> 
                            <p><i>You were gone and I was left wondering if we will ever meet again.</i></p>
                        </blockquote>
                            <p>I check <i>Missed Connections</i> every day hoping my soulmate is out there looking for me too. Until then, 𝐼'𝓂 𝓎𝑜𝓊𝓇𝓈.</p>
                </div>
                <div class="reveal-hello">
                            <p><span style="font-size: 30px;"><i>Hello, stranger.</i></span> It’s a pleasure to meet you. Although, I’m sure we’ve crossed paths many times without you realizing it.</p>
                            <p><i>Sweet, petite, unnoticeable.</i> I’m the one standing behind you waiting to order lunch as I make small talk with the owners. 
                                The girl on the train hiding behind glasses and headphones who stares out the window wishing her commute wasn’t so long. 
                                The receptionist at the front desk you’ve passed by a hundred times without making eye contact or knowing her name. 
                                I do what I do best: <i>blend in.</i> And yet, <i>you’ve found me.</i></p>
                            <p>Although my journey to the city was unexpected, I sought a life outside of my comfortable small-town upbringing. 
                                When new opportunities arose, I discovered my passion of becoming the perfect companion for the gentleman 
                                who yearns for a little something special to wander into his life.</p>
                            <p><i>Affectionate, caring, sincere.</i> As the day become night, I long for a spontaneous adventure. An intimate rendezvous, a stroll through the park, a last-minute happy hour, 
                                dinner by candlelight, a long drive to a relaxing getaway.</p>
                            <p>The possibilities are endless. <i>Let's escape together</i>.</p>
                            <p>While I might appear shy at first, I tend to warm up pretty quickly. 
                                Allow me to put you at ease for every second of our time together. Your comfort is my absolute priority. 
                                Silences between us don’t have to feel awkward, just enjoyed in the moment.</p>
                            <p>Let me be what you are missing: <i>a hand to hold, a shoulder to rest your head, someone to hold and fall asleep next to after a long day.</i></p>
                            <p>𝒩𝑒𝓋𝑒𝓇 𝓁𝑒𝓉 𝓂𝑒 𝑔𝑜.</p>
                </div> 
                <div class="next-btn">
                    <a href="professional">🌸</a>
                </div>
                <div class="favorites" id="favorites">
                    <h2>my favorite things</h2>
                        <p>
                            <b>activities</b> | morning cuddles w/ my pups, spa days, afternoon naps, long car rides, movie nights, weekend hikes
                        <br><b>animals</b> | <!--❀ hover to see silly vids of my favorite animals! ❀-->
                               baby elephants <span class="hover-trigger" style="text-decoration: none;">🐘<video class="hover-video" src="video/babyelephant.mp4" autoplay loop muted playsinline></video></span>
                               baby monkeys <span class="hover-trigger" style="text-decoration: none;">🐒<video class="hover-video" src="video/babymonkey.mp4" autoplay loop muted playsinline></video></span>
                               my silly pups 🐩🐕🐅 & all my stray kittens! 🐱🐆🐈🐈‍⬛
                        <br><b>books</b> | <i>the five people you meet in heaven</i> by Mitch Albom, <i>Norwegian Wood</i> by Haruki Murakami, <i>The Things They Carried</i> by Tim O'Brien
                        <br><b>color</b> | pink & red
                        <br><b>collections</b> | ephemeral things: birthday candles, bottle caps, business cards, found photos, lost toys, matchboxes, notes in library books, paper fortunes, pink colored rocks, seashells, ticket stubs
                        <br><b>cuisine</b> | Italian, Japanese, Korean, Thai
                        <br><b>drink</b> | ginger beer, honey lemon tea, matcha, plum wine
                        <br><b>films</b> | <!--❀ SPOILER ALERT! some of the links are the last scene of the film ❀-->
                                <i>13 Assassins</i> (2010), <a href="https://youtu.be/rGfy3vpnz-M?feature=shared&t=3" target="_blank"><i>28 Days Later</i></a> (2002), <i>(500) Days of Summer</i> (2009), 
                                <i>The Amateur</i> (2025), <a href="https://youtu.be/aZVkW9p-cCU?si=w2v4_G2ZOPXXZ1ux" target="_blank"><i>American Psycho</i></a> (2000), <i>Anthropoid</i> (2016), 
                                <i>Boy</i> (2010), <a href="https://www.youtube.com/watch?v=wsZSZ_vcCvA" target="_blank"><i>Eternal Sunshine of the Spotless Mind</i></a> (2004), 
                                <i>Ever After: A Cinderella Story</i> (1998), <a href="https://youtu.be/0McffoGrOlA?si=Rm2nwJsp8YJzLbsh" target="_blank"><i>The Fall</i></a> (2006), <a href="https://youtu.be/iJPgVnyEByE?si=YR9BYRU9z3Ys6Gnt" target="_blank">
                                <i>Fargo</i></a> (1996), <a href="https://youtu.be/Xjhvltc7IAk?t=124" target="_blank"><i>Fight Club</i></a> (1999), <i>The Game</i> (1997), <a href="https://www.youtube.com/watch?v=kpvNjbtF9Hg" target="_blank">
                                <i>Goodfellas</i></a> (1990), <a href="https://www.youtube.com/watch?v=Ku858jn0Qzc" target="_blank"><i>Her</i></a> (2013), <a href="https://youtu.be/XEljgMtZw44?si=olyaJkIUJzEMSkA5" target="_blank">
                                <i>In the Mood for Love</i></a> (2000), <a href="https://www.youtube.com/watch?v=ih9hH0Z5hGU" target="_blank"><i>The Iron Giant</i></a> (1999), <i>Kiki’s Delivery Service</i> (1989), 
                                <i>Léon: The Professional</i> (1994), <a href="https://youtu.be/J1gol0HwAXM?si=h2pgzj3i_zgrnnO7" target="_blank"><i>Memento</i></a> (2000), <i>Moon</i></a> (2009), 
                                <a href="https://www.youtube.com/watch?v=ZbaW0HZ_Qy8" target="_blank"><i>Primal Fear</i></a> (1996), <a href="https://www.youtube.com/watch?v=SWhiq--ceY4" target="_blank"><i>Seven Psychopaths</i></a> (2012), 
                                <i>The Truman Show</i> (1998), <i>Three Billboards Outside Ebbing, Missouri</i> (2017), <i>Who Framed Roger Rabbit?</i> (1988), <i>Wreck-It Ralph</i> (2012), and more!
                        <br><b>musical</b> | <i>The Book of Mormon</i> by Matt Stone, Trey Parker, and Robert Lopez
                        <br><b>poem</b> | <a href="https://www.poetryfoundation.org/poetrymagazine/poems/49493/i-carry-your-heart-with-mei-carry-it-in" target="_blank"><i>i carry your heart</i></a> by e.e. cummings
                        <br><b>scents</b> | green tea incense, sweet floral, warm brown sugar
                        <br><b>shows</b> | Alice in Borderlands, American Dad!, BoJack Horseman, <a href="https://www.youtube.com/watch?v=gKrkQUBysMk" target="_blank">
                                <i>Cowboy Bebop</i></a>, Derry Girls, Detroiters, <a href="https://www.youtube.com/watch?v=wnvOTzJJr_A" target="_blank">
                                <i>Flight of the Conchords</i></a>, FLCL, Futurama, High Potential, It’s Always Sunny in Philadelphia, IT Crowd, 
                                King of the Hill, Pushing Daisies, Mindhunter, Moral Orel, Mr. Robot, Our Flag Means Death, Paranoia Agent, Peaky Blinders, 
                                South Park, Wellington Paranormal, Westworld, What We Do in the Shadows, The X-Files
                        <br><b>time of day</b> | early morning, late night
                        <br><b>wishlist</b> | 
                                <a href="https://www.amazon.com/hz/wishlist/ls/2XHNKVG8SJ60G?type=wishlist&filter=unpurchased&sort=custom&viewType=grid" target="_blank">🎁 amazon </a>
                                <a href="https://marigoldgift.com/yoursweetcerise/wishlist" target="_blank">🌼 marigold </a>
                                <a href="https://throne.com/yoursweetcerise" target="_blank">👑 throne</a>
                        </p>
                </div>
            </main>
            <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>