/* RIVIERA | Investment & Deal Origination */
:root{
  --noc:#0A0D12; --noc-2:#0E131A; --noc-3:#151B24; --noc-4:#1C2430;
  --linija-t:rgba(233,230,223,.10); --linija-t2:rgba(233,230,223,.18);
  --tekst-t:#ECE8E0; --siva-t:#9BA3AE; --siva-t2:#6E7682;
  --zlato:#C9A46A; --zlato-2:#E4CB98; --zlato-tamno:#8A672F;
  --papir:#FAF8F4; --slonovaca:#F2EEE6; --tinta:#14171C; --siva:#5C626C; --linija:#DED8CC;
  --serif:'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --okvir:1240px; --rub:clamp(20px, 4.2vw, 56px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papir);color:var(--tinta);font:400 16.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0 0 1.1em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.08;margin:0;letter-spacing:-.005em}
::selection{background:var(--zlato);color:var(--noc)}
:focus-visible{outline:1.5px solid var(--zlato);outline-offset:3px}
.preskoci{position:absolute;left:-999px;top:8px;background:var(--zlato);color:var(--noc);padding:8px 14px;z-index:999}
.preskoci:focus{left:8px}
.okvir{width:100%;max-width:calc(var(--okvir) + 2*var(--rub));margin:0 auto;padding:0 var(--rub)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------- Wordmark ---------- */
.wm{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;color:var(--tekst-t)}
.wm-ime{font-family:var(--serif);font-weight:500;font-size:1.72rem;letter-spacing:.36em;margin-right:-.36em}
.wm-pod{font-family:var(--sans);font-weight:500;font-size:.5rem;letter-spacing:.31em;text-transform:uppercase;color:var(--siva-t);margin-top:.62em;white-space:nowrap}
.wm-b .wm-ime{font-family:'Bodoni Moda', var(--serif);font-weight:500;font-size:1.42rem;letter-spacing:.27em;margin-right:-.27em}
.wm-b .wm-pod{margin-top:.75em;letter-spacing:.27em}
.wm-c .wm-ime{font-family:'Jost', var(--sans);font-weight:300;font-size:1.32rem;letter-spacing:.56em;margin-right:-.56em}
.wm-c .wm-pod{font-family:'Jost', var(--sans);font-weight:400;font-size:.52rem;letter-spacing:.34em;margin-top:.8em}

/* ---------- Dugmad ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.7em;padding:15px 26px;font:600 .72rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;border:1px solid transparent;border-radius:1px;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);cursor:pointer;white-space:nowrap}
.dugme .str{transition:transform .3s var(--ease)}
.dugme:hover .str{transform:translateX(4px)}
.dugme-zlato{background:var(--zlato);color:var(--noc)}
.dugme-zlato:hover{background:var(--zlato-2)}
.dugme-obrub{border-color:rgba(201,164,106,.55);color:var(--tekst-t)}
.dugme-obrub:hover{border-color:var(--zlato);background:rgba(201,164,106,.08)}
.dugme-tamno{background:var(--tinta);color:var(--papir)}
.dugme-tamno:hover{background:#2A2F37}
.dugme-linija{border-color:var(--tinta);color:var(--tinta)}
.dugme-linija:hover{background:var(--tinta);color:var(--papir)}
.veza{display:inline-flex;align-items:center;gap:.6em;font:600 .72rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--zlato-tamno);padding:6px 0;border-bottom:1px solid currentColor}
.veza .str{transition:transform .3s var(--ease)}
.veza:hover .str{transform:translateX(4px)}
.tamna .veza,.uvod .veza{color:var(--zlato)}

/* ---------- Zaglavlje ---------- */
.zaglavlje{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);border-bottom:1px solid transparent}
.zaglavlje-red{display:flex;align-items:center;gap:36px;height:92px;transition:height .4s var(--ease)}
.zaglavlje.skrol{background:rgba(10,13,18,.88);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-color:var(--linija-t)}
.zaglavlje.skrol .zaglavlje-red{height:72px}
.zaglavlje.sakriven{transform:translateY(-100%)}
.logo{display:inline-flex;flex-shrink:0}
.meni{display:flex;gap:30px;margin-left:auto}
.meni a{font:500 .7rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--siva-t);padding:10px 0;position:relative;transition:color .25s}
.meni a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--zlato);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.meni a:hover{color:var(--tekst-t)}
.meni a[aria-current]{color:var(--zlato-2)}
.meni a[aria-current]::after,.meni a:hover::after{transform:scaleX(1)}
.zaglavlje-cta{padding:13px 22px}
.zaglavlje-cta[aria-current]{border-color:var(--zlato);background:rgba(201,164,106,.1)}
.meni-dugme{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;position:relative}
.meni-dugme span{position:absolute;left:10px;right:10px;height:1px;background:var(--tekst-t);transition:transform .35s var(--ease),top .35s var(--ease)}
.meni-dugme span:first-child{top:18px}
.meni-dugme span:last-child{top:26px}
.meni-otvoren .meni-dugme span:first-child{top:22px;transform:rotate(45deg)}
.meni-otvoren .meni-dugme span:last-child{top:22px;transform:rotate(-45deg)}
.mob-meni{position:fixed;inset:0;z-index:40;background:var(--noc);padding:110px var(--rub) 40px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .35s var(--ease)}
.mob-meni.vidljiv{opacity:1}
.mob-meni nav{display:flex;flex-direction:column}
.mob-meni nav a{font:500 2rem/1.15 var(--serif);color:var(--tekst-t);padding:10px 0;border-bottom:1px solid var(--linija-t)}
.mob-meni nav a[aria-current]{color:var(--zlato-2)}
.mob-meni-dno{display:grid;gap:12px;margin-top:32px}
.meni-otvoren{overflow:hidden}
.meni-otvoren .zaglavlje{background:var(--noc)}

