feat: photography features & image optimizations

- Hero carousel: gallery.yaml hero accepts single UUID or array, crossfade component
- Full-bleed single albums: subpages with 1 album skip grid, render photos directly
- EXIF on hover: camera/lens/focal length overlay on grid items (toggle via exifOnHover)
- Customizable grid: columns/gap/aspectRatio/layout (masonry|uniform) via gallery.yaml
- Per-subpage grid overrides: each subpage can override global grid config
- True masonry: per-image aspect ratios from EXIF dimensions
- next/image migration: homepage hero, album covers, grid thumbnails, about portrait
- ThumbHash blur placeholders and dominant color backgrounds
- Custom next/image loader via image proxy with width/quality params
- Lightbox fade-in transition with dominant color background
- Password-protected subpages, health check, rate limiting, OG images

app/about/about.css

@@ -0,0 +1,122 @@
+/* ── About Page — Bauhaus / Leica Minimalist ──────── */
+
+.about {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    min-height: calc(100vh - var(--header-height));
+}
+
+/* ── Portrait Column ─────────────────────────────── */
+.about__portrait-col {
+    position: relative;
+    overflow: hidden;
+    background: var(--bg-secondary);
+}
+
+.about__portrait {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.about__portrait--placeholder {
+    width: 100%;
+    height: 100%;
+    background: var(--bg-secondary);
+}
+
+/* ── Text Column ─────────────────────────────────── */
+.about__text-col {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 80px 64px;
+    max-width: 560px;
+}
+
+.about__name {
+    font-family: var(--font-sans);
+    font-size: 2.4rem;
+    font-weight: 300;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    margin-bottom: 8px;
+}
+
+.about__location {
+    font-family: var(--font-sans);
+    font-size: 0.75rem;
+    font-weight: 400;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    color: var(--text-muted);
+}
+
+/* ── Thin Rule Dividers ──────────────────────────── */
+.about__rule {
+    border: none;
+    border-top: 1px solid var(--border-subtle);
+    margin: 40px 0;
+    width: 60px;
+}
+
+/* ── Bio ─────────────────────────────────────────── */
+.about__bio p {
+    font-family: var(--font-sans);
+    font-size: 0.95rem;
+    font-weight: 300;
+    line-height: 1.8;
+    color: var(--text-secondary);
+    margin-bottom: 8px;
+}
+
+.about__bio p:last-child {
+    margin-bottom: 0;
+}
+
+/* ── Gear Section ────────────────────────────────── */
+.about__section-label {
+    font-family: var(--font-sans);
+    font-size: 0.65rem;
+    font-weight: 500;
+    letter-spacing: 0.25em;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    margin-bottom: 20px;
+}
+
+.about__gear {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.about__gear li {
+    font-family: var(--font-sans);
+    font-size: 0.85rem;
+    font-weight: 300;
+    color: var(--text-secondary);
+    letter-spacing: 0.04em;
+}
+
+/* ── Responsive ──────────────────────────────────── */
+@media (max-width: 768px) {
+    .about {
+        grid-template-columns: 1fr;
+    }
+
+    .about__portrait-col {
+        max-height: 50vh;
+    }
+
+    .about__text-col {
+        padding: 48px 24px 64px;
+    }
+
+    .about__name {
+        font-size: 1.8rem;
+    }
+}