/* =============================================================================
   MONVIQ — tokens.css  ·  v1.0  ·  26.08.2026
   JEDINI IZVOR ISTINE za vizuelni sistem. Sve CMS komponente (HTML u bazi)
   koriste ISKLJUČIVO var(--mv-*) i klase .mv-* — nikad sirov hex/px/ms.
   Izvor vrednosti (redosled autoriteta):
     1. /public/web-design/index.html   — odobreni Home mockup (MERODAVAN)
     2. /public/brand/index.html        — interaktivni brand book
     3. /var/www/pa-designer/monviq-brend.md — brend izvod iz PDF-ova
   Dokumentacija i obrazloženja: /var/www/monviq/DESIGN.md
   Prefiks: --mv-*  /  .mv-*
   ========================================================================== */

/* KLIJENT POTVRDIO 28.08 (feedback.json): FONT PAR 4 „Classic Precision" —
   EB Garamond (display) + Public Sans (telo). Ranije radno: Par 1 Montserrat + Inter.
   Promena para = ovaj @import + --mv-font-display / --mv-font-body niže. Ništa drugo. */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600&family=Public+Sans:wght@400;500;600;700&display=swap');

/* Breakpointi (doslovno kako se koriste u @media niže i u komponentama):
   wide     > 1440px         — samo container-max stupa na snagu
   desktop  1181 – 1440px    — puni layout
   laptop   1001 – 1180px    — nav 11px, header CTA uži padding
   tablet    761 – 1000px    — nav → hamburger, split grid → 1 kolona, Method 3-up
   mobilni   ≤ 760px         — sve 1 kolona, dijagonalni rez isključen, Method 1-up
   ciljni test viewport: 390 × 844 (iPhone 15)                                 */

