/* Municipal Reels: isolated from the existing photo gallery. */
.br-bolum{padding:96px 0;background:var(--paper,#fff);color:var(--ink,#080b0e)}
.br-baslik{text-align:center;max-width:1000px;margin:0 auto 48px;font-size:clamp(2.6rem,5.8vw,5rem);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.br-baslik .serif{display:block;color:var(--blue,#0b6f96);font-weight:500}
.br-serit{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:4px;padding:4px 4px 20px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--blue,#0b6f96) var(--mist,#f5f5f7)}
.br-kart{position:relative;display:block;isolation:isolate;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:var(--ink,#080b0e);scroll-snap-align:start;color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(8,11,14,.08)}
.br-kart:hover{color:#fff;text-decoration:none}
.br-kart img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.br-kart:hover img{transform:scale(1.025)}
.br-kart::after{content:"";position:absolute;inset:45% 0 0;z-index:0;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.br-oynat{position:absolute;inset:0;margin:auto;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink,#080b0e);box-shadow:0 4px 24px rgba(0,0,0,.2)}
.br-oynat svg{width:22px;height:22px;margin-left:3px}
.br-kart-baslik{position:absolute;z-index:1;left:20px;right:20px;bottom:22px;font-size:1.05rem;font-weight:650;line-height:1.35;letter-spacing:-.02em;text-wrap:balance}
.br-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.br-nav[hidden]{display:none}
.br-nav button,.br-kapat{display:grid;place-items:center;min-width:48px;min-height:48px;border:0;border-radius:50%;font:inherit;cursor:pointer}
.br-nav button{background:var(--mist,#f5f5f7);color:var(--ink,#080b0e);font-size:1.8rem}
.br-nav button:disabled{opacity:.35;cursor:default}
.br-kart:focus-visible,.br-nav button:focus-visible{outline:3px solid var(--blue,#0b6f96);outline-offset:3px}
.br-dialog{width:min(500px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:22px;background:#0f141a;color:#fff;overflow:auto;box-shadow:0 24px 100px rgba(0,0,0,.4)}
.br-dialog::backdrop{background:rgba(4,10,16,.82)}
.br-dialog-ust{display:flex;gap:16px;align-items:center;padding:16px 18px}
.br-dialog-baslik{font:600 1rem/1.4 Inter,system-ui,sans-serif;letter-spacing:-.01em;margin:0;flex:1}
.br-kapat{flex:none;background:#27313a;color:#fff;font-size:1.8rem;line-height:1}
.br-dialog video{width:100%;height:min(68dvh,720px);max-height:calc(100dvh - 200px);object-fit:contain;background:#000}
.br-kaynak{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;padding:16px 18px;font-size:.8rem;line-height:1.5}
.br-kaynak a{color:#bfeefa;text-decoration:underline;text-underline-offset:3px}
.br-kaynak time{color:#d0d9df}
.br-kapat:focus-visible,.br-kaynak a:focus-visible,.br-dialog video:focus-visible{outline:3px solid var(--aqua,#3fc9e8);outline-offset:3px}
@media(max-width:1100px){.br-serit{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:760px){.br-bolum{padding:64px 0}.br-baslik{margin-bottom:32px}.br-serit{grid-auto-columns:85%;gap:16px}.br-kart{border-radius:20px}.br-kart-baslik{font-size:1.1rem}.br-nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){.br-kart img{transition:none}.br-serit{scroll-behavior:auto}}