feat(photos): blurred ambient fill, dots overlay, PhotoSwipe on trip + dailies

- object-fit: contain + ::before blurred background fill on all slides
- dots moved inside photo-wrap, overlaid at bottom with shadow for contrast
- arrows hidden on touch devices via @media (hover: none)
- margin-bottom increased for breathing room below photo block
- trip.html.twig brought up to parity with dailies: same structure,
  same PhotoSwipe init, same expand button, same dot overlay

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr

themes/intotheeast/templates/dailies.html.twig

@@ -129,22 +129,23 @@ feedMap.on('load', function () {
                            href="{{ img.url }}"
                            data-pswp-width="{{ img.width }}"
                            data-pswp-height="{{ img.height }}"
+                           style="--thumb: url('{{ img.cropResize(900, 675).url }}')"
                            target="_blank">
                             <img src="{{ img.cropResize(900, 675).url }}" alt="{{ entry.title }}" loading="lazy">
                         </a>
                         {% endfor %}
                     </div>
+                    {% if images|length > 1 %}
+                    <div class="journal-photo-dots" aria-hidden="true">
+                        {% for img in images %}
+                        <span class="journal-photo-dot{% if loop.first %} is-active{% endif %}"></span>
+                        {% endfor %}
+                    </div>
+                    {% endif %}
                     <button class="journal-photo-expand" aria-label="View full size">
                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
                     </button>
                 </div>
-                {% if images|length > 1 %}
-                <div class="journal-photo-dots" aria-hidden="true">
-                    {% for img in images %}
-                    <span class="journal-photo-dot{% if loop.first %} is-active{% endif %}"></span>
-                    {% endfor %}
-                </div>
-                {% endif %}
                 {% endif %}
 
                 <div class="journal-post-body">{{ entry.content|raw }}</div>