:root{

  /* ==========================================================================
     1. PALETA — sirove brend boje (brand book, sekcija 03)
     ====================================================================== */
  --mv-navy:            #0B0F17;   /* Midnight Navy — primarna podloga, „depth and authority" */
  --mv-ink:             #070A11;   /* najdublja — hero baza, footer (samo mockup) */
  --mv-anth:            #1A2230;   /* Anthracite — izdignuti paneli/sekcije na navy */
  --mv-anth-2:          #141B27;   /* donji kraj gradijenta Method sekcije */
  --mv-gold:            #D4AF37;   /* Luxury Gold — akcenat na TAMNOM, max 10% ekrana */
  --mv-gold-light:      #E8C766;   /* highlight: progress traka, lit stanja, favicon gradijent */
  --mv-gold-mid:        #B8912A;   /* Gold Deep (brand book) — donji kraj zlatnog gradijenta */
  --mv-gold-deep:       #8A6B18;   /* akcenat na SVETLOM — kontrast na paper podlozi */
  --mv-platinum:        #E6E6E6;   /* sekundarni tekst na tamnom (print), meke svetle podloge */
  --mv-paper:           #F3F2EE;   /* svetla sekcija */
  --mv-paper-2:         #E8E7E1;   /* svetla sekcija, drugi nivo */
  --mv-white:           #FFFFFF;

  /* ==========================================================================
     2. SEMANTIČKE ULOGE — komponente koriste ISKLJUČIVO ove, ne sirove gore
     ====================================================================== */
  --mv-primary:          var(--mv-navy);
  --mv-primary-deep:     var(--mv-ink);
  --mv-accent:           var(--mv-gold);        /* akcenat u tamnom kontekstu */
  --mv-accent-deep:      var(--mv-gold-deep);   /* akcenat u svetlom kontekstu */
  --mv-accent-hover:     var(--mv-gold-light);
  --mv-accent-soft:      rgba(212,175,55,.16);  /* tint podloga, hover sweep */
  --mv-accent-halo:      rgba(212,175,55,.35);

  --mv-canvas:           var(--mv-navy);        /* podrazumevana (tamna) podloga strane */
  --mv-surface:          var(--mv-anth);        /* tamna sekcija, nivo 2 */
  --mv-surface-2:        var(--mv-anth-2);
  --mv-canvas-light:     var(--mv-paper);       /* .mv-light sekcija */
  --mv-surface-light:    var(--mv-paper-2);

  --mv-on-dark:          #EDEFF2;               /* tekst na tamnom */
  --mv-on-dark-mut:      rgba(237,239,242,.62); /* lead / prateći tekst */
  --mv-on-dark-soft:     rgba(237,239,242,.5);  /* meta, opis koraka */
  --mv-on-dark-faint:    rgba(237,239,242,.42); /* footer naslovi kolona — SAMO ≥600 CAPS */
  --mv-on-light:         #12161F;               /* tekst na svetlom */
  --mv-on-light-mut:     rgba(18,22,31,.66);
  --mv-on-accent:        var(--mv-navy);        /* tekst na zlatnoj površini */

  --mv-line-dark:        rgba(237,239,242,.12); /* razdelnik na tamnom */
  --mv-line-dark-strong: rgba(237,239,242,.28); /* ivica dugmeta/polja na tamnom */
  --mv-line-gold:        rgba(212,175,55,.22);  /* zlatna hairline (seam, rail) */
  --mv-line-gold-strong: rgba(212,175,55,.4);
  --mv-line-light:       rgba(18,22,31,.13);    /* razdelnik na svetlom */
  --mv-line-light-strong:rgba(18,22,31,.32);    /* ivica dugmeta/polja na svetlom */

  /* Statusne boje — NEMA ih u brand booku; izvedene, kontrast izmeren (DESIGN.md §2.1/§16).
     Koriste se SAMO za stanja (forma, poruke), nikad dekorativno. */
  --mv-success:          #276B4D;   /* na --mv-paper  5.69:1 */
  --mv-warning:          #8A6416;   /* na --mv-paper  4.79:1 */
  --mv-danger:           #B3382C;   /* na --mv-paper  5.33:1 */
  --mv-success-on-dark:  #5BC49A;   /* na --mv-navy   8.96:1 */
  --mv-warning-on-dark:  var(--mv-gold-light);  /* na --mv-navy 11.68:1 */
  --mv-danger-on-dark:   #F0958A;   /* na --mv-navy   8.56:1 */

  /* Gradijenti — SAMO ovi, doslovno iz mockupa. Novi se ne izmišljaju. */
  --mv-grad-hero:       radial-gradient(125% 95% at 4% 18%,#141F35 0%,#0C1220 44%,#070A11 100%);
  --mv-grad-method:     linear-gradient(180deg,var(--mv-anth) 0%,var(--mv-anth-2) 100%);
  --mv-grad-drawer:     linear-gradient(200deg,#111826 0%,#080B12 62%);
  --mv-grad-footer-cta: radial-gradient(120% 190% at 78% 0%,rgba(22,34,58,.9) 0%,rgba(11,15,23,0) 62%);
  --mv-grad-rule:       linear-gradient(90deg,rgba(212,175,55,.4),rgba(212,175,55,.08) 55%,transparent);
  --mv-grad-seam:       linear-gradient(90deg,transparent,rgba(212,175,55,.55) 30%,rgba(212,175,55,.2) 70%,transparent);
  --mv-grad-eyebrow:    linear-gradient(90deg,rgba(212,175,55,.55),rgba(212,175,55,0));
  --mv-grad-eyebrow-lt: linear-gradient(90deg,rgba(138,107,24,.5),rgba(138,107,24,0));
  --mv-grad-progress:   linear-gradient(90deg,rgba(212,175,55,.25),var(--mv-gold-light));

  /* Odnos u primeni (brand book): 60% navy · 20% belo/paper · 10% sivo · 10% zlato (MAX) */

  /* ==========================================================================
     3. TIPOGRAFIJA
     ====================================================================== */
  /* POTVRĐENO 28.08 — Par 4 „Classic Precision": EB Garamond + Public Sans.
     Zamena para = SAMO ove dve varijable + @import gore. */
  --mv-font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --mv-font-body:    'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --mv-fw-regular: 400;
  --mv-fw-medium:  500;
  --mv-fw-semi:    600;
  --mv-fw-bold:    700;
  --mv-fw-black:   800;

  --mv-fs-h1:        clamp(42px,6.2vw,96px);   /* hero, jedan po strani */
  --mv-fs-h2-xl:     clamp(30px,4.4vw,68px);   /* otvarač strane (What We Do) */
  --mv-fs-h2-lg:     clamp(30px,4vw,62px);     /* Leadership / About */
  --mv-fs-h2:        clamp(28px,3.8vw,58px);   /* standard: Method, Services */
  --mv-fs-h2-sm:     clamp(26px,3.6vw,52px);   /* Insights, footer CTA */
  --mv-fs-h2-xs:     clamp(24px,3vw,44px);     /* uska traka (Industries) */
  --mv-fs-h3:        clamp(19px,2.1vw,31px);   /* naslov Service reda (CAPS) */
  --mv-fs-title-md:  clamp(21px,2.3vw,32px);   /* naslov kartice / trio */
  --mv-fs-title-sm:  clamp(17px,1.7vw,24px);   /* naslov Insight zapisa */
  --mv-fs-label-lg:  clamp(15px,1.35vw,20px);  /* hero rail, Method korak (CAPS) */
  --mv-fs-marquee:   clamp(20px,2.4vw,34px);   /* Industries traka */
  --mv-fs-quote:     clamp(18px,1.85vw,27px);  /* pull quote (display italic) */
  --mv-fs-lead:      clamp(15.5px,1.15vw,18.5px);
  --mv-fs-hero-sub:  clamp(15px,1.2vw,19px);
  --mv-fs-prose:     clamp(15px,1.15vw,17.5px); /* duži tekstualni blok */
  --mv-fs-body:      16px;
  --mv-fs-body-sm:   14.5px;
  --mv-fs-body-xs:   13.5px;
  --mv-fs-small:     13px;
  --mv-fs-btn:       12.5px;   /* CTA (CAPS, .14em) */
  --mv-fs-nav:       12px;     /* nav link (CAPS, .14em) */
  --mv-fs-micro:     11px;     /* eyebrow, brojevi, lang, badge */
  --mv-fs-micro-xs:  10.5px;   /* footer naslovi kolona */

  --mv-lh-h1:     .95;
  --mv-lh-tight:  1.02;   /* h2 */
  --mv-lh-h3:     1.08;
  --mv-lh-title:  1.2;
  --mv-lh-quote:  1.38;
  --mv-lh-body:   1.6;
  --mv-lh-prose:  1.68;
  --mv-lh-lead:   1.72;
  --mv-lh-loose:  1.8;

  --mv-ls-h1:      -.032em;
  --mv-ls-head:    -.03em;   /* podrazumevano na h1–h4 */
  --mv-ls-tight:   -.02em;
  --mv-ls-quote:   -.015em;
  --mv-ls-btn:     .14em;    /* CTA i nav */
  --mv-ls-micro:   .2em;     /* brojevi, meta, badge */
  --mv-ls-eyebrow: .28em;    /* eyebrow, wordmark */
  --mv-ls-h4:      .24em;    /* footer naslovi kolona */

  --mv-measure:        66ch;  /* max širina pasusa — nikad širi */
  --mv-measure-lead:   60ch;
  --mv-measure-narrow: 34ch;  /* tekst u koloni/kartici */

  /* ==========================================================================
     4. SPACING — baza 4px; „e" vrednosti su editorial ritam iz mockupa
     ====================================================================== */
  --mv-sp-1:  4px;
  --mv-sp-2:  8px;
  --mv-sp-3:  12px;
  --mv-sp-4:  16px;
  --mv-sp-5:  24px;
  --mv-sp-6:  32px;
  --mv-sp-7:  48px;
  --mv-sp-8:  64px;
  --mv-sp-9:  96px;
  --mv-sp-10: 128px;
  --mv-sp-e1: 14px;   /* gap u CTA i eyebrow */
  --mv-sp-e2: 22px;   /* padding vrha kolone, uvlaka pull quote-a */
  --mv-sp-e3: 26px;   /* razmak naslov → tekst */
  --mv-sp-e4: 34px;   /* razmak blokova unutar sekcije */
  --mv-sp-e5: 44px;   /* eyebrow → sadržaj sekcije */

  --mv-container:        1560px;
  --mv-pad:              clamp(20px,5vw,88px);      /* horizontalni padding strane */
  --mv-section-y:        clamp(88px,11vw,150px);    /* vrh standardne sekcije */
  --mv-section-y-end:    clamp(80px,10vw,130px);    /* dno standardne sekcije */
  --mv-section-xl:       clamp(110px,13vw,190px);   /* sekcija sa dijagonalnim rezom */
  --mv-section-snug:     clamp(64px,8vw,104px);     /* uska traka */
  --mv-section-snug-end: clamp(56px,7vw,88px);
  --mv-gap-col:          clamp(30px,5vw,90px);      /* razmak kolona u split gridu */
  --mv-gap-block:        clamp(56px,7vw,96px);      /* naslov sekcije → sadržaj */
  --mv-gap-row:          clamp(14px,2.6vw,52px);    /* razmak unutar reda-kartice */
  --mv-header-h:         104px;
  --mv-header-h-solid:   86px;
  --mv-cut:              3.2vw;                     /* dubina dijagonalnog reza */

  /* ==========================================================================
     5. RADIJUSI — sistem je „Engineered Block": NULA. Zaokruženje = greška.
     ====================================================================== */
  --mv-r1: 2px;        /* dugme, badge   — CTA Set A (potvrđeno 28.08) */
  --mv-r2: 3px;        /* polje forme, dropdown */
  --mv-r3: 6px;        /* kartica */
  --mv-r4: 0;          /* panel, hero, medija */
  --mv-r-circle: 50%;  /* jedini izuzetak: tačka na Method liniji, ikona u krugu, avatar */

  /* ==========================================================================
     6. SENKE — nema „lebdećih" kartica; senka je ili offset blok ili dubinska
     ====================================================================== */
  --mv-shadow-none:         none;
  /* offset senke (Set C) ukinute 28.08 — CTA Set A nema senku */
  --mv-shadow-header:       0 12px 40px rgba(0,0,0,.34);
  --mv-shadow-media:        0 26px 60px rgba(18,22,31,.22);    /* portret / cover */
  --mv-shadow-drawer:       -30px 0 70px rgba(0,0,0,.5);
  --mv-shadow-modal:        0 20px 60px rgba(0,0,0,.5);

  /* Fokus — polje forme (vrednost iz brand booka) + tastaturni prsten (dodato radi a11y) */
  --mv-focus-ring:   0 0 0 3px rgba(212,175,55,.16);
  --mv-focus-color:  var(--mv-accent);
  --mv-focus-w:      2px;
  --mv-focus-offset: 3px;

  /* ==========================================================================
     7. POKRET — isti tokeni za CSS transition i za GSAP (ms → /1000 za gsap)
     ====================================================================== */
  --mv-ease:      cubic-bezier(.16,1,.3,1);   /* POTPISNI easing — sve osim UI panela */
  --mv-ease-ui:   cubic-bezier(.4,0,.2,1);    /* klizni paneli, off-canvas UI */
  --mv-ease-line: linear;                     /* progress traka, marquee, beam */

  --mv-dur-instant: 120ms;   /* scroll progress traka */
  --mv-dur-quick:   180ms;   /* fokus polja, opacity burger crtice */
  --mv-dur-fast:    220ms;   /* CTA transform */
  --mv-dur-sweep:   420ms;   /* CTA Set A ::before sweep */
  --mv-ease-sweep:  cubic-bezier(.45,0,.2,1);  /* SAMO sweep dugmeta (brand book) */
  --mv-dur-base:    300ms;   /* strelica, promena boje teksta */
  --mv-dur-nav:     350ms;   /* podvlaka navigacije */
  --mv-dur-header:  450ms;   /* header solid, visina headera, visina logotipa */
  --mv-dur-row:     500ms;   /* sweep preko Service reda */
  --mv-dur-drawer:  580ms;   /* mobilni drawer */
  --mv-dur-reveal:  900ms;   /* scroll-reveal sekcije */
  --mv-dur-hero:    1200ms;  /* hero naslov: rise iz maske */
  --mv-dur-zoom:    2600ms;  /* hero foto zoom-in (1.1 → 1) */
  --mv-stagger:     70ms;    /* kaskada scroll-reveala, max 5 koraka */
  --mv-marquee:     34s;     /* Industries traka */
  --mv-beam:        52s;     /* konusni zrak u hero-u */

  --mv-reveal-y:    26px;    /* početni pomeraj scroll-reveala */
  --mv-lift:        -2px;    /* CTA hover pomeraj (x i y istovremeno) */

  /* ==========================================================================
     8. LOGO — PENDING-CLIENT (v. blok na dnu fajla)
     ====================================================================== */
  --mv-logo-h:       58px;   /* header, vrh strane */
  --mv-logo-h-solid: 48px;   /* header, posle skrola >40px */
  --mv-logo-h-tab:   48px;   /* ≤1000px */
  --mv-logo-h-mob:   42px;   /* ≤760px */
  --mv-logo-h-foot:  24px;   /* footer */
}

/* =============================================================================
   BAZNE KLASE — kontejner, režimi podloge, atomi
   ========================================================================== */
.mv-wrap{max-width:var(--mv-container);margin-inline:auto;padding-inline:var(--mv-pad);width:100%}
.mv-section{position:relative;padding:var(--mv-section-y) 0 var(--mv-section-y-end)}
.mv-section--xl{padding-top:var(--mv-section-xl)}
.mv-section--snug{padding:var(--mv-section-snug) 0 var(--mv-section-snug-end)}

.mv-dark{background:var(--mv-canvas);color:var(--mv-on-dark)}
.mv-dark-2{background:var(--mv-surface);color:var(--mv-on-dark)}
.mv-light{background:var(--mv-canvas-light);color:var(--mv-on-light);
  --mv-focus-color:var(--mv-accent-deep)}

.mv-rule{height:1px;background:var(--mv-grad-rule)}
.mv-seam{position:absolute;left:0;right:0;top:0;height:1px;background:var(--mv-grad-seam)}
.mv-sq{position:absolute;left:var(--mv-pad);top:-7px;width:14px;height:14px;
  background:var(--mv-accent);z-index:5}

/* eyebrow — numerisana oznaka sekcije */
.mv-eyebrow{display:flex;align-items:center;gap:var(--mv-sp-e1);
  font-family:var(--mv-font-body);font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-eyebrow);text-transform:uppercase;color:var(--mv-accent)}
.mv-eyebrow::after{content:"";flex:1;height:1px;max-width:200px;background:var(--mv-grad-eyebrow)}
.mv-eyebrow .mv-n{color:inherit;opacity:.55}
.mv-light .mv-eyebrow{color:var(--mv-accent-deep)}
.mv-light .mv-eyebrow::after{background:var(--mv-grad-eyebrow-lt)}

/* label — mikro naslov (footer kolone, meta grupe) */
.mv-label{font-family:var(--mv-font-body);font-size:var(--mv-fs-micro-xs);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-h4);text-transform:uppercase;color:var(--mv-on-dark-faint)}
.mv-light .mv-label{color:var(--mv-on-light-mut)}

/* lead — uvodni pasus sekcije */
.mv-lead{font-size:var(--mv-fs-lead);line-height:var(--mv-lh-lead);color:var(--mv-on-dark-mut);
  max-width:var(--mv-measure)}
.mv-light .mv-lead{color:var(--mv-on-light-mut)}

/* pull quote */
.mv-quote{margin:var(--mv-sp-e4) 0 0;padding:var(--mv-sp-e3) 0 var(--mv-sp-1) var(--mv-sp-e3);
  border-left:2px solid var(--mv-accent-deep);font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-semi);font-style:italic;font-size:var(--mv-fs-quote);
  line-height:var(--mv-lh-quote);letter-spacing:var(--mv-ls-quote);max-width:24ch}
.mv-dark .mv-quote,.mv-dark-2 .mv-quote{border-left-color:var(--mv-accent)}

