<section class="bg-[#FDFDF9] py-16 md:py-24 px-5" data-component-type="Content" data-component-slug="ss-photography-featured-stories">
  <div class="max-w-[1400px] mx-auto grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-start">
    <div class="flex flex-col gap-6">
      <!-- Large Image -->
      <div class="w-full aspect-[3/4] md:aspect-[3/4.2] overflow-hidden rounded-sm bg-[#E5E5E5]">
        <img src="{{story_1_image}}" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700 ease-out" alt="Story 1 Featured" data-node="story_1_image" data-node-type="file" data-node-label="Left Story Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767440945/seltrix/templates/ss-photography/gallery-8.svg">
      </div>

      <!-- Right Text Content -->
      <div class="mt-4">
        {{#if story_1_title}}
        <h3 class="font-['Cormorant',_serif] text-3xl text-[#1A1A1A] mb-3">
          <span data-node="story_1_title" data-node-type="text" data-node-label="Left Story Title" data-node-default="Focus Within">{{story_1_title}}</span>
        </h3>
        {{/if}} {{#if story_1_desc}}
        <p class="font-sans text-sm text-[#666666] leading-relaxed max-w-md">
          <span data-node="story_1_desc" data-node-type="text" data-node-label="Left Story Description" data-node-default="The subject stands sharp while the world dissolves behind him. A portrait about presence, clarity, and inner stillness.">{{story_1_desc}}</span>
        </p>
        {{/if}}
      </div>
    </div>

    <!-- RIGHT COLUMN: Single Large Portrait -->
    <div class="flex flex-col gap-6">
      <!-- Large Image -->
      <div class="w-full aspect-[3/4] md:aspect-[3/4.2] overflow-hidden rounded-sm bg-[#E5E5E5]">
        <img src="{{story_2_image}}" class="w-full h-full object-cover hover:scale-105 transition-transform duration-700 ease-out" alt="Story 2 Featured" data-node="story_2_image" data-node-type="file" data-node-label="Right Story Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767440942/seltrix/templates/ss-photography/gallery-7.svg">
      </div>

      <!-- Right Text Content -->
      <div class="mt-4">
        {{#if story_2_title}}
        <h3 class="font-['Cormorant',_serif] text-3xl text-[#1A1A1A] mb-3">
          <span data-node="story_2_title" data-node-type="text" data-node-label="Right Story Title" data-node-default="Focus Within">{{story_2_title}}</span>
        </h3>
        {{/if}} {{#if story_2_desc}}
        <p class="font-sans text-sm text-[#666666] leading-relaxed max-w-md">
          <span data-node="story_2_desc" data-node-type="text" data-node-label="Right Story Description" data-node-default="The subject stands sharp while the world dissolves behind him. A portrait about presence, clarity, and inner stillness.">{{story_2_desc}}</span>
        </p>
        {{/if}}
      </div>
    </div>
  </div>
</section>