.photo-frame{position:relative;overflow:hidden;background:var(--paper-deep)}
.photo-fill,.photo-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,center)}
.photo-backdrop{filter:blur(22px);opacity:.48;transform:scale(1.08);pointer-events:none}
.photo-fill.photo-contain{object-fit:contain;object-position:center}
.photo-frame>span{z-index:1}
.postcard img{object-position:var(--focus,center)}
.video-cover.photo-frame{background-image:none}
.video-cover.photo-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#13241abd,transparent 75%);pointer-events:none}
.video-cover.photo-frame>span{z-index:1}
.illustrative-mark{position:absolute;right:10px;top:10px;background:#f8f6efdf;color:var(--forest);font-size:8px;padding:5px 7px}
.photo-gallery{border-top:1px solid var(--line)}
.photo-gallery .section-head{margin-bottom:16px}
.gallery-intro{max-width:680px;font-size:13px;line-height:1.85;color:var(--muted);margin-bottom:27px}
.gallery-count{font-size:11px;color:var(--forest);white-space:nowrap}
.gallery-grid{columns:3;column-gap:22px}
.gallery-tile{break-inside:avoid;margin:0 0 25px}
.gallery-link{display:block;position:relative;overflow:hidden;background:var(--paper-deep)}
.gallery-link .photo-image{width:100%;height:auto;transition:transform .35s;object-position:var(--focus,center)}
.gallery-link:hover .photo-image{transform:scale(1.025)}
.gallery-link:focus-visible{outline-offset:5px}
.gallery-zoom{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:1px solid #fff8;border-radius:50%;background:#18372b91;color:white;display:flex;align-items:center;justify-content:center}
.gallery-zoom svg{width:19px;height:19px}
.gallery-tile figcaption,.inline-photo figcaption{margin-top:11px;font-size:12px;line-height:1.75;color:var(--muted)}
.gallery-home{background:#f0eee5}
.gallery-home .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gallery-home .gallery-tile{margin:0}
.gallery-home .gallery-link{aspect-ratio:4/3}
.gallery-home .photo-image{height:100%;object-fit:cover}
.gallery-location{position:absolute;left:13px;top:13px;background:#f8f6efdf;padding:6px 8px;color:var(--forest);font-size:9px;letter-spacing:1px}
.gallery-routes{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.gallery-routes a{padding:11px 14px;border:1px solid #d3d8ca;font-size:11px;color:var(--forest)}
.gallery-routes a:hover{background:var(--forest);color:white}
.gallery-routes span{margin-left:9px;opacity:.7}
.gallery-article{padding-block:30px 15px;margin-top:40px}
.article-prose .gallery-article h2{margin:7px 0 0;font-size:29px}
.article-prose .gallery-article .gallery-intro{font-size:13px;line-height:1.8;margin-bottom:22px}
.gallery-article .gallery-grid{columns:2;column-gap:20px}
.gallery-article .gallery-tile{margin-bottom:23px}
.gallery-article .gallery-count{font-size:10px}
.inline-photo{margin:28px 0 37px}
.inline-photo .gallery-link{max-height:none}
.inline-photo .photo-image{max-height:660px;object-fit:contain;background:var(--paper-deep)}
.inline-photo figcaption:after{content:' · Fotoğraf: Berat Aydoğmuş';color:var(--forest)}
body.photo-viewer-open{overflow:hidden}
.photo-viewer{width:min(1100px,96vw);max-width:96vw;max-height:96dvh;overflow:auto;margin:auto;padding:18px 24px 20px;border:1px solid #8a9a874d;border-radius:3px;background:#16271e;color:#f8f6ef;box-shadow:0 15px 80px #0007}
.photo-viewer::backdrop{background:#07140fed;backdrop-filter:blur(5px)}
.viewer-bar{display:flex;gap:20px;align-items:center;padding-bottom:15px}
.viewer-bar h2{font-size:22px;flex:1}
.viewer-bar [data-photo-counter]{font-size:12px;font-variant-numeric:tabular-nums;color:#d4ddcf}
.viewer-bar button{border:1px solid #d4ddcf60;border-radius:50%;background:transparent;color:#f8f6ef;width:44px;height:44px;font-size:19px}
.viewer-figure{margin:0;text-align:center}
.viewer-figure img{margin:auto;width:100%;height:min(70dvh,760px);object-fit:contain}
.viewer-figure figcaption{padding:16px 0 13px;font-size:13px;line-height:1.7;min-height:48px;color:#e0e4d8}
.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #6f827166;padding-top:15px}
.viewer-controls button{padding:11px 14px;min-height:44px;background:transparent;border:1px solid #95a79080;color:#f8f6ef;font-size:12px;display:flex;align-items:center;gap:12px}
.viewer-controls button:hover,.viewer-bar button:hover{background:#ffffff12}
.viewer-credit{font-size:10px;color:#b1bfa9}
@media(max-width:1100px){.nav{gap:15px}.nav>a{font-size:10px}.gallery-grid{column-gap:18px}}
@media(max-width:760px){
 .gallery-grid{columns:2;column-gap:14px}
 .gallery-home .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .gallery-intro{font-size:12px;margin-bottom:23px}
 .gallery-tile{margin-bottom:21px}
 .gallery-tile figcaption,.inline-photo figcaption{font-size:11px;margin-top:9px}
 .gallery-zoom{width:30px;height:30px;right:8px;bottom:8px}
 .gallery-location{font-size:8px;left:8px;top:8px;padding:5px 6px}
 .gallery-routes{gap:8px;margin-top:24px}
 .gallery-routes a{font-size:10px;padding:10px 12px}
 .gallery-article .section-head{flex-direction:row;align-items:center}
 .article-prose .gallery-article h2{font-size:26px}
 .gallery-article .gallery-grid{column-gap:14px}
 .inline-photo{margin:24px 0 30px}
 .photo-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:14px 15px 20px}
 .viewer-bar{gap:12px;padding-bottom:14px}
 .viewer-bar h2{font-size:20px}
 .viewer-figure img{height:calc(100dvh - 220px)}
 .viewer-credit{display:none}
 .viewer-figure figcaption{font-size:12px;min-height:59px}
 .viewer-controls button{padding:13px 17px}
}
@media(prefers-reduced-motion:reduce){.gallery-link .photo-image{transition:none}.gallery-link:hover .photo-image{transform:none}}