/* =============================================================================
   CTA — tri nivoa · Set A „Sharp Sweep" — KLIJENT POTVRDIO 28.08 (feedback.json)
   2px uglovi · uppercase · ::before sweep sleva nadesno (.42s) · lift -2px.
   Primarni: zlatna podloga, sweep u svetlije zlato. Sekundarni: hairline zlatna
   ivica, sweep puni zlatom. Tercijarni: zlatan tekst + underline koji se iscrtava.
   Ranije radno: Set C „Engineered Block" (0 radijusa + offset senka) — ukinut.
   Pravilo: jedan .mv-btn--pri po ekranu, rezervisan za glavnu konverziju.
   ========================================================================== */
.mv-btn{position:relative;overflow:hidden;z-index:0;display:inline-flex;align-items:center;
  gap:var(--mv-sp-e1);cursor:pointer;border:1px solid transparent;
  font-family:var(--mv-font-body);font-weight:var(--mv-fw-semi);font-size:var(--mv-fs-btn);
  letter-spacing:var(--mv-ls-btn);text-transform:uppercase;border-radius:var(--mv-r1);
  text-decoration:none;
  transition:transform var(--mv-dur-fast) var(--mv-ease),color var(--mv-dur-base),
             border-color var(--mv-dur-base)}
.mv-btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);
  transform-origin:left;transition:transform var(--mv-dur-sweep) var(--mv-ease-sweep)}
.mv-btn:hover{transform:translateY(var(--mv-lift))}
.mv-btn:hover::before{transform:scaleX(1)}
.mv-btn .mv-ar{font-size:15px;line-height:1;transition:transform var(--mv-dur-base) var(--mv-ease)}
.mv-btn:hover .mv-ar{transform:translateX(5px)}

/* primarni — max 1 po ekranu */
.mv-btn--pri{padding:17px 34px;background:var(--mv-accent);color:var(--mv-on-accent);
  border-color:var(--mv-accent)}
.mv-btn--pri::before{background:var(--mv-accent-hover)}
.mv-btn--pri:hover{border-color:var(--mv-accent-hover)}
/* primarno dugme je zlatno u SVAKOM kontekstu — na svetloj podlozi samo dobija
   tamniju zlatnu ivicu radi definicije (dosledna brend boja za "Book a call") */
.mv-light .mv-btn--pri{border-color:var(--mv-gold-mid)}

/* sekundarni — hairline zlatna ivica, puni se zlatom */
.mv-btn--sec{padding:17px 30px;background:transparent;color:var(--mv-on-dark);
  border-color:var(--mv-line-gold-strong)}
.mv-btn--sec::before{background:var(--mv-accent)}
.mv-btn--sec:hover{color:var(--mv-on-accent);border-color:var(--mv-accent)}
.mv-light .mv-btn--sec{color:var(--mv-on-light);border-color:var(--mv-accent-deep)}
.mv-light .mv-btn--sec::before{background:var(--mv-accent-deep)}
.mv-light .mv-btn--sec:hover{color:var(--mv-white)}

/* tercijarni — zlatan tekst + underline koji se iscrtava sleva */
.mv-btn--ter{padding:14px 4px;background:none;border:0;color:var(--mv-accent);overflow:visible}
.mv-btn--ter::before{display:none}
.mv-btn--ter::after{content:"";position:absolute;left:4px;right:4px;bottom:8px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform var(--mv-dur-base) var(--mv-ease)}
.mv-btn--ter:hover{color:var(--mv-accent-hover);transform:none}
.mv-btn--ter:hover::after{transform:scaleX(1)}
.mv-btn--ter i{font-style:normal;font-size:var(--mv-fs-micro);letter-spacing:.18em;
  opacity:.7;margin-right:2px}
.mv-light .mv-btn--ter{color:var(--mv-accent-deep)}
.mv-light .mv-btn--ter:hover{color:var(--mv-on-light)}

.mv-btn:active{transform:translateY(0)}
.mv-btn[disabled],.mv-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none;
  transform:none}
.mv-btns{display:flex;flex-wrap:wrap;gap:var(--mv-sp-4);align-items:center}

/* =============================================================================
   FOKUS — jedan obrazac za ceo vebsajt. Nikad browser default outline.
   ========================================================================== */
.mv-btn:focus,.mv-badge:focus,.mv-row:focus,.mv-card:focus,.mv-nav a:focus{outline:none}
.mv-btn:focus-visible,.mv-badge:focus-visible,.mv-row:focus-visible,
.mv-card:focus-visible,.mv-nav a:focus-visible{
  outline:var(--mv-focus-w) solid var(--mv-focus-color);outline-offset:var(--mv-focus-offset)}

/* =============================================================================
   FORME — mockup Home nema formu; polja su izvedena iz sistema (radijus 0 iz
   Seta C, hairline ivica, zlatni fokus iz brand booka). Kontekst = svetla sekcija.
   ========================================================================== */
.mv-field{display:block;margin-bottom:var(--mv-sp-5)}
.mv-field label{display:block;margin-bottom:var(--mv-sp-2);font-family:var(--mv-font-body);
  font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);
  text-transform:uppercase;color:var(--mv-on-light-mut)}
.mv-field .mv-hint{display:block;margin-top:var(--mv-sp-2);font-size:var(--mv-fs-small);
  line-height:1.5;color:var(--mv-on-light-mut)}
.mv-field .mv-error{display:none;margin-top:var(--mv-sp-2);font-size:var(--mv-fs-small);
  color:var(--mv-danger)}
.mv-field.is-error .mv-error{display:block}

.mv-input,.mv-select,.mv-textarea{
  width:100%;display:block;background:var(--mv-white);color:var(--mv-on-light);
  font-family:var(--mv-font-body);font-size:var(--mv-fs-body);line-height:var(--mv-lh-body);
  padding:15px 16px;border:1px solid var(--mv-line-light-strong);border-radius:var(--mv-r2);
  transition:border-color var(--mv-dur-quick),box-shadow var(--mv-dur-quick),
             background var(--mv-dur-quick)}
.mv-textarea{min-height:150px;resize:vertical}
.mv-select{appearance:none;padding-right:44px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--mv-accent-deep) 50%),
                   linear-gradient(135deg,var(--mv-accent-deep) 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.mv-input::placeholder,.mv-textarea::placeholder{color:rgba(18,22,31,.42)}
.mv-input:hover,.mv-select:hover,.mv-textarea:hover{border-color:var(--mv-accent-deep)}
.mv-input:focus,.mv-select:focus,.mv-textarea:focus{outline:none;
  border-color:var(--mv-accent-deep);box-shadow:var(--mv-focus-ring)}
.mv-field.is-error .mv-input,.mv-field.is-error .mv-select,.mv-field.is-error .mv-textarea{
  border-color:var(--mv-danger)}
.mv-input:disabled,.mv-select:disabled,.mv-textarea:disabled{opacity:.5;cursor:not-allowed;
  background:var(--mv-surface-light)}

/* forma u TAMNOJ sekciji */
.mv-dark .mv-field label,.mv-dark-2 .mv-field label{color:var(--mv-on-dark-mut)}
.mv-dark .mv-field .mv-hint,.mv-dark-2 .mv-field .mv-hint{color:var(--mv-on-dark-soft)}
.mv-dark .mv-input,.mv-dark .mv-select,.mv-dark .mv-textarea,
.mv-dark-2 .mv-input,.mv-dark-2 .mv-select,.mv-dark-2 .mv-textarea{
  background:rgba(237,239,242,.04);color:var(--mv-on-dark);border-color:var(--mv-line-dark-strong)}
.mv-dark .mv-input::placeholder,.mv-dark .mv-textarea::placeholder,
.mv-dark-2 .mv-input::placeholder,.mv-dark-2 .mv-textarea::placeholder{color:rgba(237,239,242,.38)}
.mv-dark .mv-input:hover,.mv-dark .mv-select:hover,.mv-dark .mv-textarea:hover,
.mv-dark-2 .mv-input:hover,.mv-dark-2 .mv-select:hover,.mv-dark-2 .mv-textarea:hover,
.mv-dark .mv-input:focus,.mv-dark .mv-select:focus,.mv-dark .mv-textarea:focus,
.mv-dark-2 .mv-input:focus,.mv-dark-2 .mv-select:focus,.mv-dark-2 .mv-textarea:focus{
  border-color:var(--mv-accent)}
.mv-dark .mv-field .mv-error,.mv-dark-2 .mv-field .mv-error{color:var(--mv-danger-on-dark)}
.mv-dark .mv-select,.mv-dark-2 .mv-select{
  background-image:linear-gradient(45deg,transparent 50%,var(--mv-accent) 50%),
                   linear-gradient(135deg,var(--mv-accent) 50%,transparent 50%)}

/* grupisanje i dva polja u redu */
.mv-fgroup{border-top:1px solid var(--mv-line-light);margin-top:var(--mv-sp-e3);padding-top:var(--mv-sp-5)}
.mv-dark .mv-fgroup,.mv-dark-2 .mv-fgroup{border-top-color:var(--mv-line-dark)}
.mv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--mv-sp-4)}
@media(max-width:520px){.mv-field-row{grid-template-columns:1fr}}

/* checkbox / radio */
.mv-check{display:flex;align-items:flex-start;gap:var(--mv-sp-3);cursor:pointer;
  font-size:var(--mv-fs-body-sm);line-height:1.55}
.mv-check input{appearance:none;flex:0 0 auto;width:20px;height:20px;margin-top:2px;
  background:var(--mv-white);border:1px solid var(--mv-line-light-strong);border-radius:var(--mv-r2);
  cursor:pointer;transition:background var(--mv-dur-quick),border-color var(--mv-dur-quick)}
.mv-check input[type=radio]{border-radius:var(--mv-r-circle)}
.mv-check input:checked{background:var(--mv-accent-deep);border-color:var(--mv-accent-deep);
  background-image:linear-gradient(45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%),
                   linear-gradient(-45deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%);
  background-size:12px 12px;background-position:center;background-repeat:no-repeat}
.mv-check input:focus-visible{outline:var(--mv-focus-w) solid var(--mv-focus-color);
  outline-offset:var(--mv-focus-offset)}
.mv-dark .mv-check input,.mv-dark-2 .mv-check input{background:rgba(237,239,242,.04);
  border-color:var(--mv-line-dark-strong)}
.mv-dark .mv-check input:checked,.mv-dark-2 .mv-check input:checked{background:var(--mv-accent);
  border-color:var(--mv-accent)}

