/*--------------------------------------------------------------
# Hela företaget från 500 kr-filmen (allincluded.jsp / en/allincluded.jsp / startsidan)
# Den delade filmstylingen ligger i tid-film.css och laddas före den här.
# Figurerna kommer från decorators/partials/film-cast.jsp (prefix "hf-").
# Alla id:n bär prefixet hf- (även scenernas) eftersom filmen delar startsidan
# med Kom igång-filmen. Här finns bara det som är unikt för filmens scenografi:
# element som ska vara dolda tills tidslinjen (assets/js/allincluded-film.js) visar dem.
--------------------------------------------------------------*/

/* Gester och brickor på figurerna göms tills tidslinjen visar dem */
.tr-film #hf-adm-thumb,
.tr-film #hf-right-badge { opacity: 0; }

/* Namnskyltarna tonas in av tidslinjen efter att figurerna glidit in */
.tr-film #hf-char-admin-label,
.tr-film #hf-char-right-label { opacity: 0; }

/* Funktionsväggen: dold tills scen 1, krymper mot sitt övre högra hörn i scen 2 */
.tr-film #hf-wall { opacity: 0; transform-box: fill-box; transform-origin: 100% 0; }
.tr-film .hf-tile,
.tr-film #hf-tile-4-check,
.tr-film #hf-wall-tag,
.tr-film #hf-all-fmt-1,
.tr-film #hf-all-fmt-2 { opacity: 0; }

/* Poppande och flygande element inne i scenerna: dolda tills de animeras,
   så att inget syns "för tidigt" om scenen tonas in innan deras animation börjat.
   (Linjer med tf-left fylls i med scaleX och behöver ingen regel.) */
.tr-film #hf-intro-tag,
.tr-film #hf-intro-q,
.tr-film #hf-all-doc,
.tr-film #hf-why-chip-1,
.tr-film #hf-why-chip-2,
.tr-film #hf-why-chip-3,
.tr-film #hf-why-chip-4,
.tr-film #hf-why-direct,
.tr-film #hf-why-call,
.tr-film #hf-build-plus,
.tr-film #hf-build-tile { opacity: 0; }