{{# Shared Hero Partial — reads from Hero tab fields #}}
{{ if hero_title }}
<section class="hero-fullscreen relative -mt-6 overflow-hidden flex items-center"
         style="background: url('{{ if hero_image }}{{ hero_image:url }}{{ else }}/assets/articles/uploads/2021/09/pic_paralax_2.jpg{{ /if }}') center/cover no-repeat;">
    <div class="absolute inset-0 bg-[#3b3663]/35"></div>
    <div class="hero-dots relative z-10 px-6 lg:px-[90px] pt-28 md:pt-32 pb-14 md:pb-16 w-full">
        <div class="max-w-4xl mx-auto text-center text-white">
            <h1 class="font-nunito text-3xl md:text-4xl lg:text-5xl font-bold mb-4 uppercase" data-aos="fade-down">{{ hero_title }}</h1>
            {{ if hero_subtitle }}
            <p class="text-lg text-white/80 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="150">{{ hero_subtitle }}</p>
            {{ /if }}
            {{ if hero_cta_text }}
            <a href="{{ hero_cta_url ?? '/{ current_locale }/registration' }}"
               class="btn-glow inline-block mt-8 px-8 py-3 font-bold rounded bg-[#ffc70a] text-[#3b3663] hover:bg-[#ffa04d] transition-colors shadow-lg"
               data-aos="fade-up" data-aos-delay="300">
                {{ hero_cta_text }}
            </a>
            {{ /if }}
        </div>
    </div>
</section>
{{ /if }}