<style> /* * The html.fiimu-* class on the root element gives these selectors * specificity (0,1,1) — higher than a plain single-class selector (0,1,0). * No !important needed: the class-qualified type selector wins the cascade. * When JS is disabled, hydration never completes and these classes are never * removed, so this rule ensures content stays visible without JS. * Do NOT remove the html.fiimu-* prefix without also updating the hydration guard logic. */ html.fiimu-pre-hydration app-menu, html.fiimu-pre-hydration app-hero-carousel, html.fiimu-pre-hydration .main-page-container, html.fiimu-loading app-menu, html.fiimu-loading app-hero-carousel, html.fiimu-loading .main-page-container { visibility: visible; opacity: 1; } html.fiimu-pre-hydration::before, html.fiimu-loading::before { content: none; } #fiimu-guard { display: none; } app-root, html.fiimu-pre-hydration app-root { opacity: 1 !important; /* noscript fallback — overrides pre-hydration guard */ } .fiimu-noscript { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; padding: 1rem 1.5rem; background: #ee0000; color: #fff; text-align: center; font-size: 0.875rem; font-family: system-ui, sans-serif; } .fiimu-noscript a { color: #fff; text-decoration: underline; } </style>
Skip to main content

Cinematic tips

602 techniques602 techniques
400

Lighting Direction

The direction light hits a subject — front, side, back, or top. Direction shapes form, mood, and how depth is perceived.

Hard Light

Sharp, defined shadows from a small or distant source. Emphasizes texture and contrast.

Deliberately restrict the scene to a small, consistent set of colors that reinforces the story and mood. By coordinating production design, wardrobe, lighting, and color grading, a controlled palette creates a strong visual identity, guides the viewer's attention, and evokes a specific emotional response.

Camera Distance (Shot Size)

How close the camera is to the subject. Distance controls intimacy, context, and emotional impact.