<section class="bg-[#FDFDF9] py-20 px-5" data-component-type="Content" data-component-slug="ss-photography-cta-banner">
  <div class="max-w-[1400px] mx-auto flex flex-col md:flex-row justify-between items-start md:items-end gap-12 md:gap-0">
    <!-- Left Section: Branding -->
    <div class="flex flex-col items-start">
      {{#if banner_label}}
      <p class="text-xs font-sans tracking-[0.2em] text-[#666666] uppercase mb-4">
        <span data-node="banner_label" data-node-type="text" data-node-label="Banner Label" data-node-default="STUNNING PHOTOGRAPHY BY">{{banner_label}}</span>
      </p>
      {{/if}} {{#if banner_heading}}
      <h2 class="font-['Cormorant',_serif] text-5xl md:text-7xl text-[#1A1A1A] uppercase leading-none">
        <span data-node="banner_heading" data-node-type="text" data-node-label="Banner Heading" data-node-default="MICHAËL B JONE">{{banner_heading}}</span>
      </h2>
      {{/if}}
    </div>

    <!-- Right Section: CTA -->
    <div class="flex flex-col items-start md:items-end">
      <!-- Line 1: Let's + Button -->
      <div class="flex items-center gap-4 mb-2">
        {{#if cta_pre_text}}
        <span class="font-['Cormorant',_serif] text-4xl md:text-6xl text-[#1A1A1A] uppercase leading-none">
          <span data-node="cta_pre_text" data-node-type="text" data-node-label="CTA Pre Text" data-node-default="LET’S">{{cta_pre_text}}</span>
        </span>
        {{/if}} {{#if cta_link}}
        <a href="{{cta_link}}" class="bg-[#1A1A1A] text-white rounded-full px-6 py-2 h-10 md:h-12 flex items-center justify-center hover:bg-opacity-80 transition-opacity" data-node="cta_link" data-node-type="url" data-node-label="CTA Link" data-node-default="#">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
            <path d="M7 17L17 7M17 7H7M17 7V17"/>
          </svg>
        </a>
        {{/if}}
      </div>

      <!-- Line 2: Work Together -->
      {{#if cta_post_text}}
      <div class="font-['Cormorant',_serif] text-4xl md:text-6xl text-[#1A1A1A] uppercase leading-none">
        <span data-node="cta_post_text" data-node-type="text" data-node-label="CTA Post Text" data-node-default="WORK TOGETHER">{{cta_post_text}}</span>
      </div>
      {{/if}}
    </div>
  </div>
</section>