/* ---------- Tipografija sekcija ---------- */
.nadnaslov{display:inline-flex;align-items:center;gap:14px;font:500 .7rem/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--zlato-tamno);margin-bottom:26px}
.nadnaslov::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.tamna .nadnaslov,.uvod .nadnaslov,.heroj .nadnaslov{color:var(--zlato)}
.n2{font-size:clamp(2.45rem,4.7vw,4.25rem);line-height:1.02;letter-spacing:-.015em}
.n3{font-size:clamp(1.55rem,2.2vw,1.95rem);line-height:1.15}
.uvodni{font-size:clamp(1.05rem,1.3vw,1.18rem);line-height:1.7;color:var(--siva)}
.tamna .uvodni,.uvod .uvodni{color:var(--siva-t)}
em.zl{font-style:italic;color:var(--zlato-tamno)}
.tamna em.zl,.uvod em.zl,.heroj em.zl{color:var(--zlato-2)}

.sekcija{padding:clamp(88px,11vw,152px) 0;position:relative}
.sekcija.uska{padding:clamp(64px,8vw,104px) 0}
.svetla{background:var(--papir)}
.slonovaca{background:var(--slonovaca)}
.tamna{background:var(--noc-2);color:var(--tekst-t)}
.tamna p{color:var(--siva-t)}
.glava{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(48px,6vw,80px)}
.glava .uvodni{margin:0;max-width:520px}
.glava-sama{max-width:780px;margin-bottom:clamp(44px,5vw,72px)}

/* ---------- Heroj (naslovna) ---------- */
.heroj{position:relative;background:var(--noc);color:var(--tekst-t);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.heroj::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(1200px 700px at 78% 40%, rgba(40,52,70,.55), transparent 65%),radial-gradient(700px 500px at 10% 100%, rgba(201,164,106,.07), transparent 70%)}
.heroj{--g:min(112vh,64vw,1180px)}
.heroj-globus{position:absolute;z-index:-1;width:var(--g);left:calc(100% - .86 * var(--g) - 150px);top:calc(30vh - .317 * var(--g));pointer-events:none}
.heroj-sadrzaj{flex:1;display:flex;align-items:center;padding-top:130px;padding-bottom:56px}
.heroj::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--noc) 0%,rgba(10,13,18,.92) 28%,rgba(10,13,18,.55) 44%,rgba(10,13,18,0) 60%)}
.heroj-tekst{max-width:640px}
.heroj h1{font-size:clamp(2.85rem,6vw,5.6rem);line-height:.98;letter-spacing:-.015em;margin-bottom:30px}
.heroj h1 .red{display:block}
.heroj p.uvodni{max-width:520px;color:#B4BBC5;margin-bottom:40px}
.heroj-dugmad{display:flex;flex-wrap:wrap;gap:14px}
.lokacije{border-top:1px solid var(--linija-t);background:linear-gradient(180deg, rgba(10,13,18,.2), rgba(10,13,18,.75))}
.lok-koord{display:block;font:500 .64rem/1 var(--sans);letter-spacing:.14em;color:var(--zlato);margin-bottom:12px;font-variant-numeric:tabular-nums}
.lok-ime{display:block;font:600 .74rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tekst-t);margin-bottom:8px}
.lok-opis{display:block;font-size:.84rem;line-height:1.5;color:var(--siva-t)}

