html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F5F5F2;color:#15171A;font-family:'Poppins',system-ui,sans-serif}
img,video{max-width:100%}
.lb{position:fixed;inset:0;z-index:1000;overflow-y:auto;background:rgba(21,23,26,.9);padding:24px clamp(16px,4vw,48px) 64px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:24px;animation:wfDim .25s ease-out both}
.lb-close{position:sticky;top:0;align-self:flex-end;flex:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#F5F5F2;color:#15171A;cursor:pointer;z-index:2}
.lb-body{animation:wfPop .35s .1s ease-out both;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}
.lb-img{display:block;width:100%;height:auto;background:#FFFFFF;border-radius:6px}
.lb-wide{width:100%;max-width:1400px;overflow-x:auto}
.lb-wide .lb-img{min-width:900px}
.lb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:start;width:100%;max-width:1100px}
.lb-note{color:#F5F5F2;width:100%;max-width:1100px}
.lb-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;color:#F5F5F2}
.lb-nav button{min-height:44px;padding:10px 20px;border:none;border-radius:999px;background:#F5F5F2;color:#15171A;font:inherit;font-weight:500;cursor:pointer}
body.lb-open{overflow:hidden}
a{color:#15171A}a:hover{color:#C8500F}
::selection{background-color:#C8500F;color:#FFFFFF}
.cat-media{transition:transform .35s ease}
.cat-card:hover .cat-media,.cat-card:focus-visible .cat-media{transform:translateY(-6px)}
.cat-card:hover .cat-title,.cat-card:focus-visible .cat-title{color:#C8500F}
.cat-social:hover .cat-title,.cat-social:focus-visible .cat-title{color:#E0242B}
.cat-graphic:hover .cat-title,.cat-graphic:focus-visible .cat-title{color:#8A5A3C}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;box-sizing:border-box;border:1px solid #15171A;border-radius:999px;background-color:#15171A;color:#F5F5F2;font-weight:500;font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.btn:hover,.btn:focus-visible{background-color:#55595E;border-color:#55595E;color:#FFFFFF;transform:translateY(-2px)}
.btn-ghost{background-color:transparent;color:#15171A}
.btn-ghost:hover,.btn-ghost:focus-visible{background-color:#E2E3DF;border-color:#15171A;color:#15171A}
@keyframes rvRise{from{opacity:0;transform:translateY(40px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes rvZoom{from{transform:scale(1.22)}to{transform:none}}
@keyframes rvWipe{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.rv-load{animation:rvRise 1.2s cubic-bezier(.16,1,.3,1) both}
.rv-load2{animation:rvRise 1.2s .15s cubic-bezier(.16,1,.3,1) both}
.rv-load3{animation:rvRise 1.3s .3s cubic-bezier(.16,1,.3,1) both}
.rv-load2>img,.rv-load3>img{animation:rvZoom 2.2s .2s cubic-bezier(.16,1,.3,1) both}
[data-rv-on] .rv{opacity:0;transform:translateY(48px);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1)}
[data-rv-on] .rv[data-in]{opacity:1;transform:none;filter:none}
[data-rv-on] .rv.rv-group{opacity:1;transform:none;filter:none}
.rv-kid{transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1)}
[data-rv-on] .rv:not([data-in]) .rv-kid{opacity:0;transform:translateY(48px);filter:blur(10px)}
[data-rv-on] .rv:not([data-in]) .rv-kid:has(.rv-frame),[data-rv-on] .rv:not([data-in]):has(> .rv-frame){filter:none}
.rv-frame{clip-path:inset(0 0 0 0)}
.rv[data-in] .rv-frame,.rv.rv-frame[data-in]{transition:clip-path 1.3s cubic-bezier(.22,1,.36,1)}
[data-rv-on] .rv:not([data-in]) .rv-frame,[data-rv-on] .rv.rv-frame:not([data-in]){clip-path:inset(100% 0 0 0)}
.rv[data-in] .rv-img{transition:transform 2s cubic-bezier(.22,1,.36,1)}
[data-rv-on] .rv:not([data-in]) .rv-img{transform:scale(1.25)}
@keyframes rvFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){[data-rv-on] .rv,[data-rv-on] .rv .rv-kid,[data-rv-on] .rv .rv-img{transform:none!important;filter:none!important;transition:opacity .8s ease}[data-rv-on] .rv .rv-frame{clip-path:none!important}.rv-load,.rv-load2,.rv-load3{animation-name:rvFade}.rv-load2>img,.rv-load3>img{animation:none}}
.lang-sw{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;padding:3px;border:1px solid #C9CAC5;border-radius:999px}
.lang-sw::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#15171A;transform:translateX(100%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
:root[data-lang="sr"] .lang-sw::before{transform:none}
.lang-btn{position:relative;z-index:1;min-width:40px;height:32px;padding:0 10px;box-sizing:border-box;border:0;border-radius:999px;background:transparent;color:#55595E;font:inherit;font-size:.8125rem;font-weight:600;letter-spacing:.04em;line-height:32px;text-align:center;text-decoration:none;cursor:pointer;transition:color .3s ease}
.lang-btn:hover{color:#15171A}
.lang-btn[data-set-lang="en"]{color:#FFFFFF}
:root[data-lang="sr"] .lang-btn[data-set-lang="en"]{color:#55595E}
:root[data-lang="sr"] .lang-btn[data-set-lang="sr"]{color:#FFFFFF}
:root[data-lang="sr"] .lang-btn[data-set-lang="en"]:hover{color:#15171A}
.post-card .post-media{transition:transform .3s ease,box-shadow .3s ease}
.post-card:hover .post-media,.post-card:focus-within .post-media{transform:translateY(-6px);box-shadow:0 16px 32px rgba(21,23,26,.18)}
.zm-img{transition:transform .25s ease,box-shadow .25s ease}
.zm-img::after{content:"";position:absolute;inset:0;border-radius:6px;background:rgba(21,23,26,.55);opacity:0;transition:opacity .25s ease}
.zm-zoom{opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}
.zm-badge{transition:opacity .2s ease}
.zm:hover .zm-img::after,.zm:focus-visible .zm-img::after{opacity:1}
.zm:hover .zm-zoom,.zm:focus-visible .zm-zoom{opacity:1;transform:none}
.zm:hover .zm-badge,.zm:focus-visible .zm-badge{opacity:0}
.zm:hover .zm-img,.zm:focus-visible .zm-img{transform:translateY(-6px);box-shadow:0 16px 32px rgba(21,23,26,.18)}
@keyframes wfDim{from{opacity:0}to{opacity:1}}
@keyframes wfPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.wf-dim,.wf-pop{animation:none!important}}