/* Heritage — architectural journal; shared navigation and editorial rhythm. */
:root{--panel:var(--bg2);--panel-shadow:0 24px 80px color-mix(in srgb,var(--bg) 70%,transparent);--radius:18px}
.site-header{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.vrh-nav{align-items:center;gap:5px}
.vrh-nav>a,.nav-st>button{position:relative;display:inline-flex;align-items:center;gap:9px;padding:12px 13px;border:0;border-radius:24px;background:none;color:var(--muted);font:13px var(--body);white-space:nowrap;transition:background .25s,color .25s}
.vrh-nav>a:after{display:none}.nav-st>button:after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.nav-st>button:hover,.nav-st[data-otvoren]>button{color:var(--text);background:var(--surface)}
.nav-st[data-tekuca]>button,.vrh-nav>a[aria-current]{color:var(--accent)}.nav-st[data-otvoren]>button:after{transform:translateY(1px) rotate(225deg)}.nav-st{position:relative}
.nav-pod{position:absolute;top:calc(100% + 17px);left:-22px;width:355px;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--panel-shadow);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .25s,transform .35s var(--ease-out),visibility 0s .35s;z-index:60}
.nav-st:last-child .nav-pod{left:auto;right:-22px}.nav-st[data-otvoren] .nav-pod{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--ease-out)}
.nav-caption{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 9px 16px}
.nav-pod a{position:relative;display:grid;grid-template-columns:22px 1fr;gap:5px 12px;padding:17px 26px 17px 9px;border-top:1px solid var(--line);color:var(--text);transition:color .25s}
.nav-pod .nav-number{grid-row:1/3;font:9px var(--mono);color:var(--accent);padding-top:6px}.nav-pod b{font:300 24px/1.2 var(--display);letter-spacing:-.04em}.nav-pod a>span{grid-column:2;font:12px/1.5 var(--body);color:var(--muted)}
.nav-pod a:after{content:'↗';display:block;position:absolute;left:auto;bottom:auto;right:3px;top:20px;width:auto;height:auto;background:none;color:var(--accent);font:17px var(--body);transform:translate(-4px,4px);opacity:0;transition:transform .25s,opacity .25s}
.nav-pod a:hover:after,.nav-pod a:focus-visible:after{opacity:1;transform:none}.nav-pod a:hover b,.nav-pod a[aria-current] b{color:var(--accent)}
.menu-toggle{border:1px solid var(--line);border-radius:30px;padding:12px 17px;min-height:44px;gap:17px}.menu-toggle:hover{border-color:var(--accent);background:var(--surface)}.menu-toggle i{width:19px}
.menu-dialog{background:var(--bg)}.menu-dialog::backdrop{background:var(--bg)}
.menu-links{grid-template-columns:1fr 1fr 1.25fr;gap:60px;padding-block:clamp(50px,10svh,110px)}
.menu-group{min-width:0}.menu-group>.eyebrow{margin-bottom:28px}.menu-links .menu-group a{font-size:clamp(25px,2.7vw,40px);padding:16px 0;line-height:1.25;letter-spacing:-.045em;border:0;max-width:20ch}.menu-links .menu-group a[aria-current]{color:var(--accent)}.menu-links .menu-group a:hover{padding-left:8px}
.menu-note{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.menu-note br{display:none}.menu-close{border:1px solid var(--line);border-radius:30px;padding:12px 18px;min-height:44px}.menu-close:hover{color:var(--accent)}
html[data-motion="on"] .menu-dialog[open] .menu-group{animation:heritage-title .7s var(--ease-out) both}html[data-motion="on"] .menu-dialog[open] .menu-group:nth-child(2){animation-delay:.08s}html[data-motion="on"] .menu-dialog[open] .menu-group:nth-child(3){animation-delay:.16s}
.interior .strana-vrh{background:none;padding-top:clamp(150px,20svh,200px);padding-bottom:55px}.interior .strana-vrh h1{font-size:clamp(48px,6.7vw,100px);line-height:1.04;letter-spacing:-.065em}
.strana-vrh .meta{padding-top:26px;margin-top:55px;gap:24px}.strana-vrh .meta dt{font-size:9px;letter-spacing:.1em;color:var(--muted)}.strana-vrh .meta dd{font-size:14px;color:var(--text)}
.page-index{background:transparent;border-block:1px solid var(--line);gap:14px 40px;padding-block:17px}.page-index a{min-height:34px;font-size:12px}.page-index a[aria-current="location"]{color:var(--text)}.page-index a[aria-current="location"]:after{transform:scaleX(1)}
.interior .sek{padding-block:clamp(65px,8vw,120px);border-top:0}.interior .sek+.sek{border-top:1px solid var(--line)}.interior .sek-vrh{margin-bottom:55px}.interior .sek-vrh h2{font-size:clamp(35px,4.1vw,60px);line-height:1.13}.interior .sek-vrh p{font-size:16px;line-height:1.85;max-width:54ch}
.polje,.polje:hover{background:transparent;border-color:var(--line);padding:28px 0 20px}.polje:before{width:24px}.polje .k{margin-bottom:28px;font-size:9px}.polje h3{font-size:clamp(26px,2.6vw,38px);max-width:21ch}.polje p{max-width:49ch;font-size:15px;line-height:1.85}.polje .cifra{font-size:clamp(48px,5vw,75px);color:var(--text)}
.mreza-3,.mreza-4{gap:40px}.interior .mreza-2{gap:60px}.stanje{border:0;padding:5px 0;white-space:normal}.stanje:before{content:'·';color:var(--accent);margin-right:7px}
.redovi .red{padding-block:29px}.red .ime{font:300 clamp(22px,2.5vw,36px)/1.25 var(--display);letter-spacing:-.04em}.red .opis{line-height:1.7}.zig{border-top:0}.zig-red{padding-block:15px}.zig .k{font-size:9px}.zig .v{font-size:14px}
.dug{border-radius:28px;min-height:46px;padding-inline:24px}.dug.puni{background:var(--text);color:var(--bg);border-color:var(--text)}.dug.puni:hover{background:var(--accent);border-color:var(--accent)}
input,textarea,select{border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--bg2) 70%,transparent)}.forma{border-top:1px solid var(--line);padding-top:30px;gap:23px}.forma .n3{font-size:36px}.forma .sitno{max-width:45ch;line-height:1.7}.cijena{padding-block:30px}.cijena h3{font:300 28px var(--display)}.iznos{font-size:32px}
/* A directory of destinations, with a readable hierarchy. */
.site-explore{padding-block:80px 95px;display:grid;grid-template-columns:.85fr 2fr;gap:70px}.explore-heading{display:block;margin:0;padding-top:22px}.explore-heading h2{font-size:clamp(34px,3.6vw,52px);margin-top:22px;max-width:12ch;line-height:1.15}
.explore-grid{display:block;border:0;counter-reset:destinations}.explore-link{counter-increment:destinations;display:grid;grid-template-columns:35px minmax(0,1fr) 42px;gap:8px 20px;align-items:center;padding:25px 0;border:0;border-top:1px solid var(--line);background:transparent;overflow:visible}.explore-link:last-child{border-bottom:1px solid var(--line)}
.explore-link:before{content:'0' counter(destinations);grid-row:1/3;font:10px var(--mono);color:var(--accent)}.explore-link>.eyebrow{display:none}.explore-link h3{font:300 clamp(27px,3vw,43px)/1.17 var(--display);margin:0;letter-spacing:-.05em;overflow-wrap:normal}.explore-link p{grid-column:2;margin:0;font-size:13px}
.explore-arrow{position:static;grid-column:3;grid-row:1/3;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:18px}.explore-link:hover{background:transparent}.explore-link:hover h3{color:var(--accent)}.explore-link:hover .explore-arrow{background:var(--brand-deep);color:var(--text);border-color:var(--brand-deep);transform:rotate(45deg)}.explore-link[aria-current="page"]{box-shadow:none}.explore-link[aria-current="page"] h3{color:var(--accent)}
/* Elemental selection rail and exhibition sheet. */
.specimen-browser{display:grid;grid-template-columns:230px 1fr;gap:40px;border:0;background:transparent}.specimen-choices{display:flex;flex-direction:column;border:0;align-self:start}.specimen-choices button{min-height:85px;border:0;border-top:1px solid var(--line);padding:20px 10px;gap:14px;font-size:14px}.specimen-choices button:last-child{border-bottom:1px solid var(--line)}.specimen-choices button[aria-pressed="true"]{background:transparent;box-shadow:none;color:var(--accent);border-top-color:var(--brand)}
.specimen-stage{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);overflow:hidden}.specimen-caption{font-size:8px;padding:25px 30px}.specimen-panel{grid-template-columns:1.1fr 1fr;gap:25px;padding:15px 35px 40px}.specimen-art{padding-block:15px}.specimen-art svg{color:var(--paper)}.specimen-copy h3{font-size:clamp(29px,3vw,44px);margin-block:18px}.specimen-copy p{font-size:14px}
/* Portfolio photographs are large enough to read the architecture. */
#lista-projekata{display:grid;grid-template-columns:1fr 1fr;gap:65px 55px;margin-top:45px}#lista-projekata>.projekat{border:0;padding:0;display:flex;flex-direction:column;gap:25px}#lista-projekata>.projekat:before{display:none}#lista-projekata .projekat-slika{aspect-ratio:1.35;border:0;border-radius:10px;min-height:0;margin:0}
#lista-projekata .projekat h3{font-size:clamp(28px,3vw,43px);max-width:24ch}#lista-projekata .projekat .k{margin-bottom:16px}#lista-projekata .projekat .zig{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:22px}#lista-projekata .zig-red{display:block;padding-block:12px}#lista-projekata .zig-red .k{margin-bottom:4px}#lista-projekata .zig-red .v{font-size:12px}
.filter-bar{gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}.filter-bar .dug{background:transparent;border-color:transparent;color:var(--muted)}.filter-bar .dug[aria-pressed="true"]{background:var(--surface);border-color:var(--line);color:var(--text)}
.projekat-kadar,.project-art.has-photo{border-radius:12px}.projekat-kadrovi{gap:22px}.projekat-dalje{gap:45px}.projekat-dalje a:last-child{border-left:0}.projekat-dalje a{padding-block:45px}.galerija button{border-radius:30px}.galerija-vrh{padding-block:8px}
.clients-row{background:transparent;border:0;gap:0 30px}.client,.home .client{background:transparent;border-bottom:1px solid var(--line)}.home .plan-board{border-radius:var(--radius)}.site-footer{border-top:1px solid var(--line)}.footer-signature{padding-block:15px 50px}.footer-bottom{letter-spacing:.035em}
@media(min-width:1000px){.interior .strana-vrh{display:grid;grid-template-columns:1.35fr .8fr;gap:0 8%}.strana-vrh>.kicker,.strana-vrh>.projekat-nazad{grid-column:1/-1;justify-self:start}.strana-vrh>h1{grid-column:1;align-self:start}.strana-vrh>.uvodni{grid-column:2;align-self:end;margin:0;font-size:17px;max-width:38ch;padding-bottom:4px}.strana-vrh>.hero-page-link{grid-column:2;justify-self:start;margin-top:24px}.strana-vrh>.meta{grid-column:1/-1}#lista-projekata>.projekat:nth-child(even){padding-top:90px}}
@media(max-width:1180px){.vrh-nav>a,.nav-st>button{padding-inline:9px}.nav-pod{width:320px}.specimen-browser{grid-template-columns:190px 1fr;gap:25px}.specimen-panel{grid-template-columns:1fr;gap:12px}.specimen-art{max-width:420px}.specimen-copy p{max-width:50ch}}
@media(max-width:1080px){.desktop-nav.vrh-nav{display:none}}
@media(max-width:800px){
 .menu-links{grid-template-columns:1fr;gap:32px;padding-block:35px}.menu-group>.eyebrow{margin-bottom:12px}.menu-links .menu-group a{font-size:29px;padding-block:10px;max-width:none}.menu-note{display:block}.menu-note a{display:block;margin-top:12px}.menu-top{position:sticky;top:0;background:var(--bg);z-index:1}
 .interior .strana-vrh{padding-top:130px;padding-bottom:38px}.interior .strana-vrh h1{font-size:clamp(42px,9.5vw,70px)}.strana-vrh .uvodni{font-size:16px;line-height:1.8;margin-top:25px}.strana-vrh .meta{gap:18px;margin-top:35px}.strana-vrh .meta dd{font-size:12px}.page-index{gap:6px 24px;padding-block:12px}.page-index a{font-size:11px}
 .interior .sek-vrh{margin-bottom:32px}.interior .sek-vrh h2{font-size:clamp(33px,7vw,46px)}.interior .sek-vrh p{font-size:15px}.interior .mreza-2,.mreza-3,.mreza-4{gap:30px}.polje{padding-block:23px 10px}.polje .k{margin-bottom:20px}.polje h3{font-size:29px}
 .site-explore{grid-template-columns:1fr;gap:28px;padding-block:55px}.explore-heading{padding:0}.explore-heading h2{max-width:16ch;font-size:37px;margin-top:16px}.explore-link{gap:7px 12px;padding-block:23px;grid-template-columns:25px minmax(0,1fr) 36px}.explore-link h3{font-size:29px}.explore-link p{font-size:12px}.explore-arrow{width:36px;height:36px;font-size:16px}
 .specimen-browser{grid-template-columns:1fr;gap:22px}.specimen-choices{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.specimen-choices button{font-size:12px;padding:17px 0;min-height:65px;border-bottom:1px solid var(--line)}.specimen-choices button[aria-pressed="true"]{border-bottom-color:var(--brand);border-top-color:var(--line)}.specimen-panel{padding:0 22px 30px}.specimen-caption{padding:22px;font-size:7px}.specimen-art{padding-top:0;max-width:450px}.specimen-copy h3{font-size:34px}
 #lista-projekata{grid-template-columns:1fr;gap:55px;margin-top:30px}#lista-projekata .projekat h3{font-size:33px}#lista-projekata .projekat-slika{aspect-ratio:1.25}.projekat-dalje{gap:0}.forma .n3{font-size:32px}.clients-row{gap:0 20px}.footer-signature{padding-bottom:32px}
}
@media(max-width:380px){.menu-toggle{padding:10px 13px}.explore-link h3{font-size:25px}.explore-link{grid-template-columns:21px minmax(0,1fr) 32px;gap:7px 9px}.explore-arrow{width:32px;height:32px}.specimen-choices{gap:0 12px}.specimen-choices button{font-size:11px}.specimen-copy h3{font-size:29px}#lista-projekata .projekat h3{font-size:29px}}

/* v15: readable section labels, concrete copy and one scroll-driven entrance. */
.eyebrow,.kicker,.polje .k,.platform-part{font-family:var(--body);font-size:13px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--muted)}
.hero-copy .eyebrow{font:14px/1.5 var(--body);letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:27px}
.hero-copy .eyebrow:before{display:none}
.hero-copy h1 em{font-style:normal;color:var(--accent);border:0;text-decoration:none}
.hero-copy h1 em:after{display:none}
.hero-grid{background-image:none}.hero-grid:after{display:none}
.hero-summary{border:0;padding-left:0;line-height:1.8}
.chapter-index span{font:12px/1.5 var(--body);letter-spacing:0;text-transform:none}
.manifesto-seal,.art-id,.partners-context{display:none}
.section-top .eyebrow,.sek-vrh .kicker{font-size:14px;margin-bottom:20px}
.menu-group>.eyebrow{font-size:12px}.nav-caption{font:12px/1.5 var(--body);letter-spacing:0;text-transform:none}
.case-copy .eyebrow,.case-studies .case-copy .eyebrow{font:13px var(--body)}
.method-output{font:12px/1.7 var(--body);letter-spacing:0;text-transform:none;color:var(--muted)}
.contact-band:after{opacity:.15}.contact-band h2{max-width:15ch}
.explore-heading h2{font-size:clamp(31px,3vw,45px)}
html[data-motion="on"] .interior .strana-vrh h1,html[data-motion="on"] .interior .strana-vrh .kicker,html[data-motion="on"] .interior .strana-vrh .uvodni,html[data-motion="on"] .hero-page-link,html[data-motion="on"] .hero-copy h1,html[data-motion="on"] .hero-copy .eyebrow,html[data-motion="on"] .column-viewport.ready canvas{animation:none}
html[data-motion="on"] .scroll-arrival{opacity:var(--arrival,1);translate:0 calc((1 - var(--arrival,1))*38px);transition:none}
html[data-motion="on"] .scroll-arrival.arrival-media{clip-path:inset(calc((1 - var(--arrival,1))*9%) 0 0);translate:0 calc((1 - var(--arrival,1))*25px)}
html[data-motion="on"] .scroll-arrival[data-arrived]{opacity:1;translate:none;clip-path:none}
html[data-motion="off"] .scroll-arrival{opacity:1;translate:none;clip-path:none}
@media(min-width:801px){html[data-motion="on"] .hero-copy h1{font-size:clamp(40px,min(4.7vw,9svh),78px);line-height:1.08}html[data-motion="on"] .hero-summary{font-size:16px;width:20%;bottom:24%}.platform-intro .eyebrow{font-size:13px}}
@media(max-width:800px){.hero-copy .eyebrow{font-size:12px;margin-bottom:16px}.hero-copy h1{font-size:clamp(32px,7.7vw,54px)}.hero-copy h1 br{display:block!important}.hero-copy h1{line-height:1.04}.hero-summary{font-size:13px}.platform-part,.platform-story .eyebrow{font:11px var(--body)}.section-top .eyebrow,.sek-vrh .kicker{font-size:13px}.scroll-arrival{--arrival-distance:24px}}

/* momenti-kontakt */.header-kontakt{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:11px 20px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:var(--text);white-space:nowrap;transition:border-color .3s,background .3s,color .3s}.header-kontakt span{color:var(--accent);transition:transform .3s}.header-kontakt:hover,.header-kontakt[aria-current]{border-color:var(--accent);background:var(--surface)}.header-kontakt:hover span{transform:translate(2px,-2px)}@media(min-width:1081px){.site-header .menu-toggle{display:none}}@media(max-width:1080px){.header-kontakt{display:none}}html[data-motion="on"] .scroll-arrival:is(h1,h2){translate:0 calc((1 - var(--arrival,1))*70px)}html[data-motion="on"] .scroll-arrival.arrival-media{clip-path:inset(calc((1 - var(--arrival,1))*28%) 0 0);translate:0 calc((1 - var(--arrival,1))*40px)}html[data-motion="on"] .scroll-arrival.arrival-media img{scale:calc(1.14 - var(--arrival,1)*.06)}html[data-motion="on"] .scroll-arrival[data-arrived].arrival-media img{scale:1.08}html[data-motion="on"] .rijec{opacity:calc(.16 + var(--p,1)*.84);transition:opacity .12s linear}html[data-motion="on"] img.lebdi{scale:1.08;will-change:translate}

/* pokret-gsap */html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.crta-skrol{position:relative;--crta:1}html[data-motion="on"] .crta-skrol{border-top-color:transparent}html[data-motion="on"] .crta-skrol:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--line);transform:scaleX(var(--crta));transform-origin:left;pointer-events:none}html[data-motion="on"] .method-steps details.crta-skrol{border-top:1px solid transparent}.method-steps details .method-answer{transition:opacity .35s}

