/* =====================================================================
   KOMUNA v3 - samo naslovna (/home-v3). Tokeni i komponente su u v3.css.
===================================================================== */

/* ================= 1+2. SCENA: HERO -> KOMUNA -> NASLOVI ================= */
.hs{position:relative}
.hx{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:var(--ink)}
.hx_run{height:210svh}
.v3-rm .hx_run{display:none}
.hx_amb{position:absolute;inset:0;pointer-events:none}
.hx_amb img{position:absolute;left:50%;top:48%;width:70vw;height:80vh;object-fit:cover;transform:translate(-50%,-50%);filter:blur(110px) saturate(1.5);opacity:0;transition:opacity 1.6s ease}
.hx_amb img.on{opacity:.34}
.hx_bars i{position:absolute;left:0;right:0;height:0;background:#050505;z-index:6}
.hx_bars i:first-child{top:0}
.hx_bars i:last-child{bottom:0}

/* zatvarac: dve polovine ekrana se sklapaju oko reci KOMUNA */
.hx_shut i{position:absolute;left:0;right:0;height:50%;z-index:4;background:var(--ink-2);will-change:transform}
.hx_shut i:first-child{top:0;transform:translateY(-101%)}
.hx_shut i:last-child{top:50%;transform:translateY(101%)}
.hx_shut i::after{content:"";position:absolute;left:0;right:0;height:12px;
  background:repeating-linear-gradient(90deg,rgba(243,237,227,.28) 0 1px,transparent 1px 12px) 0 0/100% 6px no-repeat,
    repeating-linear-gradient(90deg,rgba(243,237,227,.55) 0 1px,transparent 1px 120px) 0 0/100% 12px no-repeat}
.hx_shut i:first-child::after{bottom:0;border-bottom:1px solid rgba(243,237,227,.5);transform:scaleY(-1)}
.hx_shut i:last-child::after{top:0;border-top:1px solid rgba(243,237,227,.5)}
.hx_shut b{position:absolute;left:var(--pad);font-weight:400;color:var(--cream-3)}
.hx_shut i:first-child b{bottom:26px}
.hx_shut i:last-child b{top:26px;left:auto;right:var(--pad)}

.hx_stage{position:absolute;top:var(--head-h);bottom:170px;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;z-index:5}
.hx_h1{display:contents;font-weight:inherit}
.hx_sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx_w{display:block;overflow:hidden;font-size:min(11.2vw,21svh);color:var(--cream);padding:.06em 0 .02em;grid-row:1;will-change:transform}
.hx_w>span{display:block}
.hx_w--l{grid-column:1;justify-self:end}
.hx_w--r{grid-column:3;justify-self:start}
.hx_gate{grid-column:2;grid-row:1;position:relative;height:min(60svh,640px);aspect-ratio:2/3;margin:0 clamp(18px,2.4vw,44px)}
.hx_imgs{position:absolute;inset:0;overflow:hidden;background:var(--ink-3);box-shadow:0 50px 140px -40px rgba(0,0,0,.85)}
.hx_img{position:absolute;inset:0;clip-path:inset(50% 0 50% 0);z-index:1;transition:clip-path 1.15s var(--ease-io)}
.hx_img img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:transform 2.2s var(--ease-out)}
.hx_img.is-on{clip-path:inset(0 0 0 0);z-index:3}
.hx_img.is-on img{transform:scale(1)}
.hx_img.is-prev{clip-path:inset(0 0 0 0);z-index:2}
.hx_tc{position:absolute;bottom:100%;left:0;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--cream-2);white-space:nowrap}
.hx_tc i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:hxRec 1.4s steps(2) infinite}
@keyframes hxRec{50%{opacity:.15}}
.hx_no{position:absolute;bottom:100%;right:0;margin-bottom:16px}
.hx_no b{color:var(--cream);font-weight:500}
.hx_cap{position:absolute;top:100%;left:0;right:-40%;margin-top:18px;display:flex;align-items:baseline;gap:14px;white-space:nowrap}
.hx_cap b{font-stretch:82%;font-weight:560;font-size:20px;letter-spacing:-.01em}

