{{-- Hybrid timeline (PRD §12.3) with the Experience-page CV button (PRD §20.1). The latest role starts expanded. --}}
@php($experiences = $vm->resolved('experiences', []))
<x-section :vm="$vm" class="!pt-6">
    <div class="container-site">
        @if ($vm->get('show_cv_button', true))
            <div class="mb-10"><x-cv-button location="experience" variant="primary" /></div>
        @endif
        @if ($experiences === [])
            <x-empty-state :message="__('portfolio.ui.nothing_here_yet')" />
        @else
            <ol class="relative space-y-6 border-l border-line pl-0 [&>li]:-ml-[7px] md:[&>li]:-ml-[8px]">
                @foreach ($experiences as $experience)
                    <x-experience.item :experience="$experience" :open="$loop->first" />
                @endforeach
            </ol>
        @endif
    </div>
</x-section>