﻿.photo-page{padding-top:28px;padding-bottom:64px}
.photo-page .back-link{display:block;margin-bottom:18px;font-size:.85rem;color:var(--muted)}
.photo-page .back-link a:hover{color:var(--ink)}
.pp-figure{margin:0 0 36px;display:flex;justify-content:center}
.pp-figure img{display:block;max-width:100%;height:auto;max-height:84vh;width:auto;object-fit:contain}
.pp-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:48px;align-items:start}
.pp-text h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:.15em 0 .3em}
.pp-loc{color:var(--muted);margin:0 0 1.2em;font-size:1rem}
.pp-intro{line-height:1.7;max-width:62ch}
.pp-intro a,.pp-copy a,.pp-details a{border-bottom:1px solid currentColor}
.pp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pp-details{margin:0;border-top:1px solid var(--line)}
.pp-details div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.pp-details dt{color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.pp-details dd{margin:0;text-align:right}
.pp-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:56px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pp-pager a{display:flex;flex-direction:column;gap:4px;font-family:Georgia,serif;font-size:1.05rem}
.pp-pager a[rel=next]{text-align:right}
.pp-pager span{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pp-pager a:hover{color:var(--muted)}
.pp-related{margin-top:56px}
.pp-related h2{font-family:Georgia,serif;font-weight:400;font-size:1.6rem;margin:0 0 20px}
.pp-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.pp-rel img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;transition:opacity .2s}
.pp-rel:hover img{opacity:.85}
.pp-rel span{display:block;margin-top:8px;font-size:.9rem}
.pp-copy{margin-top:48px;font-size:.82rem;color:var(--muted)}
@media (max-width:800px){.pp-body{grid-template-columns:1fr;gap:28px}.pp-figure{margin-left:-3vw;margin-right:-3vw}.pp-figure img{max-height:none;width:100%}}