/* strelice: blede, tanke, na ivicama kadra; hover = svetla puna kugla + prsten */
.hx_arr{position:absolute;top:50%;z-index:6;width:68px;height:68px;margin-top:-34px;border-radius:50%;display:grid;place-items:center;
  color:rgba(243,237,227,.82);background:rgba(12,11,10,.4);box-shadow:inset 0 0 0 1px rgba(243,237,227,.4);
  transition:background-color .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s,transform .6s var(--ease-out)}
.hx_arr--p{left:-34px}
.hx_arr--n{right:-34px}
.hx_arr svg{width:30px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .5s var(--ease-out)}
.hx_arr::after{content:"";position:absolute;inset:-1px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(243,237,227,.5);opacity:0;transform:scale(.85);transition:opacity .5s,transform .7s var(--ease-out)}
.hx_arr:hover,.hx_arr:focus-visible{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 1px var(--cream);transform:scale(1.06)}
.hx_arr:hover::after,.hx_arr:focus-visible::after{opacity:1;transform:scale(1.32)}
.hx_arr--p:hover svg{transform:translateX(-4px)}
.hx_arr--n:hover svg{transform:translateX(4px)}

/* naslov koji proleti ka nama */
.hx_ttl{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;padding:0 var(--pad)}
.hx_ttl_i{display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center;will-change:transform,opacity}
.hx_ttl_t{font-stretch:82%;font-weight:600;font-size:clamp(52px,8.2vw,150px);line-height:.96;letter-spacing:-.02em;max-width:11ch;padding-bottom:.06em}
.hx_ttl_n{color:var(--cream-2)}
.v3-js .hx_ttl_i{opacity:0}
.v3-rm .hx_ttl{display:none}

.hx_foot{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;z-index:5}
.hx_kick{white-space:nowrap}
/* krug 3: traka-definicija (sta Komuna radi) iznad kickera */
.hx_id{display:flex;flex-direction:column-reverse;gap:14px}
.hx_def{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-stretch:82%;font-weight:560;font-size:clamp(17px,1.35vw,22px);letter-spacing:-.005em;max-width:34em}
.hx_def i{font-style:normal;color:var(--red-hi)}
.hx_tag{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.hx_claim{font-stretch:82%;font-weight:560;font-size:clamp(24px,2.3vw,36px);line-height:1.05;letter-spacing:-.02em;text-align:right}
.hx_claim span{display:block;color:var(--cream-2)}
.hx_acts{display:flex;gap:12px}

/* ==================== 2. IZDVOJENI PROJEKTI (paneli) ==================== */
.ft{position:relative;z-index:2}
.ft_card{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ink-2)}
.ft_bg{position:absolute;left:-15%;top:-15%;width:130%;height:130%;object-fit:cover;filter:blur(80px) saturate(1.4);opacity:.3;pointer-events:none}
/* tanki okvir kadra sa uglovima */
.ft_fr{position:absolute;inset:clamp(12px,1.4vw,22px);border:1px solid rgba(243,237,227,.14);pointer-events:none;z-index:1}
.ft_fr i{position:absolute;width:26px;height:26px;border:0 solid rgba(243,237,227,.75)}
.ft_fr i:nth-child(1){top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.ft_fr i:nth-child(2){top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}
.ft_fr i:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}
.ft_fr i:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
.ft_in{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(40px,7vw,150px);align-items:center;padding-top:calc(var(--head-h) * .6);padding-bottom:96px;transform-origin:50% 30%}
/* passe-partout: plakat kao muzejski eksponat */
.ft_mat{position:relative;padding:12px;box-shadow:inset 0 0 0 1px rgba(243,237,227,.32)}
.ft_mat::before,.ft_mat::after{content:"";position:absolute;width:18px;height:18px;border:1px solid var(--cream-2);pointer-events:none}
.ft_mat::before{top:-9px;left:-9px;border-right:0;border-bottom:0}
.ft_mat::after{bottom:-9px;right:-9px;border-left:0;border-top:0}
.ft_mat_c{position:absolute;top:100%;left:0;margin-top:14px;color:var(--cream-3)}
.ft_poster{display:block;height:min(66svh,720px);aspect-ratio:2/3;box-shadow:0 50px 120px -40px rgba(0,0,0,.9)}
.ft_poster img{transition:transform 1.4s var(--ease-out)}
.ft_poster:hover img{transform:scale(1.04)}
.ft_card--r .ft_in{grid-template-columns:minmax(0,1fr) auto}
.ft_card--r .ft_mat{order:2}
.ft_card--r .ft_txt{justify-self:end}
.ft_txt{max-width:640px}
.ft_no{display:flex;align-items:center;gap:16px;color:var(--cream-2)}
.ft_no b{color:var(--red-hi);font-weight:500}
.ft_no i{width:56px;height:1px;background:var(--cream-3)}
/* oznaka nagrade: dokaz umesto samohvale */
.ft_aw{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 14px 8px 12px;color:var(--cream);box-shadow:inset 0 0 0 1px rgba(243,237,227,.32)}
.ft_aw::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red-hi);flex:none}
.ft_aw+.ft_t{margin-top:16px}
.ft_t{font-stretch:82%;font-weight:600;font-size:clamp(44px,5.4vw,98px);line-height:.98;letter-spacing:-.02em;margin:22px 0 34px}
.ft_t a:hover{color:#fff}
.ft_cr{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line-2);padding:16px 0}
.ft_cr>div{padding-right:clamp(18px,2vw,34px)}
.ft_cr>div+div{border-left:1px solid var(--line);padding-left:clamp(18px,2vw,34px)}
.ft_cr dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-3);margin-bottom:6px}
.ft_cr dd{font-size:16px;line-height:1.35}
.ft_p{margin:28px 0 30px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* odjavna traka: naslov sekcije + broj panela */
.ft_slate{position:absolute;left:0;right:0;bottom:clamp(12px,1.4vw,22px);z-index:2;height:60px;display:flex;align-items:center;gap:24px}
.ft_slate::before{content:"";position:absolute;left:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);top:0;height:1px;background:rgba(243,237,227,.14)}
.ft_slate_t{font-stretch:82%;font-weight:560;font-size:17px;letter-spacing:-.005em;white-space:nowrap}
.ft_slate>i{flex:1;height:5px;background:repeating-linear-gradient(90deg,rgba(243,237,227,.26) 0 1px,transparent 1px 9px)}
.ft_slate .v3-mono b{color:var(--cream);font-weight:500}
.ft_slate_a{color:var(--cream-2);transition:color .3s}
.ft_slate_a:hover{color:var(--cream)}