/* ---------- Globus ---------- */
.globus{width:100%;height:auto;overflow:visible}

.globus .luk{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);opacity:.95;animation:luk 4.6s cubic-bezier(.45,.05,.3,1) forwards;animation-delay:calc(1.1s + var(--i) * .55s)}
.globus .grad .tacka{fill:#FFF1D2}
.globus .luk-sjaj{opacity:.55}
.globus .grad{opacity:0;animation:pojava 1.2s var(--ease) forwards;animation-delay:calc(1.1s + var(--i, 0) * .55s + 3.6s)}
.globus .grad.hub{animation-delay:.5s}
.globus .grad.hub .tacka{fill:#FFF3DA}
.globus .puls{fill:none;stroke:var(--zlato-2);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:puls 2.8s ease-out infinite 1.4s}
.globus text{fill:#F6F1E7;font:600 12.5px var(--sans);letter-spacing:.15em;paint-order:stroke;stroke:rgba(5,7,10,.55);stroke-width:3px;stroke-linejoin:round}
.globus .hub text{font-size:14px;fill:#fff}
@keyframes luk{to{stroke-dashoffset:0}}
@keyframes tacke{from{opacity:0;transform:scale(.985)}to{opacity:1}}
@keyframes pojava{to{opacity:1}}
@keyframes puls{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.4);opacity:0}}

/* ---------- Uvod (unutrasnje strane) ---------- */
.uvod{position:relative;background:var(--noc);color:var(--tekst-t);padding:calc(92px + clamp(72px,10vw,140px)) 0 clamp(72px,9vw,120px);overflow:hidden;isolation:isolate}
.uvod::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 520px at 85% 0%, rgba(40,52,70,.6), transparent 70%)}
.uvod::after{content:"";position:absolute;right:var(--rub);top:150px;bottom:60px;width:1px;background:linear-gradient(var(--linija-t2),transparent)}
.uvod h1{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1.02;max-width:900px;margin-bottom:28px}
.uvod .uvodni{max-width:640px;margin:0}
.uvod-koord{position:absolute;right:calc(var(--rub) + 22px);top:156px;font:500 .62rem/1.9 var(--sans);letter-spacing:.2em;color:var(--siva-t2);text-transform:uppercase;writing-mode:vertical-rl}
.uvod-globus{position:absolute;z-index:-1;right:-18vw;top:-10%;width:min(900px,70vw);opacity:.55;pointer-events:none}

/* ---------- Dva smera ---------- */
.smerovi{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linija);border:1px solid var(--linija)}
.smer{background:var(--papir);padding:clamp(32px,4.4vw,60px);display:flex;flex-direction:column}
.slonovaca .smer{background:var(--slonovaca)}
.smer-broj{font:italic 400 1.1rem/1 var(--serif);color:var(--zlato-tamno);margin-bottom:28px;display:block}
.smer h3{font-size:clamp(1.7rem,2.6vw,2.35rem);margin-bottom:22px}
.smer h3 .str{color:var(--zlato-tamno);font-style:normal;padding:0 .12em}
.tok{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 26px;padding:12px 0;list-style:none;border-top:1px solid var(--linija);border-bottom:1px solid var(--linija)}
.tok li{font:600 .63rem/1.6 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--tinta)}
.tok li.s{color:var(--zlato-tamno);font-size:.8rem;letter-spacing:0}
.smer p{color:var(--siva)}
.smer .veza{margin-top:auto;align-self:flex-start}
.crtice{list-style:none;margin:0 0 30px;padding:0}
.crtice li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--linija);font-size:.96rem}
.crtice li:last-child{border-bottom:1px solid var(--linija)}
.crtice li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:1px;background:var(--zlato-tamno)}
.tamna .crtice li{border-color:var(--linija-t);color:var(--siva-t)}
.tamna .crtice li::before{background:var(--zlato)}

