<!-- ================================================================= -->
            <!-- 2. OUR LOVE STORY                                                 -->
            <!-- ================================================================= -->
            <?php if (isset($sectionMap['story'])): 
                $storyConfig = $sectionMap['story'];
                $story = $invitation['love_story'] ?? '';
                $coupleImages = $storyConfig['couple_images'] ?? [];
                $coupleImgPath = !empty($coupleImages[0]) ? $coupleImages[0] : null;
                $coupleImgUrl = $coupleImgPath ? url('/i/media/serve') . '?path=' . urlencode($coupleImgPath) : '';
            ?>
                <?php if ($story !== '' || $coupleImgUrl !== ''): ?>
                    <section class="py-16 md:py-20 lg:py-24 px-6 md:px-12 border-b <?= $style['borderColor'] ?>">
                        <?php
    $headerClass = 'text-center space-y-2 mb-8';
    $headerEmoji = '❦';
    $headerEmojiClass = 'text-2xl <?= $style[\'accent\'] ?>';
    $headerTitle = 'Our Love Story';
    require __DIR__ . '/../partials/section_header.php';
    unset($headerClass, $headerEmoji, $headerEmojiClass, $headerTitle);
?>

                        <!-- Desktop: 40% Photo, 60% Text | Mobile: Photo top, Paragraph bottom -->
                        <div class="flex flex-col md:flex-row items-center gap-8 max-w-4xl mx-auto">
                            <?php if ($coupleImgUrl !== ''): ?>
                                <div class="w-full md:w-[40%] flex justify-center">
                                    <div class="aspect-[4/5] w-full max-w-xs rounded-3xl overflow-hidden border <?= $style['borderColor'] ?> shadow-md">
                                        <img src="<?= escape_html($coupleImgUrl) ?>" alt="Couple Photo" class="w-full h-full object-cover">
                                    </div>
                                </div>
                            <?php endif; ?>

                            <div class="w-full <?= $coupleImgUrl !== '' ? 'md:w-[60%]' : 'w-full' ?> space-y-4 text-center md:text-left">
                                <h3 class="text-xl font-bold <?= $style['fontSerif'] ?> <?= $style['textColor'] ?>">
                                    <?= escape_html($groomName) ?> &amp; <?= escape_html($brideName) ?>
                                </h3>
                                <p class="text-sm leading-relaxed <?= $style['subText'] ?> italic <?= $style['fontSerif'] ?>">
                                    <?= nl2br(escape_html($story)) ?>
                                </p>
                            </div>
                        </div>
                    </section>
                <?php endif; ?>
            <?php endif; ?>