/* =============================================================================
   KARTICE — MONVIQ nema „boxed" kartice: razdvajanje je hairline ivica, a
   podizanje senkom je ZABRANJENO. Hover = zlatna linija koja izrasta + naslov.
   ========================================================================== */
.mv-card{position:relative;display:block;background:transparent;border:0;
  border-radius:var(--mv-r3);border-top:1px solid var(--mv-line-light);
  padding:30px 0 var(--mv-sp-2);text-decoration:none;color:inherit;overflow:hidden}
.mv-card::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;
  background:var(--mv-accent-deep);transition:width var(--mv-dur-reveal) var(--mv-ease)}
.mv-card.is-visible::after,.mv-card:hover::after{width:64px}
.mv-dark .mv-card,.mv-dark-2 .mv-card{border-top-color:var(--mv-line-dark)}
.mv-dark .mv-card::after,.mv-dark-2 .mv-card::after{background:var(--mv-accent)}

.mv-card__eyebrow{display:block;font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-accent-deep)}
.mv-dark .mv-card__eyebrow,.mv-dark-2 .mv-card__eyebrow{color:var(--mv-accent)}
.mv-card__title{display:block;font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-md);letter-spacing:var(--mv-ls-tight);line-height:var(--mv-lh-h3);
  transition:color var(--mv-dur-base)}
.mv-card:hover .mv-card__title{color:var(--mv-accent-deep)}
.mv-dark .mv-card:hover .mv-card__title,.mv-dark-2 .mv-card:hover .mv-card__title{color:var(--mv-accent)}
.mv-card__text{margin-top:var(--mv-sp-e1);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut);max-width:var(--mv-measure-narrow)}
.mv-dark .mv-card__text,.mv-dark-2 .mv-card__text{color:var(--mv-on-dark-soft)}
.mv-card__meta{display:block;margin-top:var(--mv-sp-3);font-size:var(--mv-fs-micro);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-on-light-mut)}
.mv-dark .mv-card__meta,.mv-dark-2 .mv-card__meta{color:var(--mv-on-dark-soft)}
.mv-card__result{display:block;margin-top:var(--mv-sp-3);font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);font-size:var(--mv-fs-label-lg);letter-spacing:var(--mv-ls-tight);
  color:var(--mv-accent-deep)}
.mv-dark .mv-card__result,.mv-dark-2 .mv-card__result{color:var(--mv-accent)}

.mv-card__media{position:relative;margin:0 0 var(--mv-sp-5);overflow:hidden;
  background:var(--mv-navy);border-radius:var(--mv-r4);aspect-ratio:16/9}
.mv-card__media img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1s var(--mv-ease)}
.mv-card:hover .mv-card__media img{transform:scale(1.03)}
/* fallback kad fotografije nema: navy polje sa monogramskim halo-om, nikad stock */
.mv-card__media--empty{background:var(--mv-navy) var(--mv-grad-footer-cta)}

.mv-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
@media(max-width:1000px){.mv-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mv-card-grid{grid-template-columns:1fr}}

/* red-kartica (Services lista, Insights lista) */
.mv-row{position:relative;display:grid;align-items:center;gap:var(--mv-gap-row);
  padding:30px 4px;border-bottom:1px solid var(--mv-line-light);overflow:hidden;
  text-decoration:none;color:inherit}
.mv-row::before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--mv-accent-soft),rgba(212,175,55,0) 70%);
  transform:scaleX(0);transform-origin:left;transition:transform var(--mv-dur-row) var(--mv-ease)}
.mv-row:hover::before{transform:scaleX(1)}
.mv-row>*{position:relative}
.mv-row h3{font-size:var(--mv-fs-h3);text-transform:uppercase;letter-spacing:var(--mv-ls-tight);
  line-height:var(--mv-lh-h3);transition:color var(--mv-dur-base)}
.mv-row:hover h3{color:var(--mv-accent-deep)}
.mv-row p{font-size:var(--mv-fs-body-sm);line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut)}
.mv-row .mv-go{justify-self:end;font-size:17px;color:rgba(138,107,24,.6);
  transition:transform var(--mv-dur-nav) var(--mv-ease)}
.mv-row:hover .mv-go{transform:translate(4px,-4px)}
.mv-dark .mv-row,.mv-dark-2 .mv-row{border-bottom-color:var(--mv-line-dark)}
.mv-dark .mv-row:hover h3,.mv-dark-2 .mv-row:hover h3{color:var(--mv-accent)}
.mv-dark .mv-row p,.mv-dark-2 .mv-row p{color:var(--mv-on-dark-soft)}

/* ikona — 32px mreža, 1.75px stroke, jedna težina, jedna boja */
.mv-ic{display:flex;align-items:center;gap:var(--mv-sp-3);color:var(--mv-accent-deep)}
.mv-ic svg{width:28px;height:28px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}
.mv-dark .mv-ic,.mv-dark-2 .mv-ic{color:var(--mv-accent)}
.mv-ic--circle{width:72px;height:72px;border-radius:var(--mv-r-circle);
  border:1px solid rgba(212,175,55,.5);background:rgba(212,175,55,.07);
  align-items:center;justify-content:center;gap:0}
.mv-ic--circle svg{width:32px;height:32px}
.mv-num{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);letter-spacing:.18em;
  color:rgba(18,22,31,.4)}
.mv-dark .mv-num,.mv-dark-2 .mv-num{color:var(--mv-on-dark-soft)}

/* badge / „More info" dugme u listi */
.mv-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;
  border-radius:var(--mv-r1);border:1px solid var(--mv-line-gold-strong);color:var(--mv-accent);
  font-family:var(--mv-font-body);font-size:10px;font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;white-space:nowrap;text-decoration:none;
  transition:background var(--mv-dur-fast),color var(--mv-dur-fast),border-color var(--mv-dur-fast),
             transform var(--mv-dur-fast) var(--mv-ease)}
.mv-badge .mv-ar{font-size:13px;line-height:1;transition:transform var(--mv-dur-base) var(--mv-ease)}
.mv-badge:hover{background:var(--mv-accent);border-color:var(--mv-accent);color:var(--mv-on-accent);
  transform:translateY(var(--mv-lift))}
.mv-badge:hover .mv-ar{transform:translateX(4px)}
.mv-light .mv-badge{border-color:rgba(138,107,24,.45);color:var(--mv-accent-deep)}
.mv-light .mv-badge:hover{background:var(--mv-accent-deep);border-color:var(--mv-accent-deep);
  color:var(--mv-canvas-light)}

/* =============================================================================
   POKRET — bazna mehanika scroll-reveala, ista na svakoj strani
   ========================================================================== */
.mv-rv{opacity:0;transform:translateY(var(--mv-reveal-y));
  transition:opacity var(--mv-dur-reveal) var(--mv-ease),transform var(--mv-dur-reveal) var(--mv-ease)}
.mv-rv.is-visible{opacity:1;transform:none}
/* kaskada: JS postavlja transition-delay = index × --mv-stagger, max 5 koraka */

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
  .mv-rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* =============================================================================
   KLIJENT POTVRDIO 28.08 (feedback.json) — sve četiri odluke zaključane:
     1) FONT PAR   → Par 4 EB Garamond + Public Sans (@import + --mv-font-* gore)
     2) LOGO       → Opcija 3 (ovde ispod)
     3) FAVICON    → Opcija A (ovde ispod)
     4) CTA SET    → Set A „Sharp Sweep" (blok .mv-btn* gore, --mv-r1/r2/r3 = 2/3/6px)
   Paleta, forme, kartice, ikone — odobreni bez izmena.
   ========================================================================== */
:root{
  /* KLIJENT POTVRDIO 28.08 (feedback.json): logo Opcija 3 „Advanced monogram — with divider". */
  --mv-logo:         url('/brand/logo/monviq-logo-3.svg');          /* na tamnoj podlozi */
  --mv-logo-inverse: url('/brand/logo/monviq-logo-3-inverse.svg');  /* na svetloj podlozi */
  --mv-logo-symbol:  url('/brand/logo/monviq-simbol-adv.svg');      /* samostalni monogram */

  /* KLIJENT POTVRDIO 28.08: favicon Opcija A „Navy tile + line monogram". */
  --mv-favicon:      url('/brand/logo/favicon-a.svg');

  /* KLIJENT POTVRDIO 28.08 20:18 (photos.html): ODOBREN FOTO POOL — jedini dozvoljeni
     kadrovi dok Marija ne pošalje svoje. Deck (svih 7) + stock 01/05/06; stock 02-04,
     07-10 ODBIJENI — ne koristiti. Stock nosi kredit (CC0 / CC BY-SA 4.0). */
  --mv-photo-hero:     url('/brand/photos/stock/stock-01.jpg');  /* Matterhorn sunset — hero motiv (Sam Ferrara CC0) */
  --mv-photo-reach:    url('/brand/photos/stock/stock-05.jpg');  /* Ženevsko jezero + grad odozgo (R. Pircher CC BY-SA 4.0) */
  --mv-photo-facade:   url('/brand/photos/stock/stock-06.jpg');  /* fasada u zlatnom svetlu, vertikalna (P. C. Hennig CC BY-SA 4.0) */
  --mv-photo-cover:    url('/brand/photos/deck/deck-01.jpg');    /* deck cover — planina + monogram */
  --mv-photo-board:    url('/brand/photos/deck/deck-02.jpg');    /* boardroom golden hour, vertikalna */
  --mv-photo-city:     url('/brand/photos/deck/deck-03.jpg');    /* švajcarski grad noću + greben */
  --mv-photo-summit:   url('/brand/photos/deck/deck-04.jpg');    /* osvetljen vrh, vertikalna */
  --mv-photo-marija:   url('/brand/photos/deck/deck-05.jpg');    /* portret Marija */
  --mv-photo-marko:    url('/brand/photos/deck/deck-06.jpg');    /* portret Marko */
  --mv-photo-founders: url('/brand/photos/deck/deck-07.jpg');    /* portret oboje */

  /* KLIJENT POSLAO MEJLOM 28.08 (uid 246017) — sopstvene fotografije, ODOBRENE (prednost
     nad stockom). Prikazuju stvarni MONVIQ tim i field force — dozvoljeno JER ih je klijent
     sam dostavio. Namena: About „Nationwide Field Network" + portreti. */
  --mv-photo-marko-work:   url('/brand/photos/client/client-01.jpg');  /* Marko, magacin, portret 1122×1402 */
  --mv-photo-marija-work:  url('/brand/photos/client/client-02.jpg');  /* Marija, kancelarija, portret 960×1600 */
  --mv-photo-field-shelf:  url('/brand/photos/client/client-03.jpg');  /* field radnik uz policu, portret 1138×1382 */
  --mv-photo-team-street:  url('/brand/photos/client/client-04.jpg');  /* tim ulicom, navy uniforme, 1600×900 */
  --mv-photo-field-pos:    url('/brand/photos/client/client-05.jpg');  /* radnik puni policu, MONVIQ majica, portret 1086×1448 */
  --mv-photo-team-store:   url('/brand/photos/client/client-06.jpg');  /* tim ispred prodavnice, 1600×900 */
}