/* ---------- Sektori ---------- */
.sektori{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px)}
.sektor{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4.2;overflow:hidden;background:var(--noc-3);color:var(--tekst-t);isolation:isolate}
.sektor-slika{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.02);transition:transform 1.4s var(--ease);filter:saturate(.75) contrast(1.02)}
.sektor::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(10,13,18,.15) 0%, rgba(10,13,18,.25) 40%, rgba(10,13,18,.92) 100%)}
.sektor:hover .sektor-slika{transform:scale(1.07)}
.sektor-tekst{padding:28px 26px 30px}
.sektor-br{font:italic 400 1rem/1 var(--serif);color:var(--zlato-2);display:block;margin-bottom:auto}
.sektor-vrh{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between}
.sektor h3{font-size:1.65rem;line-height:1.1;margin-bottom:12px}
.sektor p{font-size:.88rem;line-height:1.55;color:#C3C9D1;margin:0}

/* sektori na strani What We Do */
.sektor-red{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(48px,6vw,80px) 0;border-top:1px solid var(--linija)}
.sektor-red:last-child{border-bottom:1px solid var(--linija)}
.sektor-red:nth-child(even) .sr-slika{order:2}
.sr-slika{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--noc-3);filter:saturate(.8)}
.sr-tekst h3{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:18px}
.sr-tekst .smer-broj{margin-bottom:18px}
.sr-tekst p{color:var(--siva)}
.sr-tipovi{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none}
.sr-tipovi li{font:500 .7rem/1 var(--sans);letter-spacing:.06em;padding:9px 12px;border:1px solid var(--linija);color:var(--tinta);background:rgba(255,255,255,.5)}

/* ---------- Tri stuba / postupak ---------- */
.stubovi{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}
.stubovi.cetiri{grid-template-columns:repeat(4,1fr)}
.stub{border-top:1px solid var(--linija);padding-top:28px}
.tamna .stub{border-color:var(--linija-t2)}
.stub-br{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.22em;color:var(--zlato-tamno);margin-bottom:22px}
.tamna .stub-br{color:var(--zlato)}
.stub h3{font-size:1.6rem;margin-bottom:14px}
.stub p{font-size:.95rem;color:var(--siva);margin:0}
.tamna .stub p{color:var(--siva-t)}

.koraci{list-style:none;margin:0;padding:0;counter-reset:k;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--linija)}
.tamna .koraci{border-color:var(--linija-t2)}
.koraci li{counter-increment:k;padding:30px 28px 10px 0;position:relative}
.koraci li::before{content:"0" counter(k);display:block;font:italic 400 2.6rem/1 var(--serif);color:var(--zlato-tamno);margin-bottom:22px}
.tamna .koraci li::before{color:var(--zlato)}
.koraci li::after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--zlato-tamno)}
.tamna .koraci li::after{background:var(--zlato)}
.koraci h3{font-size:1.32rem;margin-bottom:10px}
.koraci p{font-size:.92rem;color:var(--siva);margin:0}
.tamna .koraci p{color:var(--siva-t)}

/* ---------- Izjava ---------- */
.izjava{max-width:980px}
.izjava blockquote{margin:0;font:400 clamp(1.8rem,3.4vw,3rem)/1.22 var(--serif);letter-spacing:-.005em}
.izjava blockquote em{color:var(--zlato-2)}
.izjava-potpis{margin-top:30px;font:500 .7rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--siva-t)}

/* ---------- Geografija ---------- */
.geo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}
.geo-mapa{position:relative;margin:-40px 0}
.geo-liste{display:grid;gap:44px}
.geo-lista h3{font:600 .7rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--zlato);margin-bottom:6px}
.geo-lista ul{list-style:none;margin:0;padding:0}
.geo-lista li{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--linija-t)}
.geo-lista li strong{font:500 1.35rem/1.2 var(--serif);color:var(--tekst-t)}
.geo-lista li span{font-size:.84rem;color:var(--siva-t);text-align:right}

.trzista{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linija);border:1px solid var(--linija)}
.trziste{background:var(--papir);padding:clamp(28px,3.4vw,44px)}
.trziste-vrh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.trziste h3{font-size:1.75rem}
.trziste .lok-koord{color:var(--zlato-tamno);margin:0}
.trziste p{color:var(--siva);margin:0;font-size:.96rem}
.trziste-oznaka{display:inline-block;font:600 .6rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--zlato-tamno);margin-bottom:16px}

