<section id="opening">

    <div class="overlay"></div>

    <!-- Floating Light -->
    <div class="light light-1"></div>
    <div class="light light-2"></div>

    <div class="content">

        <span class="subtitle">
            ✦ THE WEDDING OF ✦
        </span>

        <h1>

            <span class="name">
                Riskania
            </span>

            <span class="and">
                &
            </span>

            <span class="name">
                Medi
            </span>

        </h1>

        <div class="divider">

            <span></span>

            ✦

            <span></span>

        </div>

        <p class="date">

            Minggu

            <strong>09 Agustus 2026</strong>

        </p>

        <div class="guest">

            <small>Kepada Yth.</small>

            <h3>

                <?= htmlspecialchars($_GET['to'] ?? "Bapak / Ibu / Saudara / i") ?>

            </h3>

            <p>

                Tanpa mengurangi rasa hormat,
                kami mengundang Anda untuk hadir
                pada acara pernikahan kami.

            </p>

        </div>

        <button id="openInvitation">

            <i class="fa-solid fa-envelope-open"></i>

            <span>Buka Undangan</span>

        </button>
    </div>

</section>

<audio id="bgMusic" loop>
    <source src="assets/audio/dia-dia-dia.mp3" type="audio/mpeg">
</audio>