/* The gallery inherits Bağlantı's existing palette, type and spacing. */
.work-gallery{padding-top:0}
.works-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}
.works-heading .text-link{flex-shrink:0}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;list-style:none}
.work-photo{position:relative;display:block;border-radius:var(--radius);background:var(--pale);text-decoration:none}
.work-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:inherit}
.photo-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius);background:var(--navy);color:var(--white);transition:background .18s ease}
.photo-expand .icon{width:19px;height:19px}
.work-photo:hover .photo-expand{background:var(--action-hover)}
.work-photo:focus-visible{outline-offset:5px}
.gallery-page{padding-top:24px}
.gallery-page h1{font-size:clamp(36px,4vw,56px);max-width:22ch}
.photo-viewer{width:100vw;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 40px;border:0;background:var(--navy);color:var(--white);overscroll-behavior:contain}
.photo-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
.photo-viewer::backdrop{background:var(--navy)}
html:has(.photo-viewer[open]){overflow:hidden}
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.viewer-top h2{font-size:22px;font-weight:600;letter-spacing:0}
.photo-viewer button{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);color:var(--white);background:transparent}
.photo-viewer button:hover{background:var(--action-hover)}
.photo-viewer button:focus-visible{outline-color:var(--white);outline-offset:4px}
.viewer-close .icon{width:23px;height:23px}
.viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;touch-action:pan-y pinch-zoom}
.viewer-image{width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
.viewer-status{color:var(--white);text-align:center}
.viewer-status:empty{display:none}
.photo-viewer .viewer-retry{padding:10px 20px}
.viewer-bottom{display:flex;align-items:center;justify-content:center;gap:28px}
.viewer-prev .icon{transform:rotate(180deg)}
.viewer-count{min-width:75px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.work-grid{gap:16px}.works-heading{align-items:flex-start}.works-heading h2{max-width:16ch}}
@media(max-width:700px){.works-heading{display:block;margin-bottom:24px}.works-heading h2{max-width:18ch}.works-heading .text-link{margin-top:15px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-expand{width:30px;height:30px;right:8px;bottom:8px}.photo-expand .icon{width:17px;height:17px}.gallery-page{padding-top:16px}.photo-viewer{padding:16px 16px max(16px,env(safe-area-inset-bottom))}.photo-viewer[open]{gap:16px}.viewer-top h2{font-size:18px;line-height:1.4;max-width:20ch}.viewer-bottom{gap:24px}.photo-viewer button{min-width:48px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.photo-expand{transition:none}}