.photo-intro{max-width:920px;padding:72px 0 34px}.photo-intro h1{font-size:clamp(42px,6vw,86px);line-height:1.04;margin:22px 0}.photo-intro p{font-size:18px;line-height:1.7;max-width:820px}.photo-nav{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0 34px}.photo-nav a{padding:10px 14px;border:1px solid #ffffff35;text-decoration:none}.photo-nav a:hover,.photo-nav a:focus-visible{background:#d4b77e;color:#182d30}.photo-case{padding:42px 0;border-top:1px solid #ffffff30;scroll-margin-top:24px}.photo-case h2{font-size:clamp(27px,4vw,44px);margin:12px 0}.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.photo-pair figure{margin:0;min-width:0}.photo-image{display:flex;width:100%;padding:0;border:0;background:#e8e5dc;cursor:zoom-in;justify-content:center;align-items:center}.photo-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}.photo-pair figcaption{padding:12px 0;color:#d4b77e;font-size:15px}.photo-note{line-height:1.7;max-width:960px;color:#c5d2d2}.photo-credit{font-size:13px;line-height:1.6;overflow-wrap:anywhere;max-width:920px}.photo-credit a{text-underline-offset:3px}.photo-count{color:#d4b77e}.photo-error{padding:22px;border:1px solid #d4b77e}.photo-zoom{width:96vw;max-width:1900px;max-height:95vh;padding:16px;border:1px solid #ffffff55;background:#182d30;color:#fff}.photo-zoom::backdrop{background:#000d}.photo-zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.photo-zoom-bar div{display:flex;gap:8px;flex-wrap:wrap}.photo-zoom-image{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;margin:auto}.photo-zoom-image.actual{max-width:none;max-height:none}.photo-zoom-scroll{overflow:auto;max-height:79vh}.photo-footer-links{display:flex;flex-wrap:wrap;gap:16px;padding:32px 0}.photo-case:target{border-top-color:#d4b77e}
@media(max-width:700px){.photo-intro{padding-top:40px}.photo-pair{grid-template-columns:1fr;gap:14px}.photo-image img{max-height:640px}.photo-case{padding:28px 0}.photo-nav{gap:8px}.photo-nav a{font-size:14px}.photo-zoom{padding:10px}.photo-zoom-bar .button{padding:10px;font-size:13px}}
