@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#f1e5ce;--brown:#29150b;--black:#090807;--white:#faf8f3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}
header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;color:white}.logo{font-size:28px;font-weight:600;font-style:italic}nav{display:flex;gap:26px;align-items:center;font-size:13px}.pill{border:1px solid;padding:10px 16px;border-radius:30px}
.hero{min-height:100vh;padding:150px 4vw 55px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;font-weight:600}.hero h1,.section h2,.statement h2{font-size:clamp(55px,8.5vw,145px);line-height:.86;letter-spacing:-.07em;margin:30px 0;font-weight:500}.hero h1 em,h2 em{font-style:italic;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end;font-size:14px}.hero-bottom a{border-bottom:1px solid}
.ticker{overflow:hidden;background:var(--brown);color:var(--cream);padding:18px 0;white-space:nowrap}.ticker div{display:inline-block;font-size:14px;letter-spacing:.12em;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 4vw}.dark{background:var(--black);color:var(--white)}.section h2{font-size:clamp(50px,7vw,110px)}.categories{display:flex;flex-wrap:wrap;gap:10px;margin:60px 0}.categories span{border:1px solid #555;border-radius:30px;padding:11px 18px;font-size:12px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw 2vw}.media{height:38vw;max-height:600px;background:linear-gradient(135deg,#282624,#111);display:flex;align-items:end;padding:25px;font-size:clamp(24px,4vw,60px);letter-spacing:-.04em;transition:.4s}.media:hover{transform:scale(.985);opacity:.8}.work-grid p{font-size:12px;color:#aaa}
.lead{max-width:520px;font-size:18px}.service-list{margin-top:70px;border-top:1px solid #aa9c85}.service{width:100%;border:0;border-bottom:1px solid #aa9c85;background:none;color:inherit;padding:30px 5px;display:grid;grid-template-columns:60px 1fr 1fr 50px;align-items:center;text-align:left;cursor:pointer}.service strong{font-size:clamp(22px,3vw,44px);letter-spacing:-.04em}.service small{font-size:13px}.service i{font-style:normal;font-size:24px;text-align:center;border:1px solid;border-radius:50%;width:38px;height:38px;line-height:36px}.service:not(.active){opacity:.45}.service:hover{opacity:1}
.package{background:var(--brown);color:var(--cream)}.package-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.package h2{font-size:clamp(50px,6.5vw,105px)}.package p{max-width:470px;line-height:1.6}.price-card{background:var(--cream);color:var(--brown);padding:35px}.badge{display:inline-block;background:var(--brown);color:var(--cream);padding:8px 11px;font-size:10px;letter-spacing:.1em}.price-card h3{font-size:32px;margin:30px 0}.chosen-item{display:flex;justify-content:space-between;border-bottom:1px solid #c8b99f;padding:12px 0;font-size:13px}.price-row{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.price-row.big{border-top:1px solid;padding-top:25px}.price-row strong{font-size:44px;letter-spacing:-.05em}.price-row strong small{font-size:14px}.saving{margin:12px 0 28px;font-weight:600}.cta{display:block;background:var(--brown);color:var(--cream);padding:18px;text-align:center}.note{display:block;margin-top:15px;line-height:1.4;opacity:.65}
.statement{padding:14vw 4vw;background:var(--cream)}.statement p{font-size:18px}.statement h2{margin-bottom:0}.contact{min-height:80vh;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:center}.contact h2{font-size:clamp(55px,8vw,130px)}.mail{font-size:clamp(20px,3vw,40px);border-bottom:1px solid;width:max-content}
footer{padding:30px 4vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;background:var(--black);color:#777}
@media(max-width:760px){nav a:not(.pill){display:none}.hero{padding-top:120px}.hero-bottom{display:block}.work-grid,.package-grid{grid-template-columns:1fr}.media{height:65vw}.service{grid-template-columns:40px 1fr 40px}.service small{display:none}.section{padding:80px 5vw}.price-card{padding:24px}.price-row strong{font-size:34px}}

/* Video u pozadini kartice, naslov iznad zatamnjenja. */
.work-grid .media{position:relative;isolation:isolate;padding:25px;overflow:hidden;background:#111}
.work-grid .media:hover{transform:none;opacity:1}
.media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.work-grid .media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.65));z-index:-1;pointer-events:none}
.media-title{position:relative;color:var(--white)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-1;pointer-events:none}

.price-card{display:none}
.package-grid{grid-template-columns:1fr}

.presenter{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;background:#000;color:var(--white)}
.presenter h2{font-size:clamp(48px,6.5vw,105px)}
.presenter .lead{line-height:1.6;color:#bdbbb7}
.presenter-link{display:inline-block;margin-top:22px;padding-bottom:8px;border-bottom:1px solid;font-size:15px}
.presenter-media{min-width:0;display:flex;justify-content:center}
.presenter-media video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#000}
@media(max-width:760px){.presenter{grid-template-columns:1fr;gap:35px}.presenter-media video{max-height:70vh}}

.secret-entry{background:#000;color:var(--white);text-align:center}
.secret-entry .lead{margin:25px auto 35px;line-height:1.6;color:#bdbbb7}
.unlock-button{--progress:0%;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:76px;width:min(100%,440px);padding:22px 25px;border:1px solid #777;border-radius:5px;background:#171717;color:#fff;font:inherit;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.unlock-fill{position:absolute;inset:0;z-index:-1;background:var(--cream);transform:scaleX(var(--fill,0));transform-origin:left}
.unlock-button.is-holding{color:#fff;border-color:var(--cream)}
.unlock-button.is-holding .unlock-fill{background:#65543c}
.unlock-button.is-unlocked{color:#000}.unlock-button.is-unlocked .unlock-fill{background:var(--cream)}
.unlock-percent{font-variant-numeric:tabular-nums;font-size:13px}.unlock-label{font-weight:600}
.unlock-hint{font-size:12px;color:#aaa;line-height:1.6}.unlock-button:focus-visible{outline:3px solid var(--cream);outline-offset:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.secret-page{background:#000;color:var(--white)}
.secret-intro{padding-top:140px}.back-link{display:inline-block;font-size:13px;color:#aaa;margin-bottom:55px}
.secret-intro h1{font-size:clamp(58px,9vw,140px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:30px 0}
.secret-intro h1 em{font-weight:400}.secret-page .lead{max-width:660px;color:#bdbbb7;line-height:1.65}
.secret-examples{padding-top:30px;scroll-margin-top:90px}.presenter-videos{display:grid;grid-template-columns:1fr 1fr;gap:3vw;margin-top:35px}
.presenter-videos figure{margin:0;min-width:0}.presenter-videos video{display:block;width:100%;height:65vh;object-fit:contain;background:#111}
.presenter-videos figcaption{font-size:12px;color:#aaa;margin-top:15px;line-height:1.5}
.secret-psychology{background:#111}.reason-grid,.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:65px}
.reason-grid article{border-top:1px solid #555;padding-top:25px}.reason-grid article>span{font-size:11px;letter-spacing:.1em;color:#aaa}
.reason-grid h3{font-size:28px;letter-spacing:-.04em;font-weight:500}.reason-grid p{line-height:1.7;color:#bbb}
.secret-stats{background:var(--cream);color:var(--brown)}.stat-grid strong{font-size:clamp(65px,8vw,120px);letter-spacing:-.06em;font-weight:500}.stat-grid p{max-width:310px;line-height:1.6}
.stats-source{font-size:12px;line-height:1.7;max-width:850px;margin-top:30px}.stats-source a{text-decoration:underline;text-underline-offset:3px}
.secret-cta{display:inline-block;margin-top:25px;background:var(--cream);color:var(--brown);padding:22px 28px}
@media(max-width:760px){.presenter-videos,.reason-grid,.stat-grid{grid-template-columns:1fr;gap:35px}.secret-intro{padding-top:120px}.presenter-videos video{height:auto;max-height:70vh}.unlock-button{gap:15px;padding:22px 18px}.secret-entry h2{font-size:clamp(42px,9vw,65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Mekani izlaz u crno i postupno izoštravanje nove stranice. */
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:#000;opacity:0;transition:opacity 650ms cubic-bezier(.22,1,.36,1)}
body.page-leaving::after{opacity:1;pointer-events:auto}
body.page-leaving main{animation:page-soft-exit 650ms cubic-bezier(.22,1,.36,1) both;pointer-events:none}
.secret-page main{animation:page-soft-enter 1100ms cubic-bezier(.16,1,.3,1) both}
.secret-page header,.secret-page footer{animation:page-chrome-enter 900ms ease both}
@keyframes page-soft-exit{from{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(.985)}}
@keyframes page-soft-enter{from{opacity:0;filter:blur(14px);transform:translateY(18px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes page-chrome-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body::after{transition:none}body.page-leaving main,.secret-page main,.secret-page header,.secret-page footer{animation:none}}

.secret-intro{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;background:#000}
.secret-background-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 35%;pointer-events:none}
.secret-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.4)),linear-gradient(0deg,#000,transparent 35%);pointer-events:none}
.secret-intro .lead{color:#e0ded9}.secret-intro .back-link{color:#ddd}
.frame-story{padding-top:30px}.frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw;margin-top:55px}
.frame-grid figure{margin:0}.frame-grid img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:4px}
.frame-grid figcaption{margin-top:16px;font-size:12px;color:#aaa}
.home-page .hero>.eyebrow,.home-page .hero>h1,.home-page .hero>.hero-bottom{animation:page-soft-enter 1100ms cubic-bezier(.16,1,.3,1) backwards}
.home-page .hero>h1{animation-delay:100ms}.home-page .hero>.hero-bottom{animation-delay:220ms}.home-page header{animation:page-chrome-enter 900ms ease both}
.scroll-reveal{opacity:0;filter:blur(9px);transform:translateY(24px);transition:opacity 900ms cubic-bezier(.16,1,.3,1),filter 900ms cubic-bezier(.16,1,.3,1),transform 900ms cubic-bezier(.16,1,.3,1)}
.scroll-reveal.is-visible{opacity:1;filter:blur(0);transform:none}
@media(max-width:760px){.frame-grid{gap:12px;grid-template-columns:1fr}.frame-grid figure{max-width:420px;width:100%;margin-inline:auto}.secret-background-video{object-position:60% center}.secret-intro::after{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.45)),linear-gradient(0deg,#000,transparent 45%)}}
@media(prefers-reduced-motion:reduce){.home-page .hero>.eyebrow,.home-page .hero>h1,.home-page .hero>.hero-bottom,.home-page header{animation:none}.scroll-reveal{opacity:1;filter:none;transform:none;transition:none}}

.presenter-videos-single{grid-template-columns:minmax(0,520px);justify-content:center}
.stat-grid [data-count-to]{display:block;font-variant-numeric:tabular-nums}

.match-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;align-items:center;margin-top:45px}
.match-video{width:100%;max-width:460px;justify-self:center;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#111}
.match-video video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.match-copy h2{font-size:clamp(42px,5.5vw,85px);line-height:.98}
.match-detail{font-size:12px;color:#aaa;margin-top:25px}
@media(max-width:760px){.match-example{grid-template-columns:1fr;gap:35px}.match-video{max-width:380px}.match-copy h2{font-size:clamp(40px,9vw,65px)}}

/* Pristupna šifra lebdi iznad polako zamućene stranice. */
.home-page main{transition:filter 1200ms cubic-bezier(.16,1,.3,1),transform 1200ms cubic-bezier(.16,1,.3,1)}
.home-page.access-active main{filter:blur(16px);transform:scale(1.045)}
.access-dialog{width:min(420px,calc(100% - 48px));max-height:80svh;padding:20px 6px;border:0;background:transparent;color:var(--white);font:inherit;overflow:visible}
.access-dialog::backdrop{background:rgba(0,0,0,.65);animation:access-dim 1200ms ease both}
.access-dialog[open]{animation:access-field-enter 1200ms cubic-bezier(.16,1,.3,1) both}
.access-dialog input{width:100%;padding:22px 24px;border:1px solid #ffffff40;border-radius:12px;background:#151515b3;box-shadow:0 20px 80px #0005;color:#fff;font:inherit;font-size:18px;text-align:center;letter-spacing:.06em;transition:border-color 250ms,box-shadow 250ms}
.access-dialog input::placeholder{color:#d1ceca;letter-spacing:.01em;font-size:16px}
.access-dialog input:focus-visible{outline:none;border-color:#f1e5ce99;box-shadow:0 0 0 3px #f1e5ce0d,0 20px 80px #0005}
.access-dialog input[aria-invalid="true"]{border-color:#f7a9a0}
.access-dialog .access-error{min-height:23px;margin:14px 0 0;color:#f7a9a0;font-size:13px;text-align:center;line-height:1.6}
@keyframes access-dim{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.65)}}
@keyframes access-field-enter{from{opacity:0;filter:blur(12px);transform:translateY(10px) scale(.96)}to{opacity:1;filter:blur(0);transform:none}}
@media(prefers-reduced-motion:reduce){.home-page main{transition:none}.home-page.access-active main{transform:none}.access-dialog[open],.access-dialog::backdrop{animation:none}}

.page-loader{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;background:#090807;color:var(--cream);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 650ms cubic-bezier(.22,1,.36,1),filter 650ms,visibility 650ms;filter:blur(10px)}
.is-loading .page-loader{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0)}
.loader-logo{font-size:clamp(42px,7vw,72px);font-weight:600;font-style:italic;letter-spacing:-.06em}
.loader-track{display:block;width:110px;height:2px;background:#ffffff24;overflow:hidden;border-radius:5px}
.loader-track span{display:block;width:45%;height:100%;background:var(--cream);animation:loader-sweep 1100ms ease-in-out infinite}
@keyframes loader-sweep{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
.is-loading .home-page .hero>.eyebrow,.is-loading .home-page .hero>h1,.is-loading .home-page .hero>.hero-bottom,.is-loading .home-page header,.is-loading .secret-page main,.is-loading .secret-page header,.is-loading .secret-page footer{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.page-loader{transition:none;filter:none}.loader-track span{animation:none;width:100%}}

.photo-details{background:#111;color:var(--white)}
.photo-details-heading .lead{color:#bbb;line-height:1.65}
.photo-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:65px;align-items:start}
.detail-photo{margin:0;min-width:0}.detail-photo-offset{margin-top:130px}
.detail-photo-image{overflow:hidden;background:#222;aspect-ratio:4/5}
.detail-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.detail-photo:hover img{transform:scale(1.035)}}
.detail-photo figcaption{padding-top:24px}.detail-photo figcaption>span{font-size:10px;letter-spacing:.15em;color:#aaa}
.detail-photo h3{font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-.04em;margin:14px 0}
.detail-photo p{max-width:380px;font-size:14px;line-height:1.7;color:#bbb}
.package-grid{grid-template-columns:1.1fr .9fr}
.team-photo{position:relative;isolation:isolate;overflow:hidden;margin:0;min-width:0;aspect-ratio:3/4;background:#17110d;display:flex;align-items:end}
.team-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.team-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(15,9,5,.95),rgba(15,9,5,.35) 55%,transparent)}
.team-photo figcaption{padding:35px;color:var(--white)}.team-photo h3{font-size:clamp(30px,3.4vw,52px);line-height:1.05;letter-spacing:-.04em;font-weight:500;margin:20px 0}
.team-photo p{font-size:14px;line-height:1.7;margin:0;max-width:350px}
@media(max-width:760px){.photo-details-grid,.package-grid{grid-template-columns:1fr}.photo-details-grid{gap:45px;margin-top:40px}.detail-photo-offset{margin-top:0}.team-photo{max-width:520px;width:100%;margin-top:25px}.team-photo figcaption{padding:26px}}
@media(prefers-reduced-motion:reduce){.detail-photo img{transition:none}}

/* Energija se skuplja uz rubove ekrana dok se botun puni. */
.unlock-energy{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 350ms ease;contain:strict}
.unlock-charging .unlock-energy{opacity:var(--charge,0)}
.energy-rim{position:absolute;inset:0;border:2px solid #f7cf9266;box-shadow:inset 0 0 35px #ffc778cc,inset 0 0 100px #e6723899,inset 0 0 180px #c2505944;background:radial-gradient(ellipse at 0% 50%,#ffa44b55,transparent 40%),radial-gradient(ellipse at 100% 50%,#d58aff44,transparent 40%);border-radius:18px}
.energy-rim::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 5%,#ffce8844 20%,transparent 35%,#b88aff44 55%,transparent 70%,#ffce8844 90%,transparent);mask-image:radial-gradient(ellipse,transparent 35%,#000 70%);animation:energy-orbit 2s linear infinite}
.unlock-charging .energy-rim{animation:energy-breathe 800ms ease-in-out infinite alternate}
.unlock-charging .unlock-button{box-shadow:0 0 calc(var(--charge,0)*50px) #ffbe7599;transition:box-shadow 100ms}
.unlock-charging .secret-entry h2{animation:energy-tremble 220ms ease-in-out infinite}
.energy-burst{position:absolute;inset:0;opacity:0;background:#fff9ef;box-shadow:inset 0 0 100px #fff}
.unlock-burst .unlock-energy{opacity:1}
.unlock-burst .energy-burst{animation:energy-release 380ms ease-out both}
@keyframes energy-orbit{to{transform:rotate(360deg)}}
@keyframes energy-breathe{from{filter:brightness(.85)}to{filter:brightness(1.2)}}
@keyframes energy-tremble{0%,100%{transform:translate(0,0)}25%{transform:translate(var(--jolt,0px),0)}75%{transform:translate(calc(var(--jolt,0px)*-1),1px)}}
@keyframes energy-release{0%{opacity:0}18%{opacity:1}35%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.unlock-energy{transition:none}.energy-rim::before,.unlock-charging .energy-rim,.unlock-charging .secret-entry h2,.unlock-burst .energy-burst{animation:none}}

.match-example-reverse{margin-top:110px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.match-example-reverse .match-video{grid-column:2;grid-row:1}
.match-example-reverse .match-copy{grid-column:1;grid-row:1}
@media(max-width:760px){.match-example-reverse{margin-top:65px;grid-template-columns:1fr}.match-example-reverse .match-video,.match-example-reverse .match-copy{grid-column:auto;grid-row:auto}}

.access-back{display:block;margin:0 auto;padding:12px 20px;border:0;background:none;color:#d1ceca;font:inherit;font-size:13px;cursor:pointer;transition:color 200ms}
.access-back:hover{color:#fff}.access-back:focus-visible{outline:1px solid var(--cream);outline-offset:3px;border-radius:4px}
.loader-weapon{width:140px;height:auto;filter:drop-shadow(0 0 18px #f1e5ce25);animation:weapon-reveal 1100ms cubic-bezier(.16,1,.3,1) both}
.loader-secret-label{font-size:10px;letter-spacing:.3em;color:#cbbfa9;margin-top:-12px}
@keyframes weapon-reveal{from{opacity:0;transform:translateY(8px) rotate(-8deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.loader-weapon{animation:none}}

.weapon-loader{background:transparent;isolation:isolate}
.loader-panel{position:absolute;inset:0;z-index:-1;background:#090807;will-change:transform}
.loader-panel-top{clip-path:polygon(0 0,50% 0,49.8% 20%,50.2% 40%,49.9% 60%,50.1% 80%,50% 100%,0 100%)}
.loader-panel-bottom{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,50.1% 80%,49.9% 60%,50.2% 40%,49.8% 20%)}
.weapon-stage{position:relative;width:140px;height:88px;transform:translateX(16px) rotate(-90deg)}
.weapon-stage .loader-weapon{display:block;width:100%}
.loader-bullet{position:absolute;left:84%;top:31%;width:15px;height:5px;border-radius:2px 80% 80% 2px;background:#fff1c5;box-shadow:-18px 0 12px #ffd698,0 0 16px #fff;opacity:0}
.muzzle-flash{position:absolute;left:82%;top:18%;width:40px;height:30px;background:#fff2ce;clip-path:polygon(0 50%,80% 0,60% 38%,100% 50%,60% 62%,80% 100%);opacity:0;filter:drop-shadow(0 0 10px #ffc978)}
.loader-firing .weapon-loader{opacity:1;visibility:visible;filter:none;pointer-events:auto;transition:none}
.loader-firing .loader-weapon{animation:weapon-kick 360ms ease-out both}
.loader-firing .muzzle-flash{animation:muzzle-fire 200ms ease-out both}
.loader-firing .loader-bullet{animation:bullet-flight 650ms cubic-bezier(.55,0,.9,.5) both}
.loader-firing .loader-panel-top{animation:loader-split-top 1050ms 650ms cubic-bezier(.76,0,.24,1) both}
.loader-firing .loader-panel-bottom{animation:loader-split-bottom 1050ms 650ms cubic-bezier(.76,0,.24,1) both}
.loader-firing .weapon-stage{animation:weapon-stage-fade 600ms 650ms cubic-bezier(.4,0,1,1) both}
.loader-firing .loader-secret-label,.loader-firing .loader-track{animation:weapon-fade 300ms 200ms ease both}
@keyframes weapon-kick{0%{transform:none}20%{transform:translateX(-10px) rotate(-12deg)}100%{transform:none}}
@keyframes muzzle-fire{0%,100%{opacity:0}15%,50%{opacity:1}}
@keyframes bullet-flight{0%{opacity:0;transform:translateX(0) scaleX(.6)}7%{opacity:1}40%{opacity:1;filter:brightness(1.8)}95%{opacity:1}100%{opacity:0;transform:translateX(80vh) scaleX(1.8)}}
@keyframes loader-split-top{to{transform:translateX(-58vw) rotate(-3deg)}}
@keyframes loader-split-bottom{to{transform:translateX(58vw) rotate(3deg)}}
@keyframes weapon-fade{to{opacity:0;filter:blur(5px)}}
@media(prefers-reduced-motion:reduce){.loader-panel{will-change:auto}}

.loader-bullet{width:22px;height:6px;background:linear-gradient(90deg,#e7ab52,#fff8da 65%,#fff);box-shadow:0 0 8px #fff5c6,0 0 22px #ffc36c}
.loader-bullet::after{content:"";position:absolute;right:70%;top:50%;width:110px;height:3px;transform:translateY(-50%);transform-origin:right;background:linear-gradient(90deg,transparent,#ffc87888,#fff5d8);filter:blur(1px);border-radius:50%}
@keyframes weapon-stage-fade{from{opacity:1;transform:translateX(16px) rotate(-90deg)}to{opacity:0;transform:translate(16px,180px) rotate(-65deg);filter:blur(5px)}}

.access-intro{text-align:center;margin-bottom:28px}
.access-intro .kicker{font-size:10px;letter-spacing:.22em;color:#cbbfa9}
.access-intro h2{font-size:clamp(28px,5vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:18px 0}
.access-intro p{max-width:340px;margin:0 auto;font-size:14px;line-height:1.7;color:#bdb8b0}
.access-dialog{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}

.story-title>span{display:block;animation:story-line-enter 1200ms cubic-bezier(.16,1,.3,1) both}
.story-title>span:nth-child(1){animation-delay:0ms}
.story-title>span:nth-child(2){animation-delay:1000ms}
.story-title>span:nth-child(3){animation-delay:2000ms}
.is-loading .story-title>span{animation-play-state:paused}
@keyframes story-line-enter{from{opacity:0;filter:blur(12px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.story-title>span{animation:none}}

.secret-background-video{animation:secret-video-enter 2400ms ease-out both}
.is-loading .secret-background-video,.loader-firing .secret-background-video,.loader-firing .story-title>span,.loader-firing .secret-page main,.loader-firing .secret-page header,.loader-firing .secret-page footer{animation-play-state:paused}
@keyframes secret-video-enter{from{opacity:0}to{opacity:1}}
.story-title.has-letter-animation>span{animation:none}
.story-letter{display:inline-block;white-space:pre;padding-inline:.15em;margin-inline:-.15em;animation:story-letter-enter 1100ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--letter-delay)}
.is-loading .story-letter,.loader-firing .story-letter{animation-play-state:paused}
@keyframes story-letter-enter{from{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){.secret-background-video,.story-letter{animation:none}}

.loader-bounce-logo{position:relative;display:inline-block;white-space:nowrap}
.loader-letter,.loader-dot-slot{display:inline-block}
.loader-jumping-dot{display:none;position:absolute;left:0;top:0;will-change:transform}
.loader-bounce-logo.is-bouncing .loader-dot-slot{visibility:hidden}
.loader-bounce-logo.is-bouncing .loader-jumping-dot{display:block}
.home-page .page-loader .loader-track{display:none}

.loader-jumping-dot{width:.12em;height:.12em;border-radius:50%;background:currentColor;font-size:inherit;line-height:0;color:transparent;transform-origin:50% 100%}
.loader-bounce-logo.is-bouncing .loader-jumping-dot{color:var(--cream);font-size:0;width:clamp(5px,.84vw,8.64px);height:clamp(5px,.84vw,8.64px);background:var(--cream)}

.loader-bounce-logo{line-height:1}

.secret-intro> :not(.secret-background-video){transition:opacity 1100ms ease,visibility 1100ms}
.secret-intro.intro-watching> :not(.secret-background-video){opacity:0;visibility:hidden;pointer-events:none}
.intro-watching .story-title>span,.intro-watching .story-letter{animation-play-state:paused}
.secret-intro::after{transition:opacity 1400ms ease}
.secret-intro.intro-watching::after{opacity:.25}
@media(prefers-reduced-motion:reduce){.secret-intro> :not(.secret-background-video),.secret-intro::after{transition:none}}

.secret-intro.intro-title-pending> :not(.secret-background-video):not(.story-title){opacity:0;visibility:hidden;pointer-events:none;transition-delay:0ms}
.secret-intro:not(.intro-title-pending)>.back-link{transition-delay:100ms}
.secret-intro:not(.intro-title-pending)>.kicker{transition-delay:200ms}
.secret-intro:not(.intro-title-pending)>.lead{transition-delay:300ms}
.secret-intro:not(.intro-title-pending)>.presenter-link{transition-delay:450ms}
@media(prefers-reduced-motion:reduce){.secret-intro> :not(.secret-background-video){transition-delay:0ms!important}}

#radovi .work-grid{margin-top:60px}

.clients-band{padding:35px 0 45px;background:#000;color:var(--cream);overflow:hidden}
.clients-heading{padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.clients-heading .kicker{font-size:10px;color:#b5aa98}.clients-toggle{border:0;background:none;color:#aaa;font:inherit;font-size:11px;padding:8px;cursor:pointer}
.clients-toggle:focus-visible{outline:1px solid var(--cream);outline-offset:3px}
.client-logo-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.client-logo-track{display:flex;width:max-content;animation:client-logos-scroll 28s linear infinite}
.client-logo-group{display:flex;align-items:center;justify-content:space-around;gap:5vw;min-width:100vw;padding:0 2.5vw}
.client-logo{width:clamp(130px,15vw,210px);height:85px;flex:none;display:flex;align-items:center;justify-content:center}
.client-logo img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.client-jako img{filter:brightness(0) invert(1);max-width:150px}.client-mall img{max-height:80px}
.clients-band.is-paused .client-logo-track{animation-play-state:paused}
@keyframes client-logos-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.clients-heading{padding:0 5vw}.client-logo-group{gap:45px;padding:0 22.5px}.client-logo{width:140px;height:75px}.client-logo img{max-height:52px}.client-mall img{max-height:70px}.clients-heading .kicker{max-width:180px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.client-logo-track{animation:none;width:100%}.client-logo-group{min-width:0;width:100%;flex-wrap:wrap;gap:25px}.client-logo-group[aria-hidden="true"],.clients-toggle{display:none}.client-logo-window{mask-image:none}}

.site-locked{overflow:hidden}
.site-locked body>header,.site-locked body>main,.site-locked body>footer{filter:blur(18px);opacity:.15;pointer-events:none}
.site-locked .page-loader{opacity:0;visibility:hidden;pointer-events:none}
.site-access-dialog{width:min(430px,calc(100% - 40px));max-height:90svh;overflow:auto;padding:30px 10px;border:0;background:transparent;color:var(--cream);font:inherit;text-align:center}
.site-access-dialog::backdrop{background:rgba(9,8,7,.88);backdrop-filter:blur(10px)}
.site-access-dialog[open]{animation:access-field-enter 1000ms cubic-bezier(.16,1,.3,1) both}
.site-access-logo{display:block;font-size:40px;font-weight:600;font-style:italic;letter-spacing:-.06em;margin-bottom:38px}
.site-access-dialog .kicker{font-size:10px;color:#b6ab99}
.site-access-dialog h1{font-size:clamp(32px,6vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:20px 0}
.site-access-dialog p{font-size:14px;line-height:1.7;color:#bdb8b0;max-width:330px;margin:0 auto 26px}
.site-access-dialog input{width:100%;padding:21px;border:1px solid #ffffff40;border-radius:12px;background:#151515b3;color:#fff;font:inherit;font-size:18px;text-align:center}
.site-access-dialog input::placeholder{font-size:15px;color:#bdb8b0}
.site-access-dialog input:focus-visible{outline:2px solid #f1e5ce99;outline-offset:3px}
.site-access-dialog input[aria-invalid="true"]{border-color:#f7a9a0}
.site-access-dialog .site-access-error{min-height:24px;color:#f7a9a0;margin:12px 0}
.site-access-dialog button{width:100%;border:0;border-radius:12px;padding:18px;background:var(--cream);color:var(--brown);font:inherit;cursor:pointer}
@media(prefers-reduced-motion:reduce){.site-access-dialog[open]{animation:none}}

/* Svaki redak naslova ostaje cjelina, uključujući završnu točku. */
.story-title>span{white-space:nowrap}
.story-title em{display:inline-block;white-space:nowrap}
@media(max-width:760px){
 .secret-intro{padding:110px 5vw 55px}
 .secret-intro .back-link{margin-bottom:32px}
 .secret-intro h1{font-size:clamp(28px,10vw,76px);line-height:1.04;margin:24px 0;letter-spacing:-.055em}
 .secret-intro .kicker{font-size:9px;letter-spacing:.14em;line-height:1.5}
 .secret-intro .lead{font-size:16px;line-height:1.55;max-width:34ch}
 .secret-intro .presenter-link{font-size:14px;margin-top:18px}
}