/* ======================= 3. KOMUNA DANAS ======================= */
.kd{padding:clamp(88px,11vw,180px) 0}
.kd_in{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(22px,2.6vw,40px)}
.kd_t{font-stretch:82%;font-weight:600;font-size:clamp(34px,4.4vw,78px);line-height:1.02;letter-spacing:-.02em;max-width:20ch}

/* ================= 5. MEDJUNARODNE KOPRODUKCIJE (spica) ================= */
.kp_in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px 6vw;align-items:start}
.kp_l{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--head-h) + 24px)}
.kp_l .v3-d2{max-width:12ch}
.kp_list{border-top:1px solid rgba(26,24,21,.22)}
.kp_list li{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr) minmax(0,1fr);gap:8px 24px;align-items:baseline;padding:26px 0;border-bottom:1px solid rgba(26,24,21,.22)}
.kp_list b{font-stretch:82%;font-weight:600;font-size:clamp(24px,2.3vw,38px);line-height:1.05;letter-spacing:-.015em}
.kp_list em{font-style:normal;font-size:16px;color:var(--mute-on-paper)}

/* ========================== 6. U RAZVOJU ========================== */
.dv{background:var(--ink-2)}
.dv_head{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(40px,5vw,72px)}
.dv_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}
.dv_c{position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2vw,32px);background:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.dv_c::before,.dv_c::after{border-color:var(--cream-3)}
/* lenjir kao na zatvaracu hero-a */
.dv_top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;
  background:repeating-linear-gradient(90deg,rgba(243,237,227,.22) 0 1px,transparent 1px 10px) 0 100%/100% 6px no-repeat}
