/* ===================================================================== VIDEO INTRO — izolovan modul, sve klase u `mmb-intro-*`. Sloj je PODRAZUMIJEVANO SAKRIVEN. Vidi se samo dok na `` stoji klasa `mmb-intro-on`, koju dodaje JavaScript prije nego što se `` iscrta — zato nema trzaja. Ako skripta ne odradi posao, klase nema i početna se ponaša kao da modul ne postoji: greška ne može zaključati sajt. Paleta prati identitet sajta: cijan i svijetloplava iz `tokens.css`, staklasti slojevi, vrlo tanke geometrijske linije. Bez sci-fi tona. ===================================================================== */ .mmb-intro { display: none; position: fixed; inset: 0; z-index: 9999; overflow: hidden; /* Sopstveni kontekst slaganja i izolovano crtanje. */ isolation: isolate; contain: strict; } html.mmb-intro-on .mmb-intro { display: block; } /* --------------------------------------------------------------- scena */ /* * OMOTAC KADRA. * * Nosi podlogu, poster, snimak i sve prekrivace — dakle sve sto u „portal“ * izlazu treba da nestane. Pozdravni tekst, svjetlosni rub i dugme stoje * IZVAN njega, pa ih maska ne dodiruje. * * Podloga `#071A27` je namjerno ovdje, a ne na samom sloju: da ostane na * sloju, otvor bi otkrio nju umjesto pocetne strane. */ .mmb-intro__scene { position: absolute; inset: 0; background: #071A27; /* podloga prije nego video dekodira */ isolation: isolate; } /* Dok je intro gore, stranica ispod se ne pomjera. */ html.mmb-intro-on, html.mmb-intro-on body { overflow: hidden; } /* --------------------------------------------------------------- poster */ /* * PRVI VIDLJIVI KADAR. * * Ranije je poster stajao kao atribut na `