/* Presentation, not a report: each frame carries one idea and a visible path. */
@media screen {
  .hero-mobile-line { display:none; }
  .hero-desktop-line { display:block; }
  #uvod.hero-cinema h1 { font-size:clamp(82px,9.2vw,170px);line-height:1.05; }
  #uvod .hero-video-toggle { display:none; }

  .mini-flow,.aeo-answer-flow,.measure-path { display:flex;align-items:center;gap:14px; }
  .mini-flow > i,.aeo-answer-flow > i,.measure-path > i { display:flex;flex:none;font-style:normal;color:rgb(var(--accent)); }
  .mini-flow .ui-icon,.aeo-answer-flow .ui-icon,.measure-path .ui-icon { width:18px;height:18px; }
  .mini-flow { flex-wrap:wrap;gap:9px;font-size:15px;line-height:1.5;color:rgb(var(--ink)); }
  .content-path > p { margin-top:12px; }

  #aeo.aeo-motion .aeo-answer-flow { justify-content:space-between;gap:12px;font-size:clamp(18px,2vw,27px);letter-spacing:-.035em;padding:14px 0; }
  #aeo.aeo-motion .aeo-answer-flow strong { font-weight:500; }
  #aeo.aeo-motion .aeo-answer-flow i { color:#837045; }
  #aeo.aeo-motion .aeo-example-card .aeo-answer-note { border-top:1px solid #243d2726;margin-top:12px;padding-top:14px;font-size:15px; }
  #aeo.aeo-motion .aeo-graphic-caption:empty { display:none; }
  #aeo.aeo-motion .aeo-step-copy { display:block;text-align:center; }
  #aeo.aeo-motion .aeo-active-number,
  #aeo.aeo-motion .aeo-step-copy h3 { display:none; }
  #aeo.aeo-motion .aeo-step-copy p { margin:0 auto;font-size:15px; }

  #plan #phase-description { display:flex;flex-wrap:wrap;align-items:center;gap:14px;max-width:660px;margin-top:28px; }
  #plan #phase-description > span { padding:10px 0;border-bottom:1px solid rgba(var(--accent),.4);font-size:16px;color:rgb(var(--ink)); }
  #plan #phase-description > i { display:flex;font-style:normal;color:rgb(var(--accent)); }
  #plan #phase-description .ui-icon { width:18px;height:18px; }
  #plan #phase-outcome { font-size:14px;line-height:1.5; }

  #merenje .measurement-visual { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:38px; }
  #merenje .measurement-visual > div { display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding:28px 0;border-top:1px solid rgba(var(--line),.6); }
  #merenje .measurement-visual > div > span { color:rgb(var(--accent));font-size:13px; }
  #merenje .measurement-visual h3 { font-size:clamp(24px,2.2vw,36px);line-height:1.2; }
  #merenje .measure-path { flex-wrap:wrap;min-height:64px;font-size:clamp(18px,1.8vw,26px);letter-spacing:-.04em; }
  #merenje .measure-path b { font-weight:400; }
  #merenje .measure-path b:last-child { color:rgb(var(--accent)); }
  #merenje .measurement-visual small { font-size:14px;line-height:1.6;max-width:320px; }
  #merenje .measurement-bottom { margin-top:30px; }

  #sledece.final-section { display:flex;flex-direction:column;min-height:100dvh; }
  #sledece .final-bottom { flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0;align-items:end; }
  #sledece .final-bottom > div:first-child { align-self:start; }
  #sledece .final-bottom p { max-width:430px;font-size:16px;line-height:1.6; }
  #sledece .final-wordmark { justify-self:end;align-self:end; }
  #sledece .presentation-footer { flex-shrink:0; }
  #sledece .final-actions { display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px; }
  #sledece .offer-cta { display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:58px;padding:17px 23px;border-radius:5px;background:#cfb785;color:#102321;font-size:16px;text-decoration:none; }
  #sledece .offer-cta svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
  #sledece .final-actions > .text-button { font-size:14px;margin:0; }
}

