.photo-page { background: #f6f4ed; color: #173f4a; }
.photo-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:18px max(24px,calc((100vw - 1200px)/2)); background:#173f4a; color:white; }
.photo-header img { width:150px; height:66px; object-fit:contain; }
.photo-header a { color:inherit; text-decoration:none; }
.photo-intro { padding:80px 0 40px; max-width:850px; }
.photo-intro h1 { font-size:clamp(36px,6vw,76px); line-height:1.05; }
.photo-nav { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.photo-nav a { color:inherit; border:1px solid #b8c7c9; padding:10px 16px; text-decoration:none; }
.photo-collection { padding:36px 0 52px; scroll-margin-top:20px; border-top:1px solid #cbd3d0; }
.photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.photo-tile { display:block; color:inherit; text-decoration:none; background:white; }
.photo-tile img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block; }
.photo-tile span { display:block; padding:12px 14px; font-size:14px; line-height:1.4; }
.photo-tile:focus-visible,.photo-nav a:focus-visible { outline:3px solid #c88d13; outline-offset:4px; }
.photo-tile:hover img { filter:brightness(1.04); }
.photo-cta { padding:48px 0 80px; }
.photo-viewer { width:96vw; max-width:1500px; height:94dvh; max-height:94dvh; padding:16px; border:0; background:#101d21; color:white; }
.photo-viewer::backdrop { background:rgba(0,0,0,.86); }
.photo-viewer[open] { display:flex; flex-direction:column; }
.photo-viewer__bar,.photo-viewer__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-shrink:0; }
.photo-viewer button { background:#29434b; border:1px solid #7a9298; color:white; padding:10px 18px; font:inherit; min-height:44px; cursor:pointer; }
.photo-stage { flex:1; min-height:0; display:flex; justify-content:center; align-items:center; overflow:auto; touch-action:pan-y pinch-zoom; }
.photo-stage img { width:100%; height:100%; object-fit:contain; }
.photo-viewer__footer p { text-align:center; font-size:14px; }
body.photo-viewer-open { overflow:hidden; }
@media(max-width:700px) {
 .photo-header { padding:14px 20px; font-size:13px; }
 .photo-header img { width:110px; height:48px; }
 .photo-intro { padding-top:42px; }
 .photo-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:14px; padding-bottom:16px; }
 .photo-tile { flex:0 0 86%; scroll-snap-align:start; }
 .photo-viewer { width:100vw; height:100dvh; max-height:100dvh; max-width:100vw; padding:12px; }
 .photo-viewer__footer { gap:10px; }
}
@media(max-width:700px) {
 .photo-page > main.section__inner { width:100%; padding-inline:20px; box-sizing:border-box; }
}