/* =============================================================================
   SITE BASE + CHROME  ·  dodato 29.08.2026 (izrada vebsajta)
   Sve klase koje CMS komponente koriste žive OVDE. Komponenta u bazi nosi
   ISKLJUČIVO HTML sa .mv-* klasama — nijedna vrednost, nijedan <style>.
   ========================================================================== */

/* ---------- 1. Bazni sloj strane ---------- */
body.mv-body{margin:0;background:var(--mv-canvas);color:var(--mv-on-dark);
  font-family:var(--mv-font-body);font-size:var(--mv-fs-body);line-height:var(--mv-lh-body);
  -webkit-font-smoothing:antialiased;font-synthesis-weight:none;max-width:100%;overflow-x:clip}
.mv-body h1,.mv-body h2,.mv-body h3,.mv-body h4{font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);letter-spacing:var(--mv-ls-head);line-height:var(--mv-lh-tight);margin:0}
.mv-body p{margin:0;text-wrap:pretty}
.mv-body a{color:inherit;text-decoration:none}
.mv-body img,.mv-body svg{max-width:100%}
.mv-body ::selection{background:var(--mv-accent);color:var(--mv-on-accent)}
.mv-body section{position:relative}

/* ---------- 2. Tipografske klase (komponente ne pišu veličine) ---------- */
.mv-h1{font-size:var(--mv-fs-h1);line-height:var(--mv-lh-h1);letter-spacing:var(--mv-ls-h1)}
.mv-h2-xl{font-size:var(--mv-fs-h2-xl)}
.mv-h2-lg{font-size:var(--mv-fs-h2-lg)}
.mv-h2{font-size:var(--mv-fs-h2)}
.mv-h2-sm{font-size:var(--mv-fs-h2-sm)}
.mv-h2-xs{font-size:var(--mv-fs-h2-xs);line-height:var(--mv-lh-h3)}
.mv-title-md{font-size:var(--mv-fs-title-md);line-height:var(--mv-lh-title);letter-spacing:var(--mv-ls-tight)}
.mv-title-sm{font-size:var(--mv-fs-title-sm);font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-tight)}
.mv-prose{font-size:var(--mv-fs-prose);line-height:var(--mv-lh-prose);color:var(--mv-on-dark-mut);
  max-width:var(--mv-measure)}
.mv-light .mv-prose{color:var(--mv-on-light-mut)}
.mv-prose+.mv-prose{margin-top:var(--mv-sp-e2)}
.mv-prose strong,.mv-prose b{color:var(--mv-on-dark);font-weight:var(--mv-fw-semi)}
.mv-light .mv-prose strong,.mv-light .mv-prose b{color:var(--mv-on-light)}
.mv-small{font-size:var(--mv-fs-small);line-height:var(--mv-lh-body);color:var(--mv-on-dark-soft)}
.mv-light .mv-small{color:var(--mv-on-light-mut)}
.mv-em{font-style:normal;color:var(--mv-accent)}
.mv-light .mv-em{color:var(--mv-accent-deep)}
.mv-measure-lead{max-width:var(--mv-measure-lead)}
.mv-measure-narrow{max-width:var(--mv-measure-narrow)}

/* ---------- 3. Prelazi sekcija ---------- */
.mv-cut-top{clip-path:polygon(0 var(--mv-cut),100% 0,100% 100%,0 100%);margin-top:calc(-1 * var(--mv-cut))}
.mv-cut-top-r{clip-path:polygon(0 0,100% var(--mv-cut),100% 100%,0 100%);margin-top:calc(-1 * var(--mv-cut))}

/* ---------- 4. Header ---------- */
.mv-hd{position:fixed;inset:0 0 auto;z-index:80;background:transparent;
  border-bottom:1px solid transparent;
  transition:background var(--mv-dur-header) var(--mv-ease),border-color var(--mv-dur-header),
             backdrop-filter var(--mv-dur-header),box-shadow var(--mv-dur-header)}
.mv-hd.is-solid{background:rgba(7,10,17,.92);backdrop-filter:blur(16px);
  border-bottom-color:var(--mv-line-gold);box-shadow:var(--mv-shadow-header)}
.mv-hd__in{max-width:var(--mv-container);margin-inline:auto;padding-inline:var(--mv-pad);
  height:var(--mv-header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:clamp(14px,2vw,38px);transition:height var(--mv-dur-header) var(--mv-ease)}
.mv-hd.is-solid .mv-hd__in{height:var(--mv-header-h-solid)}
.mv-hd__logo{display:flex;align-items:center;justify-self:start}
.mv-hd__logo img{height:var(--mv-logo-h);width:auto;display:block;
  transition:height var(--mv-dur-header) var(--mv-ease);shape-rendering:geometricPrecision}
.mv-hd.is-solid .mv-hd__logo img{height:var(--mv-logo-h-solid)}
.mv-hd__rgt{display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);justify-self:end}
.mv-nav{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px);justify-self:center}
.mv-nav a{position:relative;font-size:var(--mv-fs-nav);font-weight:var(--mv-fw-medium);
  letter-spacing:var(--mv-ls-btn);text-transform:uppercase;color:var(--mv-on-dark-mut);padding:6px 0;
  transition:color var(--mv-dur-base)}
.mv-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:var(--mv-accent);transition:right var(--mv-dur-nav) var(--mv-ease)}
.mv-nav a:hover,.mv-nav a.is-active{color:var(--mv-white)}
.mv-nav a:hover::after,.mv-nav a.is-active::after{right:0}
.mv-hd:not(.is-solid) .mv-nav a,.mv-hd:not(.is-solid) .mv-lang button,
.mv-hd:not(.is-solid) .mv-lang span{text-shadow:0 1px 14px rgba(7,10,17,.8)}
.mv-lang{display:flex;align-items:center;gap:2px;font-size:var(--mv-fs-micro);
  font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro)}
.mv-lang a,.mv-lang button{background:none;border:0;cursor:pointer;font:inherit;
  color:var(--mv-on-dark-faint);padding:6px 5px;transition:color var(--mv-dur-base)}
.mv-lang a.is-active,.mv-lang button.is-active{color:var(--mv-accent)}
.mv-lang a:hover,.mv-lang button:hover{color:var(--mv-on-dark)}
.mv-lang span{color:var(--mv-on-dark-faint);opacity:.6}
.mv-hd .mv-btn--pri{padding:12px 22px;font-size:var(--mv-fs-micro)}
.mv-prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;
  background:var(--mv-grad-progress);transition:width var(--mv-dur-instant) linear}

/* burger */
.mv-burger{display:none;position:relative;z-index:82;width:46px;height:46px;background:none;
  border:1px solid var(--mv-line-dark-strong);cursor:pointer;padding:0;align-items:center;
  justify-content:center;flex-direction:column;border-radius:var(--mv-r1);
  transition:border-color var(--mv-dur-base),background var(--mv-dur-base)}
.mv-burger:hover,.mv-burger.is-open{border-color:var(--mv-accent)}
.mv-burger i{position:absolute;left:13px;display:block;width:20px;height:1.6px;
  background:var(--mv-on-dark);
  transition:transform var(--mv-dur-drawer) var(--mv-ease),opacity var(--mv-dur-quick) .1s,
             width var(--mv-dur-drawer) var(--mv-ease)}
.mv-burger i:nth-child(1){transform:translateY(-6px)}
.mv-burger i:nth-child(3){transform:translateY(6px);width:13px}
.mv-burger.is-open i:nth-child(1){transform:rotate(45deg)}
.mv-burger.is-open i:nth-child(2){opacity:0;transition-delay:0s}
.mv-burger.is-open i:nth-child(3){transform:rotate(-45deg);width:20px}

/* ---------- 5. Mobilni drawer ---------- */
.mv-mmbd{position:fixed;inset:0;z-index:68;background:rgba(4,6,11,.62);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity var(--mv-dur-row) var(--mv-ease),visibility var(--mv-dur-row)}
.mv-mmbd.is-open{opacity:1;visibility:visible}
.mv-mm{position:fixed;top:0;right:0;bottom:0;width:min(88%,430px);max-width:100%;z-index:70;
  background:var(--mv-grad-drawer);border-left:1px solid var(--mv-line-gold);
  display:flex;flex-direction:column;justify-content:center;gap:2px;padding:104px 30px 34px;
  transform:translateX(100%);visibility:hidden;box-shadow:var(--mv-shadow-drawer);
  transition:transform var(--mv-dur-drawer) var(--mv-ease),visibility var(--mv-dur-drawer);
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.mv-mm.is-open{transform:none;visibility:visible}
.mv-mm::before{content:"";position:absolute;right:-38%;top:-14%;width:88%;height:52%;
  pointer-events:none;background:var(--mv-accent-halo);filter:blur(10px)}
.mv-mm a{position:relative;font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:clamp(24px,7vw,34px);letter-spacing:var(--mv-ls-head);padding:14px 0;
  border-bottom:1px solid var(--mv-line-dark);opacity:0;transform:translateX(34px);
  transition:opacity var(--mv-dur-row) var(--mv-ease),transform var(--mv-dur-row) var(--mv-ease),
             color var(--mv-dur-quick)}
.mv-mm.is-open a{opacity:1;transform:none}
.mv-mm.is-open a:nth-child(1){transition-delay:.14s}
.mv-mm.is-open a:nth-child(2){transition-delay:.20s}
.mv-mm.is-open a:nth-child(3){transition-delay:.26s}
.mv-mm.is-open a:nth-child(4){transition-delay:.32s}
.mv-mm.is-open a:nth-child(5){transition-delay:.38s}
.mv-mm.is-open a:nth-child(6){transition-delay:.44s}
.mv-mm.is-open a:nth-child(7){transition-delay:.50s}
.mv-mm a:hover,.mv-mm a:active{color:var(--mv-accent)}
.mv-mm a i{font-style:normal;font-family:var(--mv-font-body);font-size:var(--mv-fs-micro);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent);margin-right:14px;vertical-align:middle}
.mv-mm__foot{margin-top:30px;display:flex;gap:var(--mv-sp-4);align-items:center;flex-wrap:wrap;
  font-size:var(--mv-fs-micro);letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-on-dark-soft);opacity:0;transform:translateX(34px);
  transition:opacity var(--mv-dur-row) .5s var(--mv-ease),transform var(--mv-dur-row) .5s var(--mv-ease)}