@media screen and (min-width:761px) and (max-height:700px) {
  #uvod.hero-cinema h1 { font-size:min(9.2vw,19dvh); }
  #aeo.aeo-motion .aeo-answer-flow { padding:6px 0; }
  #aeo.aeo-motion .aeo-example-card .aeo-answer-note { margin-top:8px;padding-top:8px; }
  #merenje.section-pad { padding-top:calc(var(--header) + 20px);padding-bottom:26px; }
  #merenje .section-label { margin-bottom:22px; }
  #merenje .section-heading { margin-bottom:15px; }
  #merenje .section-heading h2 { font-size:48px; }
  #merenje .measurement-visual { margin-top:16px; }
  #merenje .measurement-visual > div { gap:12px;padding:18px 0; }
  #merenje .measure-path { min-height:32px; }
  #merenje .measurement-bottom { margin-top:18px; }
  #sledece.section-pad { padding-top:calc(var(--header) + 20px);padding-bottom:20px; }
  #sledece > .section-label { margin-bottom:20px; }
  #sledece > h2 { font-size:clamp(46px,5.2vw,70px); }
  #sledece .final-bottom { margin:20px 0; }
  #sledece .final-wordmark { font-size:64px; }
  #sledece > h2 { font-size:clamp(46px,4.1vw,56px); }
  #sledece > .section-label { margin-bottom:16px; }
  #sledece .final-bottom { margin:16px 0; }
  #sledece .final-bottom p { font-size:15px; }
  #sledece .final-actions { gap:12px;margin-top:18px; }
  #sledece .offer-cta { min-height:54px;padding:15px 22px; }
  #sledece .final-wordmark { display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:56px;line-height:1.1;max-width:350px; }
  #sledece .final-wordmark > img { width:100px;height:45px;object-fit:contain;margin:0; }
  #sledece .final-wordmark > span { margin-left:-12px; }
  #sledece .final-wordmark > small { flex-basis:100%;margin:0;font-size:12px;line-height:1.5; }
  #sledece .presentation-footer { padding-top:14px; }
}

@media screen and (max-width:760px) {
  .scene-pin,.story-pin { scrollbar-width:thin;scrollbar-color:#7d7955 transparent; }
  .scene-pin::-webkit-scrollbar,.story-pin::-webkit-scrollbar { width:3px; }
  .scene-pin::-webkit-scrollbar-thumb,.story-pin::-webkit-scrollbar-thumb { background:#7d7955;border-radius:4px; }
  .scene-pin::-webkit-scrollbar-track,.story-pin::-webkit-scrollbar-track { background:transparent; }
  #uvod.hero-cinema h1 { font-size:clamp(53px,14.1vw,100px);line-height:1.08;letter-spacing:-.065em; }
  #uvod .hero-cinema-title { top:27dvh; }
  #uvod .hero-mobile-line { display:block; }
  #uvod .hero-desktop-line { display:none; }
  #mobile .screen-label { text-transform:none;letter-spacing:.02em; }
  #aeo.aeo-motion .aeo-answer-flow { font-size:20px;gap:8px; }
  #aeo.aeo-motion .aeo-step-copy p { font-size:14px; }
  #plan #phase-description { gap:8px 12px;margin-top:24px; }
  #plan #phase-description > span { font-size:14px; }
  #plan #phase-description .ui-icon { width:16px;height:16px; }
  #plan .plan-intro > p br { display:block; }
  #plan .plan-intro > p strong::before { content:none; }
  #sadrzaj.content-process .content-footnote { width:100%; }
  #sadrzaj .mini-flow { font-size:14px;gap:7px; }
  #sadrzaj.content-process .content-path > p { margin-top:14px; }
  #merenje .measurement-visual { display:block;margin-top:32px; }
  #merenje .measurement-visual > div { padding:26px 0;gap:16px; }
  #merenje .measurement-visual > div > span { display:none; }
  #merenje .measure-path { min-height:0;font-size:25px;gap:18px; }
  #merenje .measurement-visual small { max-width:100%; }
  #sledece.final-section { min-height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom)); }
  #sledece .final-bottom { display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;margin:30px 0 22px; }
  #sledece .final-bottom > div:first-child { align-self:stretch; }
  #sledece .final-bottom p { font-size:15px; }
  #sledece .final-wordmark { align-self:stretch;margin-top:auto;padding-top:64px; }
  #sledece .presentation-footer { margin-top:0; }
}

@media screen and (max-width:360px) {
  #uvod.hero-cinema h1 { font-size:clamp(43px,13.8vw,50px); }
  #aeo.aeo-motion .aeo-answer-flow { font-size:17px;gap:6px; }
  #sadrzaj .mini-flow { gap:5px; }
  #sadrzaj .mini-flow .ui-icon { width:14px;height:14px; }
}