.dv_top b{color:var(--cream);font-weight:500}
.dv_rec{display:inline-flex;align-items:center;gap:8px;color:var(--cream-2)}
.dv_rec i{width:7px;height:7px;border-radius:50%;background:var(--red-hi);animation:hxRec 1.4s steps(2) infinite}
.dv_t{font-stretch:82%;font-weight:600;font-size:clamp(34px,3.4vw,58px);line-height:1;letter-spacing:-.02em;margin-top:auto}
.dv_m{margin-top:14px;color:var(--cream-2)}
.v3-rm .dv_rec i{animation:none}

/* ======================= 4. OBLASTI ======================= */
.ar{background:var(--ink);z-index:1}
.ar_head{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(48px,6vw,88px)}
.ar_head .v3-d1{font-size:clamp(36px,5.1vw,90px)}
.ar_row{display:flex;gap:10px;height:min(84svh,880px)}
.ar_p{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--ink-3);transition:flex-grow 1.1s var(--ease-out)}
.v3-js .ar_p[data-rv].is-in{transition:opacity 1s var(--ease-out),transform 1.2s var(--ease-out),flex-grow 1.1s var(--ease-out)}
.ar_p.is-on{flex-grow:3.3}
.ar_img{position:absolute;inset:0}
.ar_img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5) contrast(1.05);transform:scale(1.1);transition:filter 1s var(--ease-out),transform 1.6s var(--ease-out)}
.ar_p.is-on .ar_img img{filter:none;transform:scale(1)}
/* korica kao predmet (niska rezolucija izvora -> prikaz manji, ostar) */
.ar_img--obj{overflow:hidden}
.ar_img--obj::before{content:"";position:absolute;inset:-12%;background:var(--bg) center/cover;filter:blur(48px) saturate(1.1) brightness(.42)}
.ar_img--obj img{position:relative;width:auto;height:auto;max-width:min(60%,340px);max-height:50%;margin:clamp(56px,11%,110px) auto 0;box-shadow:0 36px 80px -24px rgba(0,0,0,.85),0 0 0 1px rgba(243,237,227,.18)}
.ar_p::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(12,11,10,.94) 12%,rgba(12,11,10,0));pointer-events:none}
.ar_no{position:absolute;top:22px;left:24px;z-index:2;color:var(--cream)}
.ar_v{position:absolute;left:22px;bottom:26px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-stretch:82%;font-weight:560;font-size:clamp(20px,1.7vw,26px);letter-spacing:-.01em;white-space:nowrap;transition:opacity .5s}
.ar_p.is-on .ar_v{opacity:0}
.ar_body{position:absolute;left:0;bottom:0;z-index:2;width:clamp(320px,36vw,600px);padding:clamp(24px,2.6vw,40px);display:flex;flex-direction:column;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .4s}
.ar_p.is-on .ar_body{opacity:1;transform:none;transition:opacity .8s .35s,transform 1s .35s var(--ease-out)}
.ar_n{font-stretch:82%;font-weight:600;font-size:clamp(29px,2.9vw,50px);line-height:1;letter-spacing:-.02em}
.ar_d{margin:14px 0 22px;color:var(--cream-2);max-width:40ch}
.ar_strip{display:flex;gap:8px}
.ar_strip img{height:88px;aspect-ratio:2/3;object-fit:cover}
.ar_meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.ar_meta .v3-mono{color:var(--cream-2)}
.ar_go{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.ar_go i{font-style:normal;display:inline-block;transition:transform .4s var(--ease-out)}
.ar_p:hover .ar_go i{transform:translateX(6px)}

/* ======================== 4. BROJKE ======================== */
.st{padding:var(--sec) 0;overflow:hidden}
.st_in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px 6vw;align-items:end}
.st_lab{grid-column:1/-1}
.st_big{grid-column:1;grid-row:2/4;align-self:start}
.st_ph{grid-column:2;grid-row:2;margin:0 calc(-1 * var(--pad)) 0 0}
.st_ph img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center 35%}
.st_ph figcaption{margin-top:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-on-paper)}
.st_grid{grid-column:2;grid-row:3}
.st_bn{display:block;font-stretch:72%;font-weight:700;font-size:clamp(170px,26vw,470px);line-height:.8;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.st_bl{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:22px;font-stretch:82%;font-weight:560;font-size:clamp(22px,2.2vw,34px);letter-spacing:-.01em}
.st_bl em{font-style:normal}
.st_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.st_c{border-top:1px solid rgba(26,24,21,.22);padding:20px 0 34px}
.st_c b{display:block;font-stretch:82%;font-weight:650;font-size:clamp(56px,5.6vw,100px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.st_c>span{display:block;margin-top:10px;color:var(--mute-on-paper);font-size:15px;max-width:30ch}
.st_c--aw b{font-size:clamp(34px,3.1vw,56px);line-height:1;white-space:nowrap;color:var(--red);padding:.26em 0 .18em}
.st+.ct .ct_marq{border-top:1px solid rgba(26,24,21,.14)}
.odo{display:inline-block;height:1em;line-height:1em;overflow:hidden;vertical-align:top}
.odo>span{display:block;transition:transform 2.2s var(--ease-out);transition-delay:calc(var(--o,0) * .12s)}
.odo>span>span{display:block;height:1em}
.odo_x{display:inline-block;line-height:1em;height:1em;vertical-align:top}
.odo_x.is-plus{color:var(--red)}

/* ===================== 5. NASLEDJE - vremenska osa ===================== */
.tl{position:relative;background:var(--ink)}
.tl_pin{position:relative;height:100svh;min-height:680px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--head-h) * .6)}
/* tonska (zvucna) linija u pozadini - lagano putuje */
.tl_wave{position:absolute;left:0;right:-720px;top:56%;height:160px;margin-top:-80px;pointer-events:none;opacity:.075;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='160'%3E%3Cpath d='M1 51v58M7 48v63M13 52v56M19 53v54M25 49v62M31 42v76M37 38v84M43 42v76M49 54v53M55 66v28M61 72v15M67 68v23M73 57v46M79 45v70M85 40v81M91 42v76M97 49v62M103 54v52M109 54v52M115 50v59M121 51v58M127 60v39M133 79v2M139 56v48M145 36v87M151 27v106M157 26v107M163 30v101M169 30v100M175 26v108M181 22v116M187 24v112M193 36v89M199 54v52M205 72v15M211 76v7M217 76v7M223 78v5M229 72v15M235 73v14M241 79v2M247 72v15M253 70v19M259 75v10M265 78v3M271 76v7M277 75v10M283 58v44M289 39v82M295 26v109M301 22v116M307 26v109M313 30v100M319 30v99M325 28v104M331 27v106M337 34v91M343 52v56M349 76v9M355 63v34M361 51v58M367 48v63M373 52v56M379 53v54M385 49v62M391 42v76M397 38v84M403 42v76M409 54v53M415 66v28M421 72v15M427 68v23M433 57v46M439 45v70M445 40v81M451 42v76M457 49v62M463 54v52M469 54v52M475 50v59M481 51v58M487 60v39M493 79v2M499 56v48M505 36v87M511 27v106M517 26v107M523 30v101M529 30v100M535 26v108M541 22v116M547 24v112M553 36v89M559 54v52M565 72v15M571 76v7M577 76v7M583 78v5M589 72v15M595 73v14M601 79v2M607 72v15M613 70v19M619 75v10M625 78v3M631 76v7M637 75v10M643 58v44M649 39v82M655 26v109M661 22v116M667 26v109M673 30v100M679 30v99M685 28v104M691 27v106M697 34v91M703 52v56M709 76v9M715 63v34' stroke='%23F3EDE3' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 50%/720px 160px;
  animation:tlWave 60s linear infinite}
@keyframes tlWave{to{transform:translateX(-720px)}}
.tl_year{position:absolute;right:var(--pad);top:calc(var(--head-h) * .5);pointer-events:none;font-stretch:72%;font-weight:700;font-size:clamp(200px,34vw,620px);line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(243,237,227,.13)}
.tl_year span{display:block}
.tl_head{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:clamp(24px,3.4vh,44px)}
.tl_hint i{font-style:normal;color:var(--red-hi)}
.tl_view{position:relative;overflow:hidden}
.tl_track{display:flex;width:max-content;padding:10px var(--pad) 0}
.tl_fr{flex:none;width:clamp(190px,15.5vw,280px);padding:0 12px}
.tl_pic{display:block;aspect-ratio:2/3;overflow:hidden;background:var(--ink-2);transform:scale(.9);transform-origin:50% 100%;transition:transform .8s var(--ease-out)}
.tl_pic img{width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.7);transition:filter .7s}
.tl_fr.is-on .tl_pic{transform:scale(1)}
.tl_fr.is-on .tl_pic img{filter:none}
/* osa: linija + sitni podeoci + veliki podeok i tacka na godini */
.tl_ax{display:block;position:relative;height:26px;margin:16px -12px 0;border-top:1px solid rgba(243,237,227,.3);
  background:repeating-linear-gradient(90deg,rgba(243,237,227,.22) 0 1px,transparent 1px 10px) 0 0/100% 7px no-repeat}
