/* MONOPLAST početna, ručno pisan CSS strane (jedini ručni CSS sajta). Ostali fajlovi u assets/css su kopije iz 05-brand i 06-design-system,
   napravljene sa tools/sync-site-assets.sh, ne menjaju se ovde. Samo raspored i pomoćne klase ove strane, vrednosti su tokeni. */

.lk-skip { position: absolute; left: var(--mp-space-4); top: -100px; z-index: var(--mp-z-toast); background: var(--mp-ink-900); color: var(--mp-white); padding: var(--mp-space-3) var(--mp-space-4); border-radius: var(--mp-r-1); }
.lk-skip:focus { top: var(--mp-space-3); }

.lk-container--flush { padding-inline: 0; max-width: var(--mp-container); }
.lk-head--flush { margin: 0; }
.lk-section--flush-top { padding-top: 0; }
.lk-hero__rail { margin-top: var(--mp-rail-gap); }
.lk-lead--dark { color: rgba(255, 255, 255, .78); }
.lk-photo--plant { aspect-ratio: 3 / 2; }
.lk-cards--spaced { margin-top: var(--mp-gap-block); }
.lk-rail-scroll .ph img { width: 100%; height: 100%; object-fit: cover; }
.lk-rail .lk-rail img { width: 100%; }

/* otkrivanje sadržaja, jednom, malo i uklonjivo (isključeno uz prefers-reduced-motion i ?static) */
.js [data-reveal] { opacity: 0; translate: 0 var(--mp-reveal-shift); transition: opacity var(--mp-reveal-dur) var(--mp-reveal-ease), translate var(--mp-reveal-dur) var(--mp-reveal-ease); transition-delay: calc(min(var(--i, 0), 3) * var(--mp-reveal-step)); }
.js [data-reveal="fade"] { translate: none; }
.js [data-reveal].is-in { opacity: 1; translate: 0 0; }
@media (prefers-reduced-motion: reduce) { .js [data-reveal] { opacity: 1; translate: none; transition: none; } }

.is-static [data-reveal] { transition: none; opacity: 1; translate: none; }