.mv-mm.is-open .mv-mm__foot{opacity:1;transform:none}
.mv-mm__foot .mv-btn--pri{padding:14px 22px;font-size:var(--mv-fs-micro)}

/* ---------- 6. Hero Tip B — „Editorial Statement" ---------- */
.mv-hero-b{position:relative;isolation:isolate;overflow:hidden;
  padding:calc(var(--mv-header-h) + clamp(58px,7vw,104px)) 0 clamp(56px,7vw,96px)}
.mv-hero-b--dark{background:var(--mv-grad-hero)}
.mv-hero-b__in{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;
  gap:var(--mv-gap-col);align-items:center}
.mv-hero-b__h1{margin-top:var(--mv-sp-e3);max-width:15ch}
.mv-hero-b__sub{margin-top:var(--mv-sp-e4);max-width:var(--mv-measure-lead);
  padding-left:var(--mv-sp-e2);border-left:1px solid var(--mv-line-gold-strong);
  font-size:var(--mv-fs-hero-sub);line-height:var(--mv-lh-lead);color:var(--mv-on-dark-mut)}
.mv-light .mv-hero-b__sub{color:var(--mv-on-light-mut);border-left-color:var(--mv-accent-deep)}
.mv-hero-b__btns{margin-top:var(--mv-sp-e5)}
.mv-hero-b__rail{position:absolute;right:var(--mv-pad);top:0;bottom:0;width:1px;
  background:var(--mv-line-gold);z-index:1}

/* ---------- 7. Zajednički blokovi strane ---------- */
.mv-split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--mv-gap-col);align-items:end;
  margin-top:var(--mv-sp-e5)}
.mv-split--start{align-items:start}
.mv-split--center{align-items:center}
.mv-split--wide{grid-template-columns:1.12fr .88fr}
.mv-split--narrow{grid-template-columns:.92fr 1.08fr}
.mv-block{margin-top:clamp(46px,6vw,84px)}
.mv-statement{background:var(--mv-canvas);padding:clamp(64px,8vw,110px) 0}
.mv-statement__t{font-size:var(--mv-fs-h2-lg);max-width:22ch}
.mv-numlist{margin-top:clamp(46px,6vw,80px);border-top:1px solid var(--mv-line-light)}
.mv-dark .mv-numlist,.mv-dark-2 .mv-numlist{border-top-color:var(--mv-line-dark)}
.mv-numlist__it{position:relative;display:grid;grid-template-columns:74px minmax(0,.92fr) minmax(0,1.08fr);
  gap:var(--mv-gap-row);align-items:start;padding:var(--mv-sp-e4) 2px;
  border-bottom:1px solid var(--mv-line-light)}
.mv-dark .mv-numlist__it,.mv-dark-2 .mv-numlist__it{border-bottom-color:var(--mv-line-dark)}
.mv-numlist__n{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent-deep);padding-top:.5em}
.mv-dark .mv-numlist__n,.mv-dark-2 .mv-numlist__n{color:var(--mv-accent)}
.mv-numlist__t{font-size:var(--mv-fs-title-md);line-height:var(--mv-lh-title);
  letter-spacing:var(--mv-ls-tight)}
.mv-numlist__p{font-size:var(--mv-fs-body-sm);line-height:var(--mv-lh-prose);
  color:var(--mv-on-light-mut);max-width:52ch}
.mv-dark .mv-numlist__p,.mv-dark-2 .mv-numlist__p{color:var(--mv-on-dark-soft)}
.mv-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  margin-top:clamp(50px,6vw,90px);border-top:1px solid var(--mv-line-light)}
.mv-dark .mv-trio,.mv-dark-2 .mv-trio{border-top-color:var(--mv-line-dark)}
.mv-trio__c{position:relative;padding:30px clamp(16px,2vw,34px) 8px 0}
.mv-trio__c+.mv-trio__c{padding-left:clamp(20px,2.6vw,44px)}
.mv-trio__c+.mv-trio__c::before{content:"";position:absolute;left:0;top:30px;bottom:8px;width:1px;
  background:var(--mv-line-light)}
.mv-dark .mv-trio__c+.mv-trio__c::before,.mv-dark-2 .mv-trio__c+.mv-trio__c::before{background:var(--mv-line-dark)}
.mv-trio__c::after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;
  background:var(--mv-accent-deep);transition:width var(--mv-dur-reveal) var(--mv-ease)}
.mv-dark .mv-trio__c::after,.mv-dark-2 .mv-trio__c::after{background:var(--mv-accent)}
.mv-trio__c.is-visible::after{width:64px}
.mv-trio__c+.mv-trio__c::after{left:clamp(20px,2.6vw,44px)}
.mv-trio__n{display:block;font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent-deep);margin-bottom:var(--mv-sp-3)}
.mv-dark .mv-trio__n,.mv-dark-2 .mv-trio__n{color:var(--mv-accent)}
.mv-trio__t{display:block;font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-md);letter-spacing:var(--mv-ls-tight)}
.mv-trio__t i{font-style:normal;color:var(--mv-accent-deep)}
.mv-dark .mv-trio__t i,.mv-dark-2 .mv-trio__t i{color:var(--mv-accent)}
.mv-trio__p{margin-top:var(--mv-sp-e1);font-size:var(--mv-fs-body-sm);line-height:var(--mv-lh-prose);
  color:var(--mv-on-light-mut);max-width:var(--mv-measure-narrow)}
.mv-dark .mv-trio__p,.mv-dark-2 .mv-trio__p{color:var(--mv-on-dark-soft)}
.mv-cta-line{margin-top:clamp(40px,5vw,62px)}

/* portret / medija */
.mv-portrait{position:relative;padding:26px 0 26px 26px}
.mv-portrait__frame{position:absolute;left:0;top:0;width:80%;height:100%;
  border:1px solid rgba(138,107,24,.45)}
.mv-dark .mv-portrait__frame,.mv-dark-2 .mv-portrait__frame{border-color:var(--mv-line-gold-strong)}
.mv-portrait figure{position:relative;margin:0;overflow:hidden;background:var(--mv-navy);
  box-shadow:var(--mv-shadow-media)}
.mv-portrait img{display:block;width:100%;height:auto;filter:saturate(1.04) contrast(1.02);
  transition:transform var(--mv-dur-zoom) var(--mv-ease)}
.mv-portrait:hover img{transform:scale(1.03)}
.mv-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 20px 16px;
  background:linear-gradient(0deg,rgba(7,10,17,.92),rgba(7,10,17,0));color:var(--mv-white)}
.mv-portrait figcaption b{display:block;font-family:var(--mv-font-display);font-size:14px;
  letter-spacing:.02em}
.mv-portrait figcaption span{display:block;margin-top:5px;font-size:var(--mv-fs-micro-xs);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-on-dark-mut)}

/* ---------- 8. Footer ---------- */
.mv-ft{position:relative;background:var(--mv-ink);color:var(--mv-on-dark);padding:0 0 30px;
  border-top:1px solid var(--mv-line-gold);overflow:hidden}
.mv-ft__cta{position:relative;padding:clamp(52px,6.4vw,86px) 0 clamp(48px,5.6vw,76px);
  border-bottom:1px solid var(--mv-line-dark);background:var(--mv-grad-footer-cta)}
.mv-ft__cta-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);
  align-items:center}
.mv-ft__cta h2{font-size:var(--mv-fs-h2-sm);line-height:var(--mv-lh-h3);max-width:17ch;
  margin-top:var(--mv-sp-e2)}
.mv-ft__mail{margin-top:var(--mv-sp-e2);font-size:var(--mv-fs-small);letter-spacing:.06em;
  color:var(--mv-on-dark-mut)}
.mv-ft__mail b{color:var(--mv-accent);font-weight:var(--mv-fw-semi);letter-spacing:.1em}
.mv-ft__act{display:flex;flex-direction:column;gap:var(--mv-sp-e1);align-items:flex-start}
.mv-ft__mid{padding-top:clamp(50px,6vw,78px)}
.mv-ft__top{display:grid;grid-template-columns:1.3fr .9fr .9fr 1.1fr;gap:clamp(26px,3vw,56px)}
.mv-ft__logo img{height:var(--mv-logo-h-foot);width:auto;display:block}
.mv-ft__tag{margin-top:20px;font-size:12px;letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-accent);opacity:.9}
.mv-ft__addr{margin-top:18px;font-size:var(--mv-fs-body-xs);line-height:var(--mv-lh-loose);
  color:var(--mv-on-dark-soft)}
.mv-ft__addr a:hover{color:var(--mv-accent)}
.mv-ft h4{font-family:var(--mv-font-body);font-size:var(--mv-fs-micro-xs);font-weight:var(--mv-fw-semi);
  letter-spacing:.24em;text-transform:uppercase;color:var(--mv-on-dark-faint);margin:0}
.mv-ft ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.mv-ft li a{font-size:var(--mv-fs-body-xs);color:var(--mv-on-dark-mut);
  transition:color var(--mv-dur-quick)}
