@php($heroDefault = ($experiences->firstWhere('slug', 'cocktails') ?? $experiences->first())?->heroVideoUrl())
<section class="hero" id="top-hero">
  <div class="hero-media">
    <video class="hero-vid hero-vid-blur" src="{{ $heroDefault }}" muted loop playsinline preload="auto" aria-hidden="true"></video>
    <video class="hero-vid hero-vid-main" src="{{ $heroDefault }}" muted loop playsinline preload="auto"></video>
    <div class="hero-scrim"></div>
  </div>

  <div class="hero-stage">
    <div class="hero-content">
      <p class="hero-sub reveal-load d2" data-i18n="hero_sub">{{ $t['hero_sub'] ?? '' }}</p>
      <button class="hero-cta reveal-load d3" id="heroReserve" type="button" data-i18n="make_reservation">{{ $t['make_reservation'] ?? 'Make Reservation' }}</button>
    </div>
  </div>

  <nav class="hero-selector" aria-label="Experiences">
    <div class="selector-grid">
      @foreach($experiences as $exp)
        <button class="exp-tile" type="button" data-exp="{{ $exp->slug }}">
          <span class="exp-ico" aria-hidden="true">@include('partials._icon', ['slug' => $exp->slug, 'variant' => 'tile'])</span>
          <span class="exp-label" data-i18n="tab_{{ $exp->slug }}">{{ $t['tab_'.$exp->slug] ?? $exp->tab_label }}</span>
        </button>
      @endforeach
    </div>
    <button class="exp-reserve" type="button" id="makeReservation" data-i18n="make_reservation">{{ $t['make_reservation'] ?? 'Make Reservation' }}</button>
  </nav>
</section>