.tl_ax::before{content:"";position:absolute;left:12px;top:0;width:1px;height:20px;background:rgba(243,237,227,.6)}
.tl_ax::after{content:"";position:absolute;left:8px;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1px rgba(243,237,227,.7);transition:background-color .5s,box-shadow .5s,transform .5s var(--ease-out)}
.tl_fr.is-on .tl_ax::after{background:var(--red-hi);box-shadow:none;transform:scale(1.35)}
.tl_cap{display:flex;flex-direction:column;gap:5px;min-height:112px;opacity:.6;transition:opacity .6s}
.tl_fr.is-on .tl_cap{opacity:1}
.tl_yr{font-stretch:72%;font-weight:700;font-size:clamp(36px,3vw,54px);line-height:.9;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--cream-2);transition:color .5s}
.tl_fr.is-on .tl_yr{color:var(--cream)}
.tl_cap i{font-style:normal}
.tl_cap b{font-stretch:82%;font-weight:560;font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tl_start{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;background:var(--paper);color:var(--ink-on-paper)}
.tl_fr--start .tl_pic{position:relative}
.tl_start b{font-stretch:72%;font-weight:700;font-size:clamp(56px,5vw,84px);line-height:.9;letter-spacing:-.02em}
.tl_start span{font-size:18px;font-weight:500;line-height:1.2}
.tl_start i{font-style:normal;color:var(--mute-on-paper)}
.tl_start::before{content:"";position:absolute;top:22px;left:22px;width:8px;height:8px;border-radius:50%;background:var(--red)}
/* krug 3: oznaka decenije iznad prvog kadra svake epohe */
.tl_era{display:flex;flex-direction:column;justify-content:center;gap:2px;height:38px;margin-bottom:12px;white-space:nowrap;color:var(--cream-2);font-size:11px;line-height:1.3}
.tl_era b{color:var(--cream);font-weight:500}
.tl_era:not(:empty){border-left:2px solid var(--red-hi);padding-left:10px}
.tl_fr--end .tl_start::before{animation:hxRec 1.4s steps(2) infinite}
.tl_bar{display:flex;align-items:center;gap:18px;margin-top:clamp(18px,3vh,36px)}
.tl_bar i{position:relative;flex:1;height:1px;background:var(--line)}
.tl_bar b{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--red-hi)}

