{# Hero Section - Brand Kit v2.0 with i18n #}
<section class="hero" id="home">
    <div class="hero__content">
        <h1 class="hero__title">
            {{ 'hero.name'|trans }}
            <em>{{ 'hero.lastname'|trans }}</em>
        </h1>
        <p class="hero__tagline">
            {{ 'hero.tagline'|trans }}
        </p>
        <p class="hero__subtitle">{{ 'hero.role'|trans|lower }}</p>
        <div class="hero__cta">
            <a href="#projects" class="btn btn--primary">{{ 'hero.cta'|trans }}</a>
            <a href="#contact" class="btn">{{ 'nav.contact'|trans }}</a>
        </div>
    </div>
</section>