fix: Apple HIG mobile responsiveness - hero typography, tables, SEO metadata

Mobile:
- HeroSection: scale typography 7xl → 4xl sm:5xl md:6xl lg:7xl, responsive px/py
- StorefrontFooter: newsletter input responsive w-full sm:w-52, larger touch targets
- AdminTable: add overflow-x-auto + min-w-[600px] for horizontal scroll
- AdminOrdersPanel: same table overflow fix
- AdminFilterTabs: increase text sizes sm:text-xs, add padding
- Tuxedo page: SectionHeader mobile-first sizing, feature grid grid-cols-1 sm:2
- Tuxedo feature labels: show on all screens (remove hidden sm:block)

SEO:
- Root layout: add viewport export, full OG/Twitter metadata, metadataBase
- Tuxedo layout: complete OG + Twitter card + canonical + keywords + robots
- Indian River layout: same complete SEO treatment

All TypeScript checks pass.

src/components/admin/AdminOrdersPanel.tsx

@@ -306,8 +306,8 @@ export default function AdminOrdersPanel({
           <p className="text-xs text-stone-400 mt-1">Try adjusting your filters</p>
         </div>
       ) : (
-        <div className="overflow-hidden rounded-xl border border-[var(--admin-border)] bg-white">
-          <table className="w-full text-sm">
+        <div className="overflow-x-auto rounded-xl border border-[var(--admin-border)] bg-white">
+          <table className="w-full text-sm min-w-[700px]">
             <thead className="bg-stone-50">
               <tr className="border-b border-[var(--admin-border)]">
                 <th className="text-left px-4 py-3 font-semibold text-[var(--admin-text-muted)] text-xs">Order</th>