Rename bookshop hero label and clamp description on mobile.

Show "Bookshop" instead of "Author bookshop", and ellipsis-truncate the
tagline and bio to a single line on small screens.

resources/views/public/qr/landing.blade.php

@@ -1221,9 +1221,11 @@
             <div class="absolute inset-0" style="background: linear-gradient(145deg, {{ $aColor }}, {{ $aColor }}99);"></div>
         @endif
         <div class="absolute inset-x-0 bottom-0 px-5 pb-5 text-white">
-            <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/80">Author bookshop</p>
+            <p class="text-xs font-semibold uppercase tracking-[0.2em] text-white/80">Bookshop</p>
             <h1 class="mt-1 text-2xl font-bold">{{ $aName }}</h1>
-            @if($aTagline)<p class="mt-1 text-sm text-white/90">{{ $aTagline }}</p>@endif
+            @if($aTagline)
+                <p class="mt-1 truncate text-sm text-white/90 sm:whitespace-normal sm:overflow-visible">{{ $aTagline }}</p>
+            @endif
         </div>
     </div>
 
@@ -1239,7 +1241,7 @@
                 </div>
                 <div class="min-w-0 flex-1">
                     @if(!empty($content['bio']))
-                        <p class="text-sm leading-relaxed text-slate-600">{{ $content['bio'] }}</p>
+                        <p class="truncate text-sm leading-relaxed text-slate-600 sm:whitespace-normal sm:overflow-visible">{{ $content['bio'] }}</p>
                     @endif
                     <div class="mt-3 flex flex-wrap gap-2">
                         @if(!empty($content['website']))