/* elemental-marketplace */.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.el-alati{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}.el-pretraga input{min-width:260px;border-radius:30px;padding:12px 18px}.el-broj{font-size:10px;color:var(--muted);margin-bottom:22px}.el-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.el-kartica{display:grid;border:1px solid var(--line);border-radius:var(--radius,14px);overflow:hidden;background:var(--bg2);transition:border-color .3s,transform .4s}.el-kartica:hover{border-color:var(--accent);transform:translateY(-3px)}.el-kartica[hidden]{display:none}.el-slika{position:relative;display:block;aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#2a2527,#141315 70%);overflow:hidden}.el-slika img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.el-kartica:hover .el-slika img{transform:scale(1.05)}.el-znacka,.el-3d{position:absolute;top:12px;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:20px;background:#111113cc;color:var(--muted)}.el-znacka{left:12px}.el-3d{right:12px;color:var(--accent)}.el-podaci{display:grid;gap:8px;padding:18px 18px 20px}.el-oznaka{font:9px var(--mono);letter-spacing:.1em;color:var(--accent)}.el-podaci b{font:300 22px/1.2 var(--display);letter-spacing:-.03em}.el-red{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.el-tehnika{font:10px var(--mono)}.el-cijena{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--text)}.el-prazno{padding:40px 0;color:var(--muted)}.el-planirano{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-top:50px;padding-top:40px;border-top:1px solid var(--line)}.el-planirano h3{margin:14px 0}.el-planirano p{color:var(--muted)}.el-formati{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.el-formati li{font:10px var(--mono);padding:7px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.el-koraci{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.el-koraci li{padding:26px;border-top:1px solid var(--accent);background:var(--bg2)}.el-koraci .mono{font-size:10px;color:var(--accent)}.el-koraci h3{font-size:24px;margin:16px 0 10px}.el-koraci p{font-size:14px;color:var(--muted)}.model-vrh{padding-top:118px;padding-bottom:40px}.model-put{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--muted);margin-bottom:20px}.model-put a:hover{color:var(--accent)}.model-raspored{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:34px;align-items:start}.prikaz3d{position:sticky;top:100px;height:min(78svh,760px);min-height:440px;border:1px solid var(--line);border-radius:var(--radius,14px);overflow:hidden;background:radial-gradient(circle at 50% 38%,#2c2628,#121113 72%)}.prikaz3d:fullscreen{border-radius:0;height:100%}.prikaz-platno{position:absolute;inset:0;cursor:grab}.prikaz-platno:active{cursor:grabbing}.prikaz-platno canvas{display:block;width:100%;height:100%;touch-action:none}.prikaz-stanje{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:var(--muted);pointer-events:none}.prikaz-alati{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:8px}.prikaz-alati button{border:1px solid var(--line);background:#111113cc;backdrop-filter:blur(10px);color:var(--muted);border-radius:30px;padding:9px 14px;font:10px var(--mono)}.prikaz-alati button:hover,.prikaz-alati button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.prikaz-uputa{position:absolute;top:14px;left:16px;font-size:9px;color:var(--muted);opacity:.8}.model-naslov{font-size:clamp(34px,3.4vw,52px);margin:14px 0 18px}.model-opis{font-size:16px;color:var(--text)}.model-demo{margin-top:16px;padding:14px 16px;border-left:2px solid var(--accent);background:var(--bg2);font-size:13px;color:var(--muted)}.model-kupovina{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.model-kupovina>div{display:grid;gap:4px;padding:16px;border:1px solid var(--line);border-radius:12px}.model-kupovina .mono{font-size:9px;color:var(--accent)}.model-kupovina b{font:300 22px var(--display)}.model-kupovina div>span:last-child{font-size:12px;color:var(--muted)}.model-kupovina .pill-link{grid-column:1/-1;justify-content:space-between}.model-podaci{display:grid;margin:0 0 26px;border-top:1px solid var(--line)}.model-podaci div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.model-podaci dt{font:9px/1.9 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.model-podaci dd{font-size:14px}.model-podnaslov{font-size:10px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.model-formati,.model-upotreba{list-style:none;margin:0 0 26px;padding:0}.model-formati li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.model-formati li span{font-size:12px;color:var(--muted)}.model-upotreba{display:flex;flex-wrap:wrap;gap:8px}.model-upotreba li{font-size:12px;padding:7px 12px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}@media(max-width:1000px){.model-raspored{grid-template-columns:1fr}.prikaz3d{position:relative;top:0;height:62svh}.el-koraci{grid-template-columns:1fr}.el-planirano{grid-template-columns:1fr}.el-formati{justify-content:flex-start}}@media(max-width:600px){.el-pretraga input{min-width:0;width:100%}.el-pretraga{width:100%}.model-kupovina{grid-template-columns:1fr}.prikaz-uputa{display:none}}

/* koraci-harmonika */.method-steps details{position:relative}.method-steps details:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease-out);pointer-events:none;z-index:1}.method-steps details:hover:before,.method-steps details.je-otvoren:before{transform:scaleX(1)}.method-steps summary h3{transition:transform .6s var(--ease-out),opacity .45s ease,color .35s ease}.method-steps summary>span{transition:letter-spacing .6s var(--ease-out)}.method-steps summary:hover h3{transform:translateX(10px)}.method-steps summary:hover>span{letter-spacing:.24em}.method-steps:has(.je-otvoren) details:not(.je-otvoren) summary h3{opacity:.55}.method-steps:has(.je-otvoren) details:not(.je-otvoren) summary:hover h3{opacity:1}.method-steps summary b{transition:transform .6s var(--ease-out)}.method-steps details[open] summary b{transform:none}.method-steps summary:hover b{transform:rotate(90deg)}.method-steps details.je-otvoren summary b{transform:rotate(45deg)}html[data-motion="on"] .method-steps details[open] .method-answer{animation:none}@media (prefers-reduced-motion:reduce){.method-steps details:before,.method-steps summary h3,.method-steps summary b{transition:none}.method-steps summary:hover h3{transform:none}}