/* ---------- Prilike ---------- */
.prilike{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.prilika{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linija);padding:30px 30px 28px;transition:border-color .3s,transform .4s var(--ease),box-shadow .4s var(--ease);position:relative}
.prilika:hover{border-color:#CDBF9F;transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(20,23,28,.28)}
.tamna .prilika{background:var(--noc-3);border-color:var(--linija-t)}
.tamna .prilika:hover{border-color:rgba(201,164,106,.4);box-shadow:none}
.prilika-meta{display:flex;justify-content:space-between;gap:12px;font:600 .62rem/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--zlato-tamno);margin-bottom:22px}
.tamna .prilika-meta{color:var(--zlato)}
.prilika h3{font-size:1.7rem;margin-bottom:14px}
.prilika h3 a::after{content:"";position:absolute;inset:0}
.prilika>p{font-size:.92rem;color:var(--siva);margin-bottom:24px}
.tamna .prilika>p{color:var(--siva-t)}
.spec{margin:auto 0 0;padding:0;list-style:none;font-size:.84rem}
.spec li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px dotted #CFC7B6}
.tamna .spec li{border-color:var(--linija-t2)}
.spec li span:first-child{color:var(--siva);letter-spacing:.02em}
.tamna .spec li span:first-child{color:var(--siva-t2)}
.spec li span:last-child{font-weight:500;text-align:right}
.oznaka{display:inline-block;font:600 .58rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--linija);color:var(--siva)}
.tamna .oznaka{border-color:var(--linija-t2);color:var(--siva-t)}
.prilika .oznaka{position:absolute;top:-1px;right:-1px;border-color:var(--linija);background:var(--slonovaca)}
.tamna .prilika .oznaka{background:var(--noc-4)}
.st{display:inline-flex;align-items:center;gap:7px}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:#7FA37A}
.st-review::before{background:var(--zlato)}
.st-partner::before{background:#7E9CC0}
.st-closed::before{background:#9A9A9A}
.filteri{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}
.filteri button{font:500 .72rem/1 var(--sans);letter-spacing:.08em;padding:11px 16px;border:1px solid var(--linija);background:transparent;color:var(--tinta);cursor:pointer;transition:all .25s}
.filteri button:hover{border-color:var(--tinta)}
.filteri button[aria-pressed="true"]{background:var(--tinta);color:var(--papir);border-color:var(--tinta)}
.napomena-nda{display:flex;gap:18px;align-items:flex-start;padding:24px 28px;border:1px solid var(--linija);background:var(--slonovaca);margin-top:44px;font-size:.92rem;color:var(--siva)}
.napomena-nda strong{color:var(--tinta);font-weight:600}
.napomena-nda .ikona{flex-shrink:0;width:34px;height:34px;border:1px solid var(--zlato-tamno);border-radius:50%;display:grid;place-items:center;color:var(--zlato-tamno);font:italic 500 1rem/1 var(--serif)}

/* detalj prilike */
.teaser{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.teaser-tekst h2{font-size:1.9rem;margin:44px 0 18px}
.teaser-tekst h2:first-child{margin-top:0}
.teaser-tekst p{color:var(--siva);font-size:1.02rem}
.teaser-karta{position:sticky;top:110px;background:#fff;border:1px solid var(--linija);padding:34px}
.teaser-karta h3{font-size:1.4rem;margin-bottom:6px}
.teaser-karta .spec{margin:22px 0 0}
.nazad{display:inline-flex;gap:10px;align-items:center;font:600 .68rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--siva-t);margin-bottom:34px}
.nazad:hover{color:var(--zlato-2)}

/* ---------- Kriterijumi (buy-box) ---------- */
.kutija{border:1px solid var(--linija-t2);background:linear-gradient(180deg, rgba(255,255,255,.025), transparent)}
.kutija-glava{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--linija-t2);font:600 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--zlato)}
.kutija-glava span:last-child{color:var(--siva-t2)}
.kutija dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr)}
.kutija dl div{padding:26px 28px 28px;border-right:1px solid var(--linija-t);border-bottom:1px solid var(--linija-t)}
.kutija dl div:nth-child(3n){border-right:0}
.kutija dl div:nth-last-child(-n+3){border-bottom:0}
.kutija dt{font:500 1.3rem/1.2 var(--serif);color:var(--tekst-t);margin-bottom:8px}
.kutija dd{margin:0;font-size:.88rem;color:var(--siva-t)}