.mv-ft li a:hover{color:var(--mv-accent)}
.mv-ft__bot{margin-top:clamp(44px,5vw,66px);padding-top:20px;border-top:1px solid var(--mv-line-dark);
  display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;justify-content:space-between;
  font-size:11.5px;letter-spacing:.1em;color:var(--mv-on-dark-faint)}
.mv-ft__bot .mv-lang b{color:var(--mv-accent);font-weight:var(--mv-fw-semi)}

/* ---------- 9. Responsive ---------- */
@media(max-width:1180px){
  .mv-nav a{font-size:11px}
  .mv-hd .mv-btn--pri{padding:12px 16px}
}
@media(max-width:1000px){
  .mv-nav,.mv-hd__rgt .mv-btn--pri{display:none}
  .mv-burger{display:flex}
  .mv-hd__in{height:88px;grid-template-columns:auto 1fr auto}
  .mv-hd.is-solid .mv-hd__in{height:74px}
  .mv-hd__logo img{height:var(--mv-logo-h-tab)}
  .mv-hd.is-solid .mv-hd__logo img{height:40px}
  .mv-lang{font-size:12px}
  .mv-hero-b__in,.mv-split,.mv-split--wide,.mv-split--narrow{grid-template-columns:1fr;
    gap:var(--mv-sp-e3);align-items:start}
  .mv-hero-b__rail{display:none}
  .mv-portrait{max-width:460px}
}
@media(max-width:760px){
  .mv-cut-top,.mv-cut-top-r{clip-path:none;margin-top:0}
  .mv-hd__logo img{height:var(--mv-logo-h-mob)}
  .mv-hd.is-solid .mv-hd__logo img{height:36px}
  .mv-trio,.mv-ft__top{grid-template-columns:1fr}
  .mv-trio__c,.mv-trio__c+.mv-trio__c{padding:26px 0 4px}
  .mv-trio__c+.mv-trio__c{border-top:1px solid var(--mv-line-light)}
  .mv-dark .mv-trio__c+.mv-trio__c,.mv-dark-2 .mv-trio__c+.mv-trio__c{border-top-color:var(--mv-line-dark)}
  .mv-trio__c+.mv-trio__c::before{display:none}
  .mv-trio__c+.mv-trio__c::after{left:0}
  .mv-numlist__it{grid-template-columns:52px minmax(0,1fr);gap:var(--mv-sp-4) var(--mv-sp-5)}
  .mv-numlist__p{grid-column:2}
  .mv-ft__cta-in{grid-template-columns:1fr;gap:var(--mv-sp-e3)}
  .mv-ft__act{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px}
  .mv-ft__top{gap:34px}
  .mv-portrait{padding:16px 0 16px 16px}
}

/* =============================================================================
   STRANA: ABOUT  (P1)  ·  hero Tip B — INVERTOVAN (light, tekst desno)
   ========================================================================== */
.mv-ab-hero{background:var(--mv-canvas-light);color:var(--mv-on-light);
  padding:calc(var(--mv-header-h-solid) + clamp(48px,6vw,86px)) 0 clamp(64px,8vw,116px);
  overflow:hidden}
.mv-ab-hero__in{display:grid;grid-template-columns:.86fr 1.14fr;gap:var(--mv-gap-col);align-items:center}
.mv-ab-hero h1{font-size:var(--mv-fs-h2-xl);line-height:var(--mv-lh-tight);max-width:14ch;
  margin-top:var(--mv-sp-e3)}
.mv-ab-hero__lead{margin-top:var(--mv-sp-e4);max-width:var(--mv-measure-lead);
  padding-left:var(--mv-sp-e2);border-left:1px solid var(--mv-accent-deep);
  font-size:var(--mv-fs-hero-sub);line-height:var(--mv-lh-lead);color:var(--mv-on-light-mut)}
.mv-ab-hero__btns{margin-top:var(--mv-sp-e5)}

/* duotone → boja wipe (clip-path vođen skrolom; --mv-wipe postavlja JS 0→100%) */
.mv-ab-shot{position:relative;padding:26px 0 26px 26px}
.mv-ab-shot__frame{position:absolute;left:0;top:0;width:78%;height:100%;
  border:1px solid rgba(138,107,24,.45)}
.mv-ab-shot figure{position:relative;margin:0;overflow:hidden;background:var(--mv-navy);
  box-shadow:var(--mv-shadow-media);aspect-ratio:3/4}
.mv-ab-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 30%;display:block}
.mv-ab-shot__color{filter:saturate(1.04) contrast(1.02)}
.mv-ab-shot__duo{filter:grayscale(1) contrast(1.06) brightness(.9);
  clip-path:inset(0 0 var(--mv-wipe,0%) 0)}
.mv-ab-shot__tint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;
  background:linear-gradient(180deg,rgba(212,175,55,.28),rgba(11,15,23,.42));
  clip-path:inset(0 0 var(--mv-wipe,0%) 0)}
.mv-ab-shot figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 20px 16px;
  background:linear-gradient(0deg,rgba(7,10,17,.92),rgba(7,10,17,0));color:var(--mv-white)}
.mv-ab-shot figcaption b{display:block;font-family:var(--mv-font-display);font-size:14px;letter-spacing:.02em}
.mv-ab-shot figcaption span{display:block;margin-top:5px;font-size:var(--mv-fs-micro-xs);
  letter-spacing:var(--mv-ls-micro);text-transform:uppercase;color:var(--mv-on-dark-mut)}

/* vizija — tamna izjava preko širine */
.mv-ab-vision{background:var(--mv-canvas);color:var(--mv-on-dark);
  padding:clamp(70px,9vw,124px) 0 clamp(64px,8vw,110px)}
.mv-ab-vision h2{font-size:var(--mv-fs-h2-lg);max-width:20ch;margin-top:var(--mv-sp-e3)}
.mv-ab-vision__p{margin-top:var(--mv-sp-e3);max-width:var(--mv-measure);
  font-size:var(--mv-fs-lead);line-height:var(--mv-lh-lead);color:var(--mv-on-dark-mut)}

/* field network — foto mreža (široke gore, visoke dole — obrnuto od Home-a) */
.mv-ab-field{background:var(--mv-canvas);color:var(--mv-on-dark);padding:clamp(84px,10vw,138px) 0}
.mv-ab-field h2{font-size:var(--mv-fs-h2);max-width:15ch}
.mv-ab-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.6vw,26px);
  margin-top:clamp(48px,6vw,84px)}
.mv-ab-grid figure{position:relative;margin:0;overflow:hidden;border-radius:var(--mv-r3);
  background:var(--mv-surface-2)}
.mv-ab-grid img{display:block;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.04) contrast(1.02);transition:transform var(--mv-dur-zoom) var(--mv-ease)}
.mv-ab-grid figure:hover img{transform:scale(1.03)}
.mv-ab-grid .mv-g1{grid-column:span 7;height:clamp(210px,24vw,372px)}
.mv-ab-grid .mv-g2{grid-column:span 5;height:clamp(210px,24vw,372px)}
.mv-ab-grid .mv-g3{grid-column:span 5;height:clamp(300px,32vw,486px)}
.mv-ab-grid .mv-g4{grid-column:span 7;height:clamp(240px,27vw,420px);align-self:end}

/* leadership — dva portreta + bio */
.mv-ab-lead{background:var(--mv-canvas-light);color:var(--mv-on-light);
  padding:clamp(84px,10vw,140px) 0}
.mv-ab-lead__grid{display:grid;margin-top:clamp(46px,6vw,78px);
  border-top:1px solid var(--mv-line-light)}
.mv-ab-lead__p{position:relative;display:grid;grid-template-columns:.34fr .66fr;
  gap:var(--mv-gap-col);align-items:center;padding:clamp(34px,4vw,54px) 0;
  border-bottom:1px solid var(--mv-line-light)}
.mv-ab-lead__p figure{position:relative;margin:0;overflow:hidden;background:var(--mv-navy);
  aspect-ratio:4/5;box-shadow:var(--mv-shadow-media);min-width:0}
.mv-ab-lead__p img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;display:block;
  filter:saturate(1.04) contrast(1.02);transition:transform var(--mv-dur-zoom) var(--mv-ease)}
.mv-ab-lead__p:hover img{transform:scale(1.03)}
.mv-ab-lead__name{margin-top:0;font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);font-size:var(--mv-fs-title-md);letter-spacing:var(--mv-ls-tight)}
.mv-ab-lead__role{display:block;margin-top:var(--mv-sp-2);font-size:var(--mv-fs-micro);
  font-weight:var(--mv-fw-semi);letter-spacing:var(--mv-ls-micro);text-transform:uppercase;
  color:var(--mv-accent-deep)}
.mv-ab-lead__bio{margin-top:var(--mv-sp-e2);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut);max-width:46ch}

/* method teaser — uska tamna traka sa šest tačaka */
.mv-ab-method{background:var(--mv-surface);color:var(--mv-on-dark);
  padding:var(--mv-section-snug) 0 var(--mv-section-snug-end)}
.mv-ab-method__in{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--mv-gap-col);
  align-items:center;margin-top:var(--mv-sp-e4)}
.mv-ab-method h2{font-size:var(--mv-fs-h2-xs)}
.mv-ab-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  margin-top:clamp(34px,4vw,54px);border-top:1px solid var(--mv-line-dark)}
.mv-ab-dots__s{position:relative;padding:28px clamp(8px,1vw,18px) 0 0}
.mv-ab-dots__s::before{content:"";position:absolute;left:-7.5px;top:-7.5px;width:15px;height:15px;
  border-radius:var(--mv-r-circle);background:var(--mv-surface);
  border:1px solid var(--mv-line-dark-strong)}
.mv-ab-dots__s.is-visible::before{background:var(--mv-accent);border-color:var(--mv-accent)}
.mv-ab-dots__n{font-style:normal;font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent)}
.mv-ab-dots__t{display:block;margin-top:10px;font-family:var(--mv-font-display);
  font-weight:var(--mv-fw-bold);font-size:var(--mv-fs-label-lg);text-transform:uppercase;
  letter-spacing:.01em}

