.photo-journal{padding-top:0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.photo-card{margin:0}.photo-card a,.gallery-section [data-photo]{display:block;position:relative;overflow:hidden;background:#152923;color:#f4f1e9}.photo-card a{aspect-ratio:3/4}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.photo-card a:hover img{transform:scale(1.025)}.photo-card a:focus-visible,.gallery-section [data-photo]:focus-visible{outline:3px solid #947635;outline-offset:5px}
.photo-lightbox{padding:0;border:1px solid #bca67966;background:#0d1c16;color:#f4f1e9;width:min(1120px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;box-shadow:0 30px 100px #0009}.photo-lightbox::backdrop{background:#06100ced;backdrop-filter:blur(8px)}.photo-lightbox header{display:flex;position:sticky;top:0;align-items:center;justify-content:flex-end;padding:12px 18px;background:#0d1c16;z-index:1}.photo-lightbox h2{font:400 15px/1.5 Manrope,sans-serif;margin:0}.photo-lightbox button{font:400 24px/1 sans-serif;min-width:46px;min-height:46px;background:transparent;color:#f4f1e9;border:1px solid #c6b78866;cursor:pointer}.photo-lightbox button:focus-visible{outline:2px solid #e8c88d;outline-offset:3px}.photo-lightbox figure{margin:0;padding:0 18px 18px}.photo-lightbox img{display:block;width:100%;height:calc(86dvh - 160px);min-height:200px;object-fit:contain}.photo-lightbox nav{display:flex;gap:12px;align-items:center;justify-content:center;padding:0 18px 18px}.photo-lightbox nav span{font-size:13px;min-width:70px;text-align:center}
@media(max-width:680px){.photo-grid{grid-template-columns:1fr;gap:35px}.photo-card a{aspect-ratio:4/5}.photo-lightbox{width:94vw}.photo-lightbox header{padding:8px 12px}.photo-lightbox figure{padding:0 12px 16px}.photo-lightbox h2{max-width:75%;font-size:14px}}
.photo-lightbox nav[hidden]{display:none}
/* Keep the homepage photographs warm, with quieter colour and softer highlights.
   Use the same treatment when a photograph is enlarged. */
body[data-page="home.title"] .photo-card img,
body[data-page="home.title"] .photo-lightbox img{filter:saturate(.68) contrast(.95) brightness(.98)}
@media(prefers-reduced-motion:reduce){.photo-card img{transition:none}.photo-card a:hover img{transform:none}}