/* ---------- Dve opcije (CTA) ---------- */
.dve-opcije{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linija-t);border:1px solid var(--linija-t)}
.opcija{background:var(--noc-2);padding:clamp(36px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;transition:background .4s var(--ease);position:relative}
.opcija:hover{background:var(--noc-3)}
.opcija .smer-broj{color:var(--zlato)}
.opcija h3{font-size:clamp(1.8rem,2.8vw,2.5rem);margin-bottom:16px;color:var(--tekst-t)}
.opcija p{color:var(--siva-t);max-width:440px;margin-bottom:34px}
.opcija .dugme{margin-top:auto}

/* ---------- Forme ---------- */
.forma-blok{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:start}
.forma-blok-tekst{position:sticky;top:120px}
.forma{display:grid;grid-template-columns:1fr 1fr;gap:22px 22px}
.polje{display:flex;flex-direction:column;gap:9px}
.polje.puno{grid-column:1/-1}
.polje label,.polje legend{font:600 .64rem/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--siva)}
.polje label .op{color:#A3A8B0;letter-spacing:.06em;text-transform:none;font-weight:400}
.polje input,.polje select,.polje textarea{width:100%;font:400 1rem/1.4 var(--sans);color:var(--tinta);background:#fff;border:1px solid var(--linija);border-radius:1px;padding:14px 15px;transition:border-color .25s,box-shadow .25s;appearance:none}
.polje select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238A672F' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.polje textarea{min-height:140px;resize:vertical}
.polje input:focus,.polje select:focus,.polje textarea:focus{outline:none;border-color:var(--zlato-tamno);box-shadow:0 0 0 3px rgba(201,164,106,.18)}
fieldset.polje{border:0;margin:0;padding:0;min-width:0}
fieldset.polje legend{padding:0;margin-bottom:9px}
.cipovi{display:flex;flex-wrap:wrap;gap:8px}
.cip{position:relative}
.cip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.cip span{display:inline-block;font:500 .82rem/1 var(--sans);padding:11px 14px;border:1px solid var(--linija);background:#fff;color:var(--tinta);transition:all .2s;cursor:pointer}
.cip input:checked+span{background:var(--tinta);border-color:var(--tinta);color:var(--papir)}
.cip input:focus-visible+span{outline:1.5px solid var(--zlato);outline-offset:2px}
.saglasnost{display:flex;gap:12px;align-items:flex-start;font-size:.86rem;color:var(--siva);grid-column:1/-1}
.saglasnost input{margin-top:4px;accent-color:var(--tinta);width:16px;height:16px;flex-shrink:0}
.forma-dno{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:6px}
.forma-dno small{color:#8A8F97;font-size:.8rem;max-width:380px}
.greske{grid-column:1/-1;border:1px solid #D9A8A8;background:#FBF1F0;color:#7A2E2E;padding:14px 18px;font-size:.9rem}
.greske ul{margin:6px 0 0;padding-left:18px}
.tamna .polje label,.tamna .polje legend{color:var(--siva-t)}
.tabovi{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--linija);margin-bottom:40px}
.tabovi button{font:600 .7rem/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;padding:18px 22px;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--siva);cursor:pointer}
.tabovi button[aria-selected="true"]{color:var(--tinta);border-color:var(--zlato-tamno)}
.tab-panel[hidden]{display:none}

/* ---------- Hvala, 404 ---------- */
.prazno{min-height:72vh;display:flex;align-items:center}

/* ---------- Podnozje ---------- */
.podnozje{background:var(--noc);color:var(--siva-t);padding:clamp(64px,8vw,104px) 0 36px;border-top:1px solid var(--linija-t)}
.podnozje-vrh{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--linija-t)}
.podnozje-brend p{max-width:330px;font-size:.9rem;margin:26px 0 0}
.podnozje-brend .podnozje-mesto{font:600 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--zlato);margin-top:22px}
.podnozje-kol{display:flex;flex-direction:column;gap:12px}
.podnozje-kol h2{font:600 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--tekst-t);margin-bottom:8px}
.podnozje-kol a{font-size:.9rem;transition:color .25s}
.podnozje-kol a:hover{color:var(--zlato-2)}
.podnozje-dno{display:flex;justify-content:space-between;gap:40px;padding-top:30px;font-size:.78rem;color:var(--siva-t2)}
.podnozje-dno p{margin:0}
.odricanje{max-width:760px;line-height:1.6}