/* ========================== 6. AKTUELNO (sakriveno u krugu 2) ========================== */
.nw{background:var(--ink-2)}
.nw_head{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(48px,6vw,96px)}
.nw_grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,5vw,110px) clamp(28px,5vw,110px);align-items:start}
.nw_it{display:block}
.nw_it--big{grid-row:1/span 2}
.nw_img{display:block;overflow:hidden;background:var(--ink-3)}
.nw_img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.nw_it:hover .nw_img img{transform:scale(1.05)}
.nw_it--big .nw_img{aspect-ratio:4/5;max-height:88svh}
.nw_it--big .nw_txt{margin-top:28px}
.nw_it:not(.nw_it--big){display:grid;grid-template-columns:40% minmax(0,1fr);gap:24px;align-items:end}
.nw_it:nth-child(2){margin-top:18vh}
.nw_it:not(.nw_it--big) .nw_img{aspect-ratio:2/3}
.nw_txt{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.nw_tag b{color:var(--red-hi);font-weight:500;margin-right:8px}
.nw_t{font-stretch:82%;font-weight:600;font-size:clamp(22px,1.9vw,30px);line-height:1.1;letter-spacing:-.015em}
.nw_it--big .nw_t{font-size:clamp(30px,3vw,50px)}
.nw_go{font-size:22px;transition:transform .4s var(--ease-out)}
.nw_it:hover .nw_go{transform:translateX(10px)}

/* ====================== 7. POSLOVNI KONTAKT (bez) ====================== */
.ct{position:relative;overflow:hidden;padding-bottom:clamp(64px,8vw,120px)}
.ct_marq{padding:clamp(48px,6vw,100px) 0 clamp(36px,5vw,80px);white-space:nowrap}
.ct_marq_t{display:inline-flex;align-items:center;gap:4vw;padding-left:var(--pad);will-change:transform}
.ct_marq_t span{font-stretch:72%;font-weight:700;font-size:clamp(88px,14vw,260px);line-height:.9;letter-spacing:-.02em;color:var(--ink-on-paper)}
.ct_marq_t i{flex:none;width:.5em;height:.5em;font-size:clamp(40px,4vw,80px);border-radius:50%;border:2px solid var(--red)}
.ct_in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px 6vw;align-items:start;border-top:1px solid rgba(26,24,21,.2);padding-top:clamp(40px,5vw,72px)}
.ct_l{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ct_note{font-size:18px;line-height:1.5;color:var(--mute-on-paper);max-width:42ch}
.ct_chips{display:flex;flex-wrap:wrap;gap:12px;padding-top:6px}
.ct_chip{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:66px;padding:0 28px 0 24px;border:1px solid rgba(26,24,21,.34);border-radius:var(--r-pill);font-size:clamp(17px,1.35vw,22px);font-weight:500;overflow:hidden;isolation:isolate;transition:color .45s var(--ease-out),border-color .45s}
.ct_chip::before{content:"";position:absolute;inset:0;background:#FBF8F2;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out);z-index:-1}
.ct_chip:hover,.ct_chip:focus-visible{border-color:var(--ink-on-paper)}
.ct_chip:hover::before,.ct_chip:focus-visible::before{transform:scaleX(1)}
.ct_chip i{font-style:normal;color:var(--red);letter-spacing:.08em}
.ct_chip b{font-weight:400;transition:transform .45s var(--ease-out)}
.ct_chip:hover b{transform:translateX(6px);color:var(--red)}
.ct_info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(56px,7vw,110px)}
.ct_info p{margin-top:12px;font-size:19px;line-height:1.4}

/* ============================ TABLET ============================ */
@media (max-width:1024px){
  .ft_in{gap:40px}
  .ft_poster{height:min(56svh,600px)}
  .ar_row{height:min(76svh,760px)}
  .ar_body{width:clamp(300px,52vw,520px)}
  .ct_in{grid-template-columns:1fr}
  .kp_in{grid-template-columns:1fr}
  .kp_l{position:static}
  .dv_grid{grid-template-columns:1fr 1fr}
}

/* ============================ MOBILNI ============================ */
@media (max-width:760px){
  /* hero: KOM UNA u jednom redu, plakat ispod */
  .hx{min-height:0;display:flex;flex-direction:column;padding:calc(var(--head-h) + 8px) var(--pad) 22px}
  .hx_run{height:150svh}
  .hx_stage{position:relative;inset:auto;display:grid;grid-template-columns:auto auto;justify-content:center;row-gap:30px}
  .hx_w{font-size:18.6vw}
  .hx_w--l{grid-column:1}
  .hx_w--r{grid-column:2}
  .hx_gate{grid-column:1/-1;grid-row:2;justify-self:center;height:min(40svh,96vw);margin:0 0 44px}
  .hx_arr{width:50px;height:50px;margin-top:-25px}
  .hx_arr--p{left:-58px}
  .hx_arr--n{right:-58px}
  .hx_arr svg{width:22px}
  .hx_amb img{width:100vw;height:70vh}
  .hx_cap{right:-30%}
  .hx_cap b{font-size:17px}
  .hx_foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;flex-direction:column;align-items:stretch;gap:14px}
  .hx_kick{display:none}
  .hx_def{font-size:14px;gap:2px 8px;padding-top:12px;border-top:1px solid var(--line)}
  .hx_gate{height:min(35svh,90vw)}
  .hx_claim{text-align:left}
  .kd_t{font-size:clamp(30px,8.6vw,40px)}
  .kp_list li{grid-template-columns:1fr;gap:6px;padding:20px 0}
  .dv_grid{grid-template-columns:1fr;gap:18px}
  .dv_c{aspect-ratio:16/10}
  .hx_tag{align-items:stretch;gap:14px}
  .hx_claim{font-size:24px}
  .hx_acts{flex-direction:column;gap:10px}
  .hx_acts .v3-btn{min-height:50px}
  .hx_shut b{display:none}
  .hx_ttl_t{font-size:clamp(46px,13.6vw,64px)}
  .hx_ttl_i{gap:20px}

  .ft_fr{inset:8px}
  .ft_fr i{width:18px;height:18px}
  .ft_in,.ft_card--r .ft_in{grid-template-columns:1fr;align-content:center;gap:34px;padding-top:calc(var(--head-h) * .7);padding-bottom:64px}
  .ft_card--r .ft_mat{order:0}
  .ft_card--r .ft_txt{justify-self:start}
  .ft_mat{justify-self:start;padding:8px}
  .ft_mat_c{top:auto;bottom:0;left:100%;margin:0 0 0 14px;writing-mode:vertical-rl;transform:rotate(180deg)}
  .ft_poster{height:33svh}
  .ft_no i{width:32px}
  .ft_t{font-size:clamp(34px,9.4vw,44px);margin:12px 0 16px}
  .ft_cr>div{padding-right:14px}
  .ft_cr>div+div{padding-left:14px}
  .ft_cr dd{font-size:14px}
  .ft_p{margin:16px 0 14px;-webkit-line-clamp:3;font-size:15px}
  .ft_slate{bottom:8px;height:46px;gap:14px}
  .ft_slate::before{left:8px;right:8px}
  .ft_slate_t{font-size:14px}
  .ft_slate_a{display:none}

  .ar_row{flex-direction:column;height:auto;gap:12px}
  .ar_p,.ar_p.is-on{flex:none;height:64svh}
  .ar_v{display:none}
  .ar_img img,.ar_p.is-on .ar_img img{filter:none;transform:none}
  .ar_img--obj img{max-height:46%;margin-top:48px}
  .ar_body,.ar_p.is-on .ar_body{opacity:1;transform:none;width:100%}
  .ar_strip img{height:70px}

  .st_in{grid-template-columns:1fr;gap:36px}
  .st_big,.st_ph,.st_grid{grid-column:1;grid-row:auto}
  .st_ph{order:3;margin:0 calc(-1 * var(--pad))}
  .st_ph figcaption{padding:0 var(--pad)}
  .st_grid{order:4}
  .st_bn{font-size:44vw}
  .st_grid{gap:0 20px}
  .st_c b{font-size:52px}

  .tl_pin{height:auto;min-height:0;padding:var(--sec) 0}
  .tl_head{grid-template-columns:1fr}
  .tl_year{font-size:58vw;bottom:auto;top:calc(var(--sec) * .6)}
  .tl_yr{font-size:36px}

  .ct_marq_t span{font-size:26vw}
  .ct_chip{width:100%;min-height:60px;justify-content:flex-start}
  .ct_chip b{margin-left:auto}
  .ct_info{grid-template-columns:1fr;gap:22px}
}

/* timeline bez pina (mobilni / reduced motion): prirodan horizontalni swipe + drag misem */
@media (max-width:1024px){
  .tl_view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tl_view::-webkit-scrollbar{display:none}
  .tl_fr{scroll-snap-align:center;width:min(58vw,260px)}
}
.v3-rm .tl_pin{height:auto;min-height:0;padding:var(--sec) 0}
.v3-rm .tl_view{overflow-x:auto;scrollbar-width:thin}

/* 29.09: mesta koja cekaju odgovor klijenta (.v3-todo je u v3.css) */
.kp_list li.kp_todo{display:block;padding:20px 0;border-bottom:0}
.dv_todo{margin-top:clamp(20px,2.4vw,32px)}
.st_todo{grid-column:1/-1}
.tl_start .v3-todo{font-size:11px;font-weight:500;line-height:1.4;margin-top:8px;padding:.7em .8em}