/* zadaci-1809 */:root{--accent:#e35c4f;--brand:#e35c4f;--brand-deep:#e35c4f;--crvena:#e35c4f;--zuta:#e35c4f;--bronza:#e35c4f}.contact-band{background:#a8322a}.plan-results .issue{color:var(--accent)}.hero-copy .hero-summary{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:36ch;margin:26px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}.column-tag b{width:35px;height:35px;font-size:13px}.column-tag>span{font-size:12px}html[data-motion="on"] .column-tag{font-size:13px}.platform-index button{font-size:14px}.platform-index button>span{font-size:12px}.platform-list .number{font-size:13px}.manifesto>.manifesto-tekst{grid-column:2}.manifesto-oznaka{display:block;margin-bottom:22px}@media(max-width:800px){.manifesto>.manifesto-tekst{grid-column:auto}}body[data-page="klijenti"]{--bg:#ffffff;--bg2:#f5f2ee;--surface:#f5f2ee;--panel:#ffffff;--text:#141315;--muted:#5d5759;--line:#1413151f;--soft-line:#14131514;background:#fff;color:var(--text)}body[data-page="klijenti"] .client img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.85}body[data-page="klijenti"] .site-header{background:color-mix(in srgb,#fff 94%,transparent)}.kota-svg .strelica{fill:var(--accent);stroke:none}.filter-bar{border-bottom:0!important;padding-bottom:0}
.hero-copy .hero-summary{width:34ch;max-width:calc(100vw - 2 * var(--pad))}
html[data-motion] .hero-copy .hero-summary{width:34ch;max-width:calc(100vw - 2 * var(--pad));font-size:17px;position:static}

/* znakovi-klijenata */.home .client{height:auto;min-height:190px;gap:26px;padding:34px 24px;justify-content:center;border-bottom:1px solid var(--line);transition:background .35s}.home .client:hover{background:#ffffff07}.client-znak{display:grid;place-items:center;height:58px;width:100%}.home .client img,.client img{height:auto;max-height:58px;max-width:82%;width:auto;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:.62;transition:opacity .35s,transform .5s var(--ease-out)}.home .client:hover img{opacity:1;transform:scale(1.04)}.home .client>span{font:9px/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);max-width:22ch;transition:color .35s}.home .client:hover>span{color:var(--text)}@media(max-width:800px){.home .client{min-height:150px;padding:24px 14px;gap:18px}.client-znak{height:44px}.home .client img{max-height:44px}}
.client-znak{height:62px}
.home .client img,.client img{max-height:62px;max-width:100%;opacity:.78}
.home .client:hover img{opacity:1}


/* oznake-pojava */.column-tag{opacity:0;transform:translate(-16px,-50%);transition:opacity .6s ease var(--kasni,0s),transform .8s var(--ease-out) var(--kasni,0s),color .3s ease}.column-tag.vidi{opacity:.6;transform:translate(0,-50%)}.column-tag.vidi.is-active{opacity:1}.column-tag.bez-natpisa>span{display:none}@media (prefers-reduced-motion:reduce){.column-tag{transition:opacity .3s ease;transform:translate(0,-50%)}}

/* figma-materijal */.brand{gap:0}.brand .brand-logo{width:126px;height:auto;max-width:none}@media(max-width:800px){.brand .brand-logo{width:104px}}@media(max-width:380px){.brand .brand-logo{width:92px}}.footer-signature{align-items:center}.footer-signature .futer-logo{width:min(560px,58vw);height:auto;max-width:none}.footer-signature>span{display:none}@media(max-width:800px){.footer-signature .futer-logo{width:min(420px,78vw)}}.contact-band:after{width:44%;height:100%;right:0;top:0;opacity:1;background:#912b24;mask:url(brend/grafika-znak.svg) right center/auto 100% no-repeat;-webkit-mask:url(brend/grafika-znak.svg) right center/auto 100% no-repeat}@media(max-width:800px){.contact-band:after{width:62%;opacity:.85}}.manifesto>.kucica{grid-column:1;grid-row:1;position:relative;margin:0;align-self:start;width:min(414px,100%);aspect-ratio:411/452}.kucica img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}html[data-motion="off"] .kucica-crta{clip-path:inset(0 0 0 0)}@media(max-width:800px){.manifesto>.kucica{display:none}}

/* kucica-skener */.kucica{--skenirano:0;--skener:0;overflow:hidden}.kucica-crta{clip-path:inset(0 0 calc((1 - var(--skenirano)) * 100%) 0)}.kucica:after{content:'';position:absolute;left:-4%;right:-4%;top:calc(var(--skenirano) * 100%);height:2px;background:linear-gradient(90deg,transparent,var(--accent) 18%,#ffd9d2 50%,var(--accent) 82%,transparent);box-shadow:0 0 22px 3px rgba(227,92,79,.5);opacity:var(--skener);transition:opacity .25s ease;pointer-events:none}.kucica:before{content:'';position:absolute;left:0;right:0;top:calc(var(--skenirano) * 100%);height:64px;background:linear-gradient(180deg,rgba(227,92,79,.16),transparent);opacity:var(--skener);pointer-events:none}html[data-motion="off"] .kucica{--skenirano:1;--skener:0}@media (prefers-reduced-motion:reduce){.kucica{--skenirano:1;--skener:0}}

/* regintel-dokument */.home .plan-board{border:1px solid var(--line);box-shadow:0 40px 90px #00000040}.plan-head{align-items:baseline;font-size:10px;padding-bottom:14px}.plan-head [data-scan-step]{color:var(--muted)}.plan-meta{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:14px 0 13px;border-bottom:1px solid var(--soft-line)}.plan-meta dt{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.plan-meta dd{margin:5px 0 0;font-size:12px;color:var(--text)}.plan-meta .plan-nalazi{color:var(--accent)}.plan-traka{flex:0 0 2px;height:2px;background:var(--soft-line);margin-top:13px;overflow:hidden}.plan-traka i{display:block;height:100%;width:100%;transform:scaleX(var(--scan-progress,0));transform-origin:left;background:var(--accent)}.home .plan-board svg{margin-block:12px;padding:10px;border:1px solid var(--soft-line);min-height:190px}.plan-meta{padding:12px 0 11px}.plan-meta dd{margin-top:4px}html[data-motion="on"] .home .plan-board:before{display:none}html[data-motion="off"] .plan-traka i{transform:scaleX(1)}html[data-motion="off"] .scan-line{display:none}.home .scan-line{left:25px;right:25px;opacity:.85;box-shadow:0 0 22px 2px rgba(227,92,79,.45)}.home .scan-line:after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(0deg,rgba(227,92,79,.14),transparent);pointer-events:none}.plan-kolone,.plan-results>button{display:grid;grid-template-columns:22px 1fr 84px 92px;gap:10px;align-items:center}.plan-kolone{margin:0;padding:0 0 9px;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.plan-kolone em,.plan-kolone b{font-style:normal;font-weight:400;text-align:right}.plan-results>button em{font-style:normal;text-align:right;color:var(--muted);font:11px var(--mono)}.plan-results>button b{text-align:right;font:12px var(--mono)}.plan-noga{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-top:1px solid var(--soft-line);margin-top:14px;padding-top:11px}.plan-noga .plan-disclaimer{margin:0}.plan-pecat{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}@media(max-width:900px){.plan-meta{grid-template-columns:1fr auto;padding:10px 0 9px}.plan-meta>div:nth-child(2),.plan-meta>div:nth-child(3){display:none}.plan-meta dd{font-size:11px;margin-top:3px}.home .plan-board svg{flex:1;min-height:135px;margin-block:10px;padding:6px}.home .plan-board{height:min(560px,calc(100svh - 120px))}.plan-traka{margin-top:9px}.plan-kolone{display:none}.plan-noga{margin-top:10px;padding-top:8px}.home .scan-line{left:20px;right:20px}.plan-kolone,.plan-results>button{grid-template-columns:18px 1fr 62px 70px;gap:8px}.plan-noga{flex-direction:column;gap:6px}}@media(max-width:360px){.plan-kolone em,.plan-results>button em{display:none}.plan-kolone,.plan-results>button{grid-template-columns:15px 1fr 70px}}

/* ikone-platformi */.explore-link:before{display:none}.explore-znak{grid-column:1;grid-row:1/3;justify-self:start;align-self:center;width:26px;height:26px;margin:0;color:var(--text);opacity:.9;transition:transform .4s var(--ease-out),opacity .3s}.explore-link:hover .explore-znak{transform:rotate(90deg);opacity:1}.vrh-znak{display:block;width:40px;height:40px;margin-bottom:22px;color:var(--text)}@media(max-width:800px){.explore-znak{width:22px;height:22px}.vrh-znak{width:32px;height:32px;margin-bottom:16px}}

/* stub-do-dna */@media(min-width:801px){html[data-motion="on"] .column-viewport{bottom:0}}

/* telefon */@media(max-width:800px){html[data-motion="on"] .hero-copy .hero-summary{display:block;position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:32ch;margin:14px 0 0;font-size:14px;line-height:1.55}html[data-motion="on"] .column-viewport{top:42%;height:calc(58% - 76px);bottom:auto}html[data-motion="on"] .scroll-cue:after{width:42px}.contact-band:after{opacity:.3}html[data-motion="on"] .hero-bottom{display:none}.prikaz-alati{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.prikaz-alati::-webkit-scrollbar{display:none}.prikaz-alati>*{flex:none}}@media(max-width:800px) and (max-height:700px){html[data-motion="on"] .hero-copy .hero-summary{font-size:12px;max-width:28ch;margin-top:10px}html[data-motion="on"] .column-viewport{top:46%;height:calc(54% - 66px)}}

/* kucica-telefon */@media(max-width:800px){.manifesto>.kucica{display:block;grid-column:1;grid-row:auto;order:2;width:min(300px,78%);margin:6px 0 0}.manifesto>.manifesto-tekst{order:1}.home .scan-line{}}

/* strana-software */.platforme-mreza{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.platforma{background:var(--bg);padding:38px 34px 34px;display:flex;flex-direction:column;gap:14px}.platforma-vrh{display:flex;align-items:center;justify-content:space-between}.platforma-znak{width:34px;height:34px;color:var(--text)}.platforma-broj{font-size:11px;color:var(--accent);letter-spacing:.1em}.platforma h2{font-size:clamp(27px,2.4vw,37px);margin:0}.platforma .eyebrow{margin:0}.platforma p{color:var(--muted);font-size:15px;line-height:1.7;margin:0;max-width:42ch}.platforma-meta{display:grid;gap:12px;margin:6px 0 0;padding-top:16px;border-top:1px solid var(--soft-line)}.platforma-meta dt{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.platforma-meta dd{margin:4px 0 0;font-size:13px}.platforma .text-link{margin-top:auto;align-self:start}@media(max-width:800px){.platforme-mreza{grid-template-columns:1fr}.platforma{padding:28px 22px}}

/* znakovi-siva */:root{--znak:#2e2e32;--znak-jak:var(--text)}body[data-page="klijenti"]{--znak:#2e2e32}.explore-znak,.vrh-znak,.platforma-znak,.proizvod-znak{color:var(--znak);transition:color .3s,transform .4s var(--ease-out),opacity .3s}.explore-link:hover .explore-znak,.explore-link:focus-visible .explore-znak{color:var(--znak-jak)}.platforma:hover .platforma-znak{color:var(--znak-jak)}.proizvod-brand:hover .proizvod-znak{color:var(--znak-jak)}

/* mirno-ucitavanje */html[data-motion="on"] .interior .strana-vrh h1,html[data-motion="on"] .interior .strana-vrh .kicker,html[data-motion="on"] .interior .strana-vrh .uvodni,html[data-motion="on"] .hero-page-link,html[data-motion="on"] .hero-copy h1,html[data-motion="on"] .hero-copy .eyebrow,html[data-motion="on"] .column-viewport.ready canvas{animation:none}

/* bez-zastora */html[data-motion="on"] body:after,html[data-motion="on"] body.page-leaving:after{display:none;content:none}html[data-motion="on"] body.page-leaving{cursor:auto}

/* crtez-po-figmi */.home .plan-board svg{color:var(--accent);opacity:.62}.home .plan-board svg [stroke="#e1a278"]{stroke:#8d8688}.home .plan-board svg g[opacity=".2"]{opacity:.3}html[data-motion="on"] .home .plan-board svg{transition:opacity .4s}

/* meni-dorada *//* meni: klizanje prstom unutar dijaloga */.menu-dialog{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.menu-dialog .wrap{touch-action:pan-y}.menu-dialog::-webkit-scrollbar{width:0}.menu-dialog .wrap{min-height:100svh;display:flex;flex-direction:column}.menu-links{flex:1;align-content:start}.menu-dno{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:20px 26px}.menu-cta{font-size:14px;padding:14px 24px;gap:28px}.menu-dno .menu-note{border:0;padding:0;margin:0;font-size:12px;text-align:right}@media(max-width:800px){.menu-dialog .wrap{padding-top:0}.menu-links{gap:26px;padding-block:26px 18px}.menu-group .eyebrow{margin-bottom:10px;font-size:8px}.menu-links a{font-size:clamp(23px,6.4vw,30px);padding:9px 0;line-height:1.1}.menu-dno{flex-direction:row;align-items:center;padding-block:16px 22px}.menu-cta{flex:1;justify-content:space-between}.menu-dno .menu-note{font-size:11px;line-height:1.5;text-align:left;width:100%}}@media(max-width:800px) and (max-height:720px){.menu-links{gap:18px;padding-block:18px 12px}.menu-links a{font-size:20px;padding:6px 0}}.menu-links a[aria-current="page"]{color:var(--accent)}.menu-links a[aria-current="page"]{position:relative}.menu-links a[aria-current="page"]:before{content:"";position:absolute;left:-26px;top:50%;width:16px;height:1px;background:var(--accent)}@media(max-width:800px){.menu-links a[aria-current="page"]:before{display:none}}