/* ---------- Brand strana ---------- */
.wm-varijante{display:grid;gap:24px}
.wm-var{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linija)}
.wm-polje{display:grid;place-items:center;padding:clamp(48px,7vw,96px) 24px;min-height:300px}
.wm-polje.t{background:var(--noc)}
.wm-polje.s{background:var(--papir)}
.wm-polje.s .wm{color:var(--tinta)}
.wm-polje.s .wm-pod{color:var(--siva)}
.wm-polje .wm-ime{font-size:clamp(2.4rem,5vw,3.8rem)}
.wm-polje .wm-b .wm-ime{font-size:clamp(2rem,4.2vw,3.2rem)}
.wm-polje .wm-c .wm-ime{font-size:clamp(1.8rem,3.8vw,2.9rem)}
.wm-polje .wm-pod{font-size:clamp(.62rem,1vw,.82rem)}
.wm-opis{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 26px;border-top:1px solid var(--linija);background:#fff;flex-wrap:wrap}
.wm-opis strong{font:500 1.3rem/1.2 var(--serif)}
.wm-opis span{color:var(--siva);font-size:.9rem}

/* ---------- Pojavljivanje ---------- */
.js .pojava{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .pojava.vidi{opacity:1;transform:none}
.js .pojava.d1{transition-delay:.08s}.js .pojava.d2{transition-delay:.16s}.js .pojava.d3{transition-delay:.24s}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .heroj{--g:min(110vh,74vw)}
  .heroj-tekst{max-width:560px}
  .heroj-globus{opacity:.8}
  .meni{gap:22px}
  .sektori{grid-template-columns:repeat(2,1fr)}
  .sektor{aspect-ratio:4/3.6}
  .prilike{grid-template-columns:repeat(2,1fr)}
  .koraci{grid-template-columns:repeat(2,1fr)}
  .stubovi.cetiri{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1020px){
  .meni,.zaglavlje-cta{display:none}
  .meni-dugme{display:block}
  .glava,.geo,.forma-blok,.teaser,.sektor-red{grid-template-columns:1fr}
  .sektor-red:nth-child(even) .sr-slika{order:0}
  .forma-blok-tekst,.teaser-karta{position:static}
  .geo-mapa{margin:0 -10vw;order:-1}
  .kutija dl{grid-template-columns:1fr 1fr}
  .kutija dl div:nth-child(3n){border-right:1px solid var(--linija-t)}
  .kutija dl div:nth-child(2n){border-right:0}
  .kutija dl div:nth-last-child(-n+3){border-bottom:1px solid var(--linija-t)}
  .kutija dl div:nth-last-child(-n+2){border-bottom:0}
  .podnozje-vrh{grid-template-columns:1fr 1fr}
  .podnozje-brend{grid-column:1/-1}
  .uvod-koord{display:none}
}
@media (max-width:720px){
  body{font-size:16px}
  .zaglavlje-red{height:76px}
  .wm-ime{font-size:1.42rem}
  .wm-b .wm-ime{font-size:1.2rem}.wm-c .wm-ime{font-size:1.1rem}
  .wm-pod{font-size:.44rem}
  .heroj h1{font-size:clamp(2.5rem,11vw,3.3rem)}
  .smerovi,.dve-opcije,.trzista,.wm-var{grid-template-columns:1fr}
  .sektori,.prilike,.stubovi,.stubovi.cetiri,.koraci{grid-template-columns:1fr}
  .sektor{aspect-ratio:4/3.4}
  .forma{grid-template-columns:1fr}
  .kutija dl{grid-template-columns:1fr}
  .kutija dl div{border-right:0!important;border-bottom:1px solid var(--linija-t)!important}
  .kutija dl div:last-child{border-bottom:0!important}
  .podnozje-vrh{grid-template-columns:1fr}
  .podnozje-dno{flex-direction:column;gap:14px}
  .geo-lista li{flex-direction:column;gap:4px}
  .geo-lista li span{text-align:left}
  .uvod-globus{right:-50vw;width:130vw;top:auto;bottom:-30%;opacity:.35}
  .napomena-nda{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .globus .luk{stroke-dashoffset:0}
}
.svetla .izjava blockquote em,.slonovaca .izjava blockquote em{color:var(--zlato-tamno);font-style:italic}
.traka-slika{height:clamp(240px,38vw,520px);background-size:cover;background-position:center;background-color:var(--noc-3);filter:saturate(.85)}
.globus-w{position:relative;width:100%;aspect-ratio:1/1}
.globus-w picture{position:absolute;inset:0}
.globus-podloga{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle closest-side,#000 98.6%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 98.6%,transparent 100%);animation:tacke 2.2s var(--ease) both}
.globus-w::after{content:"";position:absolute;inset:-1.5%;border-radius:50%;pointer-events:none;box-shadow:0 0 60px 6px rgba(120,150,200,.10),inset 0 0 40px rgba(140,170,220,.10)}
.globus-w .globus{position:absolute;inset:0;width:100%;height:100%}
.heroj-globus,.reach-globus{contain:layout}
.reach-globus{width:min(1000px,130vw);margin:-2% auto -10%;position:relative;left:50%;transform:translateX(-50%)}
.uvod.reach-uvod{padding-bottom:clamp(40px,6vw,80px)}

@media (max-width:720px){.heroj .nadnaslov{letter-spacing:.16em;font-size:.62rem}.heroj .nadnaslov::before{width:18px}}

/* Heroj na telefonu */
@media (max-width:720px){
  .heroj{--g:118vw}
  .heroj-globus{left:-5vw;top:-1vw}
  .heroj::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,13,18,0) calc(var(--g) * .58),rgba(10,13,18,.85) calc(var(--g) * .76),var(--noc) calc(var(--g) * .86))}
  .heroj-sadrzaj{align-items:flex-end;padding-top:calc(var(--g) * .76);padding-bottom:36px}
  .heroj-nad{display:none}
  .heroj h1{font-size:clamp(2.55rem,11.5vw,3.4rem);margin-bottom:22px}
  .heroj p.uvodni{margin-bottom:30px}
  .heroj-dugmad{gap:6px}
  .heroj-dugmad .dugme-zlato{flex:1 1 100%;padding:17px 22px}
  .heroj-dugmad .dugme-obrub{flex:1 1 100%;border-color:transparent;padding:14px 0}
  .globus text{font-size:21px;letter-spacing:.12em;stroke-width:4px}
  .globus .hub text{font-size:23px}
  .globus .g-montenegro text{display:none}
  .globus .g-india text{text-anchor:end;transform:translate(-22px,30px)}
  .globus .luk{stroke-width:2.6}
  .globus .luk-sjaj{stroke-width:7}
}

/* Traka trzista na telefonu: kompaktna mreza 2 x 3, bez vodoravnog skrola */
@media (max-width:720px){
  .lok-koord{margin-bottom:8px}
  .lok-ime{font-size:.68rem;letter-spacing:.13em;margin-bottom:5px}
  .lok-opis{font-size:.78rem}
}
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}

