<turbo-stream action="replace" target="homepage">
    <template>
        <style>
            body {
                background-color: black;
                color: #e3d8f1;
            }

            h2 {
                color: #ff252b;
            }

            p {
                color: #e3d8f1;
                font-size: 1.4rem;
            }

            .img-side {
                width: 100%;
                height: auto;
                max-height: 20rem;
                object-fit: cover;
                border-radius: 20px;
                transition: transform 0.4s ease, box-shadow 0.4s ease;
            }

            .img-side.portrait {
                width: 100%;
                height: auto;
                max-height: 22rem;
                transform: none;
            }


            @media (min-width: 992px) {

                .img-side {
                    height: 30rem;
                    object-fit: cover;
                    transform: scale(1.15);
                }

                .img-side.portrait {
                    width: 50%;
                    height: 20rem;
                    transform: scale(1.2);
                }

                .img-side:hover {
                    transform: scale(1.3);
                }
            }

            strong {
                color: #ff252b;

            }


        </style>

        <style>
    .navbar {
        backdrop-filter: blur(5px);
        border-radius: 20px;

    }

    .navbar a {
        margin: 0 15px;
        font-size: 1.5rem;
    }

    a {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    .navbar a:hover {
        color: #ff252b !important;
        text-shadow: 0px 0px 5px #7b6d8d
        /*-1px -1px 0 #0E9594,*/
        /*1px -1px 0 #0E9594,*/
        /*-1px 1px 0 #0E9594;*/
    }

</style>

<header class="fixed-top d-flex justify-content-center mt-3">
    <nav class="navbar">
        <a href="/" class="nav-link fw-bold">BACK</a>
    </nav>
</header>

<script>
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function (e) {
            e.preventDefault();

            document.querySelector(this.getAttribute('href')).scrollIntoView({
                behavior: 'smooth'
            });
        });
    });
</script>



        <div class="container">
            <div class="empty-10"></div>
            <div class="col-lg-10 offset-lg-1">
                <!-- INTRO -->
                                    <section class="sound-intro d-flex flex-column flex-lg-row align-items-center mb-5">

                                            <div class="col-12 col-lg-6 text-center mt-4 mt-lg-0">
                            <img src="/upload/about1/4797dfd6c1ce8bd8579f98bdafa047ba.jpg" alt="Sound design recording outdoors"
                                 class="img-side portrait rounded-3 shadow-lg">
                        </div>
                        <div class="col-lg-6 pe-lg-5 text-center text-lg-start">
                            <h1>&nbsp;Step into my world of <strong>sound</strong></h1><div><br></div><div>For me, sound has always been about <strong>emotion</strong> first. I don’t just hear things, I picture them, I feel them. When I’m out recording textures, layering ideas, or just messing around with samples, I’m not trying to make something “clean”, I’m trying to make something <strong>alive</strong>. Something that fits a world, a moment, or a feeling.&nbsp;<br><br></div><div>&nbsp;What really clicks for me is when sound becomes part of the <strong>storytelling</strong>. That’s why I naturally found my place in <strong>games</strong>. It’s where I can shape atmosphere, rhythm, and space in ways that feel meaningful, and actually matter to the experience.&nbsp;<br><br></div>
                        </div>
                                                </section>

                                    <section class="sound-intro d-flex flex-column flex-lg-row align-items-center mb-5">

                                            <div class="col-lg-6 pe-lg-5 text-center text-lg-start">
                            I’ve worked on student projects, game jams, and indie games heading to Steam each one taught me something new about how to listen better, integrate smarter, and collaborate with devs. I use tools like <strong>FMOD</strong>, <strong>Wwise</strong>, <strong>Unity</strong>, <strong>Unreal</strong>… but honestly, the most important tool I’ve learned to rely on is my own <strong>curiosity</strong>.&nbsp;<br><br> Right now, I’m just looking for a team that cares about the details, about people, and about building something that feels right both in the game, and behind the scenes. If that sounds like your vibe, I’d love to connect and share what I’ve been working on. &nbsp;
                        </div>
                        <div class="col-12 col-lg-6 text-center mt-4 mt-lg-0">
                            <img src="/upload/about2/ae099ba56a55b96573e8790012a5c3e2.jpg" alt="Sound design recording outdoors"
                                 class="img-side portrait rounded-3 shadow-lg">
                        </div>
                                            </section>

                                    <section class="sound-intro d-flex flex-column flex-lg-row align-items-center mb-5">

                                            <div class="col-12 col-lg-6 text-center mt-4 mt-lg-0">
                            <img src="/upload/about3/1bf298839bcfcfb83863e23b81f73028.jpg" alt="Sound design recording outdoors"
                                 class="img-side portrait rounded-3 shadow-lg">
                        </div>
                        <div class="col-lg-6 pe-lg-5 text-center text-lg-start">
                            <h1>&nbsp;Shaping Sound, Exploring the World</h1><div>I’m not here to make “good sound” I want to make sound that <strong>feels like me</strong>. Every sound I create has a bit of my personality in it. I spend a lot of time recording outsid in the city, out in nature, or just chasing weird noises because I want my sounds to have life, texture, and something a little different from what you usually hear.&nbsp;<br><br></div><div>My biggest inspirations? Definitely <strong>Half-Life</strong>, <strong>Dead Space</strong>, and <strong>Cyberpunk 2077</strong>. These worlds show how sound can be way more than background noise it <strong>shapes the whole vibe</strong> and tells its own story.&nbsp;<br><br></div><div>I pull ideas from everywhere movies, photos, random YouTube finds, documentaries, architecture, even books and <strong>urbex trips</strong> I do with friends. All that helps me build a richer, more real sound not just something that works, but something that feels right.&nbsp;<br><br></div><div>At the end of the day, I don’t want my sound design to just blend in. <strong>I want it to belong.</strong><br><br></div>
                        </div>
                                                </section>

                            </div>


        </div>
        <div class="empty-10"></div>
        </div>
    </template>
</turbo-stream>