@media(max-width:1000px){
  .mv-ab-hero__in,.mv-ab-lead__grid,.mv-ab-method__in{grid-template-columns:1fr;gap:var(--mv-sp-e3)}
  .mv-ab-shot{max-width:460px;order:2}
  .mv-ab-dots{grid-template-columns:repeat(3,1fr);row-gap:26px}
}
@media(max-width:760px){
  .mv-ab-grid{grid-template-columns:1fr 1fr}
  .mv-ab-grid .mv-g1,.mv-ab-grid .mv-g2,.mv-ab-grid .mv-g3,.mv-ab-grid .mv-g4{
    grid-column:span 1;height:clamp(180px,46vw,260px)}
  .mv-ab-lead__p{grid-template-columns:1fr;gap:var(--mv-sp-e3)}
  .mv-ab-lead__p figure{max-width:300px}
  .mv-ab-dots{grid-template-columns:1fr;gap:0;padding-left:22px;border-top:0;
    border-left:1px solid var(--mv-line-dark)}
  .mv-ab-dots__s{padding:0 0 26px}
  .mv-ab-dots__s::before{left:-29.5px;top:1px}
  .mv-ab-shot{padding:16px 0 16px 16px}
}
.mv-cta-line--tight{margin-top:var(--mv-sp-e2)}
.mv-ab-grid figure{min-width:0}
.mv-ab-vision__p{margin-top:var(--mv-sp-e4)}
.mv-split>*{min-width:0}
.mv-ab-lead__p figure{max-width:320px}
.mv-ab-hero__in>*{min-width:0}
.mv-ab-method__in>*{min-width:0}
.mv-ab-lead__p{grid-template-columns:clamp(220px,26vw,320px) minmax(0,1fr)}
@media(max-width:760px){.mv-ab-lead__p{grid-template-columns:1fr}}
.mv-body *,.mv-body *::before,.mv-body *::after{box-sizing:border-box}
.mv-lead,.mv-prose{max-width:min(var(--mv-measure),100%)}
.mv-ft__mail{margin-top:var(--mv-sp-e3)}

/* =============================================================================
   STRANA: OUR METHOD  (P2)  ·  hero Tip F (SVG linija) + JEDINI pin+scrub na sajtu
   ========================================================================== */
.mv-me-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--mv-grad-hero);
  color:var(--mv-on-dark);
  padding:calc(var(--mv-header-h) + clamp(64px,8vw,120px)) 0 clamp(70px,9vw,124px)}
.mv-me-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;
  gap:var(--mv-gap-col);align-items:end}
.mv-me-hero__in>*{min-width:0}
.mv-me-hero h1{font-size:var(--mv-fs-h1);line-height:var(--mv-lh-h1);letter-spacing:var(--mv-ls-h1);
  max-width:13ch;margin-top:var(--mv-sp-e3)}
.mv-me-hero__sub{margin-top:var(--mv-sp-e4);padding-left:var(--mv-sp-e2);
  border-left:1px solid var(--mv-line-gold-strong);font-size:var(--mv-fs-hero-sub);
  line-height:var(--mv-lh-lead);color:var(--mv-on-dark-mut)}
.mv-me-hero__btns{margin-top:var(--mv-sp-e5)}
/* zlatna linija koja se ispisuje (stroke-dashoffset) */
.mv-me-draw{position:absolute;right:0;top:0;bottom:0;width:min(46%,620px);z-index:1;
  pointer-events:none;opacity:.9}
.mv-me-draw svg{width:100%;height:100%;display:block}
.mv-me-draw path{fill:none;stroke:var(--mv-accent);stroke-width:1.25;
  stroke-dasharray:1600;stroke-dashoffset:1600;animation:mvDraw var(--mv-dur-zoom) var(--mv-ease) .3s forwards}
@keyframes mvDraw{to{stroke-dashoffset:0}}

/* ---------- pin + scrub scrollytelling ---------- */
.mv-me-scroll{position:relative;background:var(--mv-grad-method);color:var(--mv-on-dark)}
.mv-me-scroll__track{height:calc(6 * 88vh)}
.mv-me-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.mv-me-stage__in{width:100%;display:grid;grid-template-columns:.6fr .4fr;gap:var(--mv-gap-col);
  align-items:center}
.mv-me-stage__in>*{min-width:0}
.mv-me-panels{position:relative;min-height:clamp(280px,34vh,380px)}
.mv-me-panel{position:absolute;inset:0;opacity:0;transform:translateY(18px);
  transition:opacity var(--mv-dur-base) var(--mv-ease),transform var(--mv-dur-base) var(--mv-ease);
  pointer-events:none}
.mv-me-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.mv-me-panel__n{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent)}
.mv-me-panel h2{margin-top:var(--mv-sp-3);font-size:var(--mv-fs-h2);text-transform:uppercase;
  letter-spacing:var(--mv-ls-tight)}
.mv-me-panel__p{margin-top:var(--mv-sp-e2);font-size:var(--mv-fs-lead);line-height:var(--mv-lh-lead);
  color:var(--mv-on-dark-mut);max-width:52ch}
.mv-me-panel ul{list-style:none;margin:var(--mv-sp-e3) 0 0;padding:0;display:grid;gap:var(--mv-sp-3);
  max-width:48ch}
.mv-me-panel li{position:relative;padding-left:var(--mv-sp-5);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-dark-soft)}
.mv-me-panel li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  background:var(--mv-accent)}
/* desni rail sa šest koraka */
.mv-me-rail{position:relative;padding-left:var(--mv-sp-e3);border-left:1px solid var(--mv-line-dark)}
.mv-me-rail__fill{position:absolute;left:-1px;top:0;width:1px;height:0;
  background:linear-gradient(180deg,var(--mv-accent),var(--mv-gold-light))}
.mv-me-rail__s{position:relative;padding:var(--mv-sp-4) 0;display:flex;align-items:baseline;
  gap:var(--mv-sp-4);color:var(--mv-on-dark-faint);
  transition:color var(--mv-dur-base) var(--mv-ease)}
.mv-me-rail__s::before{content:"";position:absolute;left:calc(-1 * var(--mv-sp-e3) - 8px);
  top:calc(50% - 7px);width:15px;height:15px;border-radius:var(--mv-r-circle);
  background:var(--mv-surface-2);border:1px solid var(--mv-line-dark-strong);
  transition:background var(--mv-dur-fast) var(--mv-ease),border-color var(--mv-dur-fast),
             box-shadow var(--mv-dur-fast)}
.mv-me-rail__s.is-lit{color:var(--mv-on-dark)}
.mv-me-rail__s.is-lit::before{background:var(--mv-accent);border-color:var(--mv-accent);
  box-shadow:0 0 26px 6px rgba(212,175,55,.22)}
.mv-me-rail__n{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent);flex:0 0 auto}
.mv-me-rail__t{font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-label-lg);text-transform:uppercase;letter-spacing:.01em}

/* ---------- „What you receive" (light, dokument-lista) ---------- */
.mv-me-docs{display:grid;grid-template-columns:.4fr .6fr;gap:var(--mv-gap-col);
  margin-top:var(--mv-sp-e5)}
.mv-me-docs>*{min-width:0}
.mv-me-docs__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--mv-line-light)}
.mv-me-docs__list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--mv-sp-5);
  align-items:baseline;padding:var(--mv-sp-e2) 0;border-bottom:1px solid var(--mv-line-light)}
.mv-me-docs__n{font-size:var(--mv-fs-micro);font-weight:var(--mv-fw-semi);
  letter-spacing:var(--mv-ls-micro);color:var(--mv-accent-deep)}
.mv-me-docs__t{font-family:var(--mv-font-display);font-weight:var(--mv-fw-bold);
  font-size:var(--mv-fs-title-sm);letter-spacing:var(--mv-ls-tight);color:var(--mv-on-light)}
.mv-me-docs__d{display:block;margin-top:var(--mv-sp-2);font-size:var(--mv-fs-body-sm);
  line-height:var(--mv-lh-prose);color:var(--mv-on-light-mut)}

/* ---------- proof (dark, citat + field foto) ---------- */
.mv-me-proof{background:var(--mv-canvas);color:var(--mv-on-dark);padding:clamp(80px,9vw,128px) 0}
.mv-me-proof__in{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--mv-gap-col);
  align-items:center;margin-top:var(--mv-sp-e4)}
.mv-me-proof__in>*{min-width:0}
.mv-me-proof figure{position:relative;margin:0;overflow:hidden;border-radius:var(--mv-r3);
  background:var(--mv-surface-2);aspect-ratio:4/3}
.mv-me-proof img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.04) contrast(1.02);transition:transform var(--mv-dur-zoom) var(--mv-ease)}
.mv-me-proof figure:hover img{transform:scale(1.03)}

@media(max-width:1000px){
  .mv-me-hero__in,.mv-me-stage__in,.mv-me-docs,.mv-me-proof__in{grid-template-columns:1fr;
    gap:var(--mv-sp-e3);align-items:start}
  .mv-me-draw{width:40%;opacity:.5}
  .mv-me-stage{height:auto;position:static;padding:var(--mv-section-snug) 0}
  .mv-me-scroll__track{height:auto}
  .mv-me-panels{position:static;min-height:0;display:grid;gap:var(--mv-sp-e5)}
  .mv-me-panel{position:static;opacity:1;transform:none;pointer-events:auto}
  .mv-me-rail{display:none}
}
@media(max-width:760px){
  .mv-me-draw{display:none}
  .mv-me-docs__list li{grid-template-columns:1fr;gap:var(--mv-sp-2)}
}
@media(prefers-reduced-motion:reduce){
  .mv-me-stage{position:static;height:auto;padding:var(--mv-section-snug) 0}
  .mv-me-scroll__track{height:auto}
  .mv-me-panels{position:static;min-height:0;display:grid;gap:var(--mv-sp-e5)}
  .mv-me-panel{position:static;opacity:1;transform:none}
  .mv-me-draw path{animation:none;stroke-dashoffset:0}
}
.mv-me-draw{width:min(34%,460px);opacity:.75}
.mv-me-panel__p{margin-top:var(--mv-sp-e3)}
.mv-body{overflow-x:clip}
@media(max-width:1000px){.mv-me-panels{margin-top:var(--mv-sp-e5)}}