@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap");#__next,body,html{height:100%}:root{--paper:#d3e1ea;--paper-2:#bed3df;--card:#eff6f9;--navy:#143a4d;--navy-soft:#37627a;--brass:#1f7e92;--brass-soft:#3f97aa;--brass-deep:#0c4856;--ink:#1a323c;--ink-soft:#4f646f;--ink-dim:#8597a0;--line:#bdccd1;--shadow:24px 28px 64px -26px rgba(23,58,75,.55)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--paper);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,body:before{position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:0;background-color:var(--paper);background-image:linear-gradient(rgba(211,225,234,.4),rgba(211,225,234,.4)),radial-gradient(120% 85% at 50% -22%,rgba(247,251,253,.7),transparent 58%),radial-gradient(110% 80% at 50% 124%,rgba(20,58,77,.22),transparent 62%),url(/images/Pozadina.jpg);background-size:auto,auto,auto,cover;background-position:50%,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat}.stage{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}header.top{justify-content:space-between;padding:clamp(18px,2.4vh,30px) clamp(28px,4vw,72px);flex:0 0 auto}.brand,header.top{display:flex;align-items:center}.brand{gap:18px}.logo{flex:0 0 auto;height:64px;display:flex;align-items:center;padding:9px 18px;border-radius:14px;background:hsla(0,0%,100%,.55);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid hsla(0,0%,100%,.65);box-shadow:0 12px 30px -18px rgba(23,58,75,.35)}.logo img{height:100%;width:auto;display:block}.brand .ttl{font-family:Spectral,serif;font-size:clamp(20px,2.3vw,30px);font-weight:600;color:var(--navy);line-height:1.05;text-shadow:0 1px 14px rgba(211,225,234,.95),0 0 6px rgba(211,225,234,.95)}.head-right{text-align:right;color:var(--ink);font-size:13px;letter-spacing:.04em;max-width:260px;text-shadow:0 1px 14px rgba(211,225,234,.95),0 0 6px rgba(211,225,234,.95),0 1px 2px #d3e1ea}.head-right b{display:block;font-family:Spectral,serif;color:var(--navy);font-size:18px;font-weight:600;letter-spacing:0}.tl-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.scroll-hint{position:absolute;left:50%;top:18px;transform:translateX(-50%);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:10px;opacity:.85;z-index:4;pointer-events:none;transition:opacity .4s;text-shadow:0 1px 14px rgba(211,225,234,.95),0 0 6px rgba(211,225,234,.95),0 1px 2px #d3e1ea}.scroll-hint .dash{width:34px;height:1px;background:var(--line)}.rail{position:relative;overflow-x:auto;overflow-y:hidden;height:min(660px,80vh);cursor:-webkit-grab;cursor:grab;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.rail::-webkit-scrollbar{display:none}.rail.dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto}.track{position:relative;height:100%;display:flex;align-items:stretch;padding:0 clamp(40px,8vw,140px);min-width:max-content}.route{height:3px;background:repeating-linear-gradient(90deg,var(--brass) 0 26px,transparent 26px 40px);opacity:.55}.route,.route:after{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.route:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--line) 6%,var(--line) 94%,transparent)}.node{position:relative;flex:0 0 auto;width:clamp(220px,21vw,270px);margin-right:clamp(26px,3vw,52px)}.node:last-child{margin-right:0}.dot{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--paper);border:3px solid var(--brass);z-index:3;transition:transform .25s,box-shadow .25s}.dot,.dot:after{position:absolute}.dot:after{content:"";inset:4px;border-radius:50%;background:var(--navy);transform:scale(0);transition:transform .25s}.card{position:absolute;left:0;width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;cursor:pointer;box-shadow:0 14px 32px -16px rgba(23,58,75,.55);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s,border-color .28s}.node:nth-child(odd) .card{bottom:calc(50% + 38px)}.node:nth-child(2n) .card{top:calc(50% + 38px)}.card:before{content:"";position:absolute;left:50%;width:2px;background:var(--line);transform:translateX(-50%);z-index:0}.node:nth-child(odd) .card:before{top:100%;height:38px}.node:nth-child(2n) .card:before{bottom:100%;height:38px}.idx{font-family:Spectral,serif;font-size:13px;color:var(--brass);font-weight:600;letter-spacing:.12em;display:flex;align-items:center;gap:8px;margin-bottom:8px}.idx .ln{flex:1 1;height:1px;background:var(--line)}.card h3{font-family:Spectral,serif;font-weight:600;color:var(--navy);font-size:clamp(18px,1.5vw,22px);line-height:1.12;margin-bottom:6px}.card .range{font-size:13.5px;color:var(--ink-soft);font-weight:600;letter-spacing:.02em}.card .meta{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.card .cnt{font-size:12.5px;color:var(--ink-soft);letter-spacing:.02em}.card .go{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;transition:background .25s,transform .25s}.card .go svg{width:16px;height:16px}.card:focus-visible,.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--brass-soft);outline:none}.card:hover .go{background:var(--brass)}.node:hover .dot{transform:translate(-50%,-50%) scale(1.18)}.node:hover .dot:after{transform:scale(1)}.edge-fade{position:absolute;top:0;bottom:0;width:90px;z-index:5;pointer-events:none}.edge-fade.l{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.edge-fade.r{right:0;background:linear-gradient(270deg,var(--paper),transparent)}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:60px;height:60px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px -16px rgba(23,58,75,.6);transition:transform .2s,background .2s}.nav-btn svg{width:24px;height:24px}.nav-btn:hover{background:var(--navy);color:#fff;transform:translateY(-50%) scale(1.06)}.nav-btn:active{transform:translateY(-50%) scale(.94)}.nav-btn.prev{left:clamp(14px,2vw,34px)}.nav-btn.next{right:clamp(14px,2vw,34px)}.footnote{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-weight:600;opacity:.85;z-index:1;text-shadow:0 1px 14px rgba(211,225,234,.95),0 0 6px rgba(211,225,234,.95),0 1px 2px #d3e1ea}.chapter{position:fixed;inset:0;z-index:30;background:var(--paper) url(/images/pozadina.jpg) center/cover no-repeat;display:flex;flex-direction:column;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.chapter.show{opacity:1;transform:none;pointer-events:auto}.chapter:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(211,225,234,.4),rgba(211,225,234,.4)),radial-gradient(110% 70% at 88% -10%,rgba(45,122,138,.14),transparent 55%),radial-gradient(90% 65% at 0 112%,rgba(23,58,75,.2),transparent 55%)}.ch-bar{position:relative;z-index:3;flex:0 0 auto;display:flex;justify-content:space-between;gap:18px;padding:clamp(16px,2.4vh,28px) clamp(24px,4vw,60px) 4px}.ch-back,.ch-bar{align-items:center}.ch-back{display:inline-flex;gap:11px;background:none;border:none;cursor:pointer;color:var(--navy);font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:8px 6px;border-radius:8px;transition:gap .2s,color .2s}.ch-back svg{width:20px;height:20px}.ch-back:hover{gap:15px;color:var(--brass)}.ch-pos{font-family:Spectral,serif;font-size:16px;color:var(--ink);letter-spacing:.08em;text-shadow:0 1px 14px rgba(211,225,234,.95),0 0 6px rgba(211,225,234,.95),0 1px 2px #d3e1ea}.ch-pos b{color:var(--navy);font-size:19px}.ch-nav{display:flex;gap:10px}.ch-nav button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:0 10px 24px -16px rgba(23,58,75,.6)}.ch-nav button svg{width:22px;height:22px}.ch-nav button:hover:not(:disabled){background:var(--navy);color:#fff;transform:translateY(-2px)}.ch-nav button:disabled{opacity:.3;cursor:default}.ch-rail{position:relative;z-index:3;flex:0 0 auto;padding:12px clamp(24px,4vw,60px)}.ch-rtrack{position:relative;height:2px;background:var(--line);display:flex;align-items:center;justify-content:space-between}.ch-rprog{position:absolute;left:0;top:50%;height:2px;background:var(--brass);transform:translateY(-50%);transition:width .55s cubic-bezier(.2,.7,.2,1)}.ch-tick{position:relative;z-index:2;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--line);cursor:pointer;transition:transform .25s,border-color .25s,background .25s;padding:0;flex:0 0 auto}.ch-tick.active,.ch-tick:hover{border-color:var(--brass)}.ch-tick.active{background:var(--brass);transform:scale(1.35);box-shadow:0 0 0 4px rgba(45,122,138,.18)}.ch-scroll{position:relative;z-index:2;flex:1 1 auto;min-height:0;overflow-y:auto;padding:clamp(8px,1.5vh,18px) clamp(24px,4vw,60px) 72px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ch-scroll::-webkit-scrollbar{width:9px}.ch-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px}.ch-inner{max-width:1160px;margin:0 auto}.ch-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(26px,4vw,60px);gap:clamp(26px,4vw,60px);align-items:center;padding:clamp(16px,3vh,38px) 0 clamp(22px,3vh,34px)}.ch-hero-text{position:relative;padding:clamp(22px,3.2vw,42px);border-radius:22px;background:rgba(239,246,249,.5);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid hsla(0,0%,100%,.55);box-shadow:0 24px 60px -30px rgba(23,58,75,.4)}.ch-eyebrow{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--brass-deep);font-weight:700}.ch-title{font-family:Spectral,serif;font-size:clamp(34px,5vw,68px);line-height:1.02;margin:14px 0;text-wrap:balance}.ch-range,.ch-title{font-weight:600;color:var(--navy)}.ch-range{display:inline-block;white-space:nowrap;font-size:15px;border:1px solid var(--brass-soft);border-radius:999px;padding:7px 18px;background:rgba(239,246,249,.65)}.ch-intro{margin-top:18px;font-size:clamp(16px,1.4vw,20px);line-height:1.58;color:var(--ink);max-width:46ch;text-wrap:pretty}.ch-count{margin-top:22px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:11px}.ch-count:before{content:"";width:28px;height:1px;background:var(--line)}.ch-hero-fig{position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--card) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='110'%3E%3Cg%20fill='none'%20stroke='%231f7e92'%20stroke-width='1.8'%3E%3Cpath%20d='M0,32%20Q60,14%20120,32%20T240,32'%20opacity='.16'/%3E%3Cpath%20d='M0,58%20Q60,40%20120,58%20T240,58'%20opacity='.12'/%3E%3Cpath%20d='M0,84%20Q60,66%20120,84%20T240,84'%20opacity='.08'/%3E%3C/g%3E%3C/svg%3E");border:1px solid var(--line);box-shadow:var(--shadow)}.ch-hero-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.ch-hero-fig:hover img{transform:scale(1.04)}.ch-hero-fig .ph{font-size:12px;color:#557079;background:rgba(244,248,249,.92);padding:7px 11px;margin:11px;border-radius:6px}.ch-hero-fig .ph,.ch-hero-fig figcaption{position:absolute;left:0;bottom:0;font-family:ui-monospace,Menlo,Consolas,monospace}.ch-hero-fig figcaption{right:0;font-size:11px;letter-spacing:.02em;color:#eaf2f3;background:linear-gradient(transparent,rgba(23,58,75,.85));padding:24px 13px 10px}.ch-events{position:relative;padding-top:clamp(12px,2vh,26px);border-top:1px solid var(--line)}.ch-events-h{font-family:Spectral,serif;font-weight:600;color:var(--navy);font-size:clamp(17px,1.5vw,21px);letter-spacing:.01em;margin-bottom:6px;display:flex;align-items:center;gap:12px}.ch-events-h:after{content:"";flex:1 1;height:1px;background:var(--line)}.cev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-gap:clamp(22px,3vw,48px);gap:clamp(22px,3vw,48px);align-items:center;padding:clamp(22px,3.6vh,42px) 0;border-bottom:1px solid var(--line)}.cev:last-child{border-bottom:none}.cev:nth-of-type(2n) .cev-media{order:2}.cev-text{position:relative;padding:clamp(20px,2.6vw,34px);border-radius:18px;background:rgba(239,246,249,.5);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid hsla(0,0%,100%,.55);box-shadow:0 18px 46px -26px rgba(23,58,75,.35)}.cev-media{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:3/2;background:var(--card) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='90'%3E%3Cg%20fill='none'%20stroke='%231f7e92'%20stroke-width='1.6'%3E%3Cpath%20d='M0,26%20Q50,10%20100,26%20T200,26'%20opacity='.16'/%3E%3Cpath%20d='M0,50%20Q50,34%20100,50%20T200,50'%20opacity='.12'/%3E%3Cpath%20d='M0,74%20Q50,58%20100,74%20T200,74'%20opacity='.08'/%3E%3C/g%3E%3C/svg%3E");border:1px solid var(--line);box-shadow:0 20px 42px -20px rgba(23,58,75,.62)}.cev-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.cev:hover .cev-media img{transform:scale(1.05)}.cev-media .ph{font-size:11px;color:#557079;background:rgba(244,248,249,.92);padding:6px 9px;margin:9px;border-radius:6px}.cev-media .ph,.cev-media figcaption{position:absolute;left:0;bottom:0;font-family:ui-monospace,Menlo,Consolas,monospace}.cev-media figcaption{right:0;font-size:10.5px;letter-spacing:.02em;color:#eaf2f3;background:linear-gradient(transparent,rgba(23,58,75,.82));padding:20px 11px 8px}.cev-year{font-family:Spectral,serif;font-weight:600;color:var(--brass);font-size:clamp(23px,2.4vw,36px);line-height:1;margin-bottom:14px;display:flex;align-items:center;gap:14px}.cev-year:before{content:"";width:30px;height:2px;background:var(--brass);flex:0 0 auto}.cev-body{font-size:clamp(15px,1.3vw,18.5px);line-height:1.62;color:var(--ink);text-wrap:pretty}@media (max-width:860px){.ch-hero{gap:24px}.cev,.ch-hero{grid-template-columns:1fr}.cev{gap:16px}.cev:nth-of-type(2n) .cev-media{order:0}}@media (prefers-reduced-motion:no-preference){body.anim .node{animation:plNode .65s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--i,0)*70ms + .15s)}@keyframes plNode{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}body.anim .route{animation:plRoute 1.1s ease .05s both}@keyframes plRoute{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}body.anim .dot{animation:plPulse 4.5s ease-in-out infinite;animation-delay:calc(var(--i,0)*.18s + 1s)}@keyframes plPulse{0%,to{box-shadow:0 0 0 0 rgba(45,122,138,0)}50%{box-shadow:0 0 0 7px rgba(45,122,138,.12)}}.scroll-hint .dash{animation:plDash 2.4s ease-in-out infinite}@keyframes plDash{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.go svg{transition:transform .3s}.card:hover .go svg{transform:translateX(3px)}.chapter.play .ch-eyebrow{animation:plUp .55s ease .05s both}.chapter.play .ch-title{animation:plUp .62s ease .12s both}.chapter.play .ch-range{animation:plUp .62s ease .18s both}.chapter.play .ch-intro{animation:plUp .62s ease .24s both}.chapter.play .ch-count{animation:plUp .62s ease .3s both}@keyframes plUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.chapter.play .ch-hero-fig{animation:plFig .85s cubic-bezier(.2,.7,.2,1) .14s both}@keyframes plFig{0%{opacity:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.chapter.play .cev{animation:plCev .62s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.34s + var(--i,0)*95ms)}@keyframes plCev{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}