/* Zivi globus (v2) */
.g3d-zemlja,.g3d-lukovi{position:absolute;inset:0;width:100%;height:100%;display:block}
.heroj-globus.g3d-ceka .globus-w picture,.heroj-globus.g3d-ceka .globus-w>svg,
.heroj-globus.g3d .globus-w picture,.heroj-globus.g3d .globus-w>svg{visibility:hidden}
.heroj-globus.g3d .globus-w::after{display:none}

.globus .luk-saradnja{opacity:.6}
.globus .saradnja .tacka{fill:none;stroke:#F2E2C2;stroke-width:1.4}
.globus .saradnja text{fill:#CDD3DB}
/* Traka trzista: dve grupe (baza i saradnja) */
.lok-red{display:grid;grid-template-columns:3fr 2fr;gap:0 40px}
.lok-grupa{padding-top:20px}
.lok-naslov{display:flex;align-items:center;gap:10px;font:600 .6rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--siva-t)}
.lok-naslov i{width:8px;height:8px;border-radius:50%;background:var(--zlato-2);box-shadow:0 0 10px rgba(228,203,152,.6);flex-shrink:0}
.saradnja .lok-naslov i{background:transparent;border:1.4px solid #D9CBB0;box-shadow:none}
.lok-grupa ul{list-style:none;margin:0;padding:0;display:grid}
.jezgro ul{grid-template-columns:repeat(3,1fr)}
.saradnja ul{grid-template-columns:repeat(2,1fr)}
.lok-grupa li{padding:16px 18px 26px 0;margin-right:18px;border-right:1px solid var(--linija-t)}
.lok-grupa li:last-child{border-right:0;margin-right:0}
.saradnja .lok-ime{color:#CDD3DB}
.lok-red .saradnja{border-left:1px solid var(--linija-t2);padding-left:40px;margin-left:-40px}
.geo-lista.saradnja li strong{color:#CDD3DB}
.trzista.tri{grid-template-columns:repeat(3,1fr)}
.trziste-oznaka.saradnja{color:var(--siva)}
.o-rivieri .osoba{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin-top:30px;padding:22px 0;border-top:1px solid var(--linija);border-bottom:1px solid var(--linija)}
.osoba-ime{display:block;font:500 1.6rem/1.15 var(--serif);color:var(--tinta)}
.osoba-uloga{display:block;font-size:.88rem;color:var(--siva);margin-top:4px}
@media (max-width:1020px){
  .lok-red{grid-template-columns:1fr;gap:0}
  .lok-red .saradnja{border-left:0;padding-left:0;margin-left:0;border-top:1px solid var(--linija-t)}
  .trzista.tri{grid-template-columns:1fr}
}
@media (max-width:720px){
  .lok-grupa{padding-top:16px}
  .lok-grupa li{padding:12px 10px 18px 0;margin-right:10px}
  .lok-grupa .lok-ime{font-size:.64rem;letter-spacing:.1em}
  .lok-grupa .lok-opis{font-size:.76rem}
  .lok-grupa .lok-koord{font-size:.58rem}
}
.podnozje-mejl{color:var(--zlato-2)!important}