/* Papirni ukrasi — originalni elementi (Maša / Branca). Zamjenjuju stare 3D kockice. */
.brick-decor{position:absolute;pointer-events:none}
.paper-art{position:relative;width:100%;height:100%}
.paper-piece{position:absolute;display:block}
.paper-piece img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(2.4px 3.6px 0 rgba(32,47,86,.18));
  animation:paper-float 8s var(--pd,0s) ease-in-out infinite alternate;
}
@keyframes paper-float{from{translate:0 0}to{translate:0 -4px}}

/* Zaglavlje: tri papirna elementa umjesto tri kockice. */
.header-bricks{display:flex;align-items:flex-end;gap:8px}
.header-bricks .paper-icon{display:block;filter:drop-shadow(1.6px 2.4px 0 rgba(32,47,86,.18))}
.header-bricks .paper-icon:nth-child(1){transform:rotate(-6deg)}
.header-bricks .paper-icon:nth-child(2){transform:rotate(5deg)}
.header-bricks .paper-icon:nth-child(3){transform:rotate(-3deg)}
.header.is-scrolled .header-bricks .paper-icon{transform:rotate(0)}

/* Traka sa temama: papirni razdjelnici umjesto zvjezdica. */
.topic-strip b{display:inline-flex;align-items:center;font-size:0;line-height:0}
.topic-strip .paper-icon{display:block;filter:drop-shadow(1.6px 2.4px 0 rgba(32,47,86,.16))}

@media(max-width:760px){
  .header-bricks{gap:6px}
  .header-bricks .paper-icon{max-height:19px;width:auto}
}
@media(prefers-reduced-motion:reduce){
  .paper-piece img{animation:none}
}

/* Slogan: „Vi donosite temu. Mi je pretvaramo u avanturu." */
.hero-slogan{
  font-family:var(--display);font-weight:800;letter-spacing:-.04em;line-height:1.12;
  font-size:clamp(19px,1.55vw,25px);color:var(--blue);margin:0 0 16px;max-width:26ch;
}
.footer-slogan{font-family:var(--display);font-weight:700;color:var(--blue);margin:0 0 6px}
@media(max-width:760px){
  .hero-slogan{font-size:15px;margin-bottom:11px;max-width:none}
  /* Slogan uzima dva reda, pa se laboratorija u herou spušta da se ne preklapa. */
  .hero-lab{top:46%}
}
@media(max-width:360px){
  .hero-slogan{font-size:13.5px}
  .hero-lab{top:50%}
}

/* Kontrast (WCAG AA): tamniji tekst na narandžastoj pločici i krupniji sitni natpis. */
.label-one{color:#121d38}
.step-label{font-size:9px;letter-spacing:1.4px}

/* ——— Sekcije iz Miličinog teksta ——— */

/* Koraci avanture nose cijele rečenice, pa je naslov manji nego kod starih kratkih riječi. */
.step.step-text h3{font-size:clamp(26px,2.4vw,36px);line-height:1.12;letter-spacing:-.03em;margin-bottom:14px}
.step.step-text{min-height:0;padding-bottom:34px}
.step.step-text .text-link{display:inline-block;margin-top:6px}

/* Priznanje */
.award-grid{margin-top:40px}
.award{background:var(--white);border-radius:35px;padding:40px 34px;max-width:560px;
  box-shadow:0 5px 0 rgba(35,56,101,.05)}
.award .learning-number{display:block;font-family:var(--display);font-weight:800;font-size:34px;
  letter-spacing:-.04em;color:var(--blue);margin-bottom:14px}
.award h3{font-family:var(--display);font-weight:800;font-size:clamp(22px,2vw,30px);
  letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}
.award p{margin:0;color:var(--muted)}

/* Ekosistem — spisak institucija */
.eko-types{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:44px 0 0}
.eko-types li{background:var(--white);border-radius:18px;padding:14px 20px;
  font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:-.2px;
  box-shadow:0 4px 0 rgba(35,56,101,.05)}

/* Oznaka iznad pločica sa temama */
.types-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:46px 0 -30px}

/* Ukrasi u novim sekcijama */
.decor-razvoj{top:10px;right:5%;width:240px;height:140px}
.decor-priznanja{top:6px;right:6%;width:250px;height:145px}
.decor-eko{top:8px;left:4%;width:230px;height:140px}
.decor-teme{top:6px;right:5%;width:250px;height:150px}

@media(max-width:760px){
  .step.step-text h3{font-size:26px}
  .award{padding:28px 22px;border-radius:26px}
  .award .learning-number{font-size:27px}
  .eko-types{gap:9px;margin-top:30px}
  .eko-types li{padding:11px 15px;font-size:13px;border-radius:14px}
  .types-label{margin:34px 0 -18px}
  .decor-razvoj,.decor-priznanja,.decor-teme{top:0;right:2%;width:170px;height:105px}
  .decor-eko{top:0;left:2%;width:170px;height:105px}
}

/* Ukras uz korak avanture: ide u donji ugao kartice i ISPOD teksta. */
.step{position:relative}
.step>*:not(.brick-decor){position:relative;z-index:1}
.decor-step{z-index:0!important;top:auto!important;bottom:-14px;right:-6px;left:auto;
  width:132px;height:104px;opacity:.9}
@media(max-width:760px){
  .decor-step{width:104px;height:82px;bottom:-10px;right:-4px}
}

/* Nove sekcije nemaju donji red pločica kao „Za partnere", pa im se skraćuje podnožje. */
#razvoj,#priznanja,#ekosistem{padding-bottom:70px}
#teme{padding-bottom:80px}
@media(max-width:760px){
  #razvoj,#priznanja,#ekosistem,#teme{padding-bottom:45px}
}

/* Ukrasi idu IZA sadržaja sekcije — papirni elementi su veći od nekadašnjih kockica. */
.brick-decor{z-index:0!important}

/* „Kako izgleda avantura" ima vidljiv overflow zbog ljepljive fotografije;
   vodoravno se ipak sijeku da ukras ne gura stranicu u stranu. */
.journey{overflow-x:clip}