Utility page for engine-injected runtime elements. Each station below is a dummy with the same class names the engine generates at runtime. Style these in the Designer; the live site will pick up your styles automatically. Engine HEAD CSS only handles layout primitives that cannot be Designer-controlled (visibility toggling, fixed positioning constraints). Do not delete or rename these elements.
Language Toggle
.m-lang · .m-lang-btn · .m-lang-btn.is-active · .m-lang-sep
Engine injects this on every page, fixed top-right. The button with .is-active represents the currently active language. data-lang-to attribute is what the engine reads on click. Change colors, font, gap, or position freely. To override fixed-position placement, target .m-lang directly with new top/right/left/bottom values.
Breadcrumb
.m-breadcrumb · .m-bc-item · .m-bc-link · .m-bc-current · .m-bc-sep · .m-bc-dropdown · .m-bc-dd-link · .m-bc-dd-link.is-current
Engine injects this only on project pages. Each .m-bc-item with multiple children opens its .m-bc-dropdown on hover (engine handles show/hide via display none/flex). Style the items, separators, dropdown panel, and dropdown links here. The static example below shows all states; in production only the third item carries the dropdown if there are sibling projects.
Timeline (Scroll-Spy Bar)
.m-timeline · .m-tl-track · .m-tl-line · .m-tl-active-line · .m-tl-marker · .m-tl-marker.is-active · .m-tl-marker.is-passed · .m-tl-dot · .m-tl-label
Fixed at the bottom of cinematic project pages. Three states: default (current section ahead), .is-passed (current section already scrolled past), .is-active (current section in view). The active state animates the bottom underline (.m-tl-active-line) to span from start to active marker. Style markers, dots, labels, and the active-line color/weight here.
Editorial Typography
.m-prose
Add this class to any container holding paragraphs. The engine hyphenates the text (bramstein/hyphen) and runs Knuth-Plass justification (tex-linebreak2). The container stays invisible until both finish, then gets .m-prose-ready added. Style font-family, size, line-height, color, and width on .m-prose. Indent rules and OpenType features come from engine HEAD CSS but can be overridden here.
Six-year-old Vladlena moves from Crimea to Grozny following her parents' divorce, unaware that war will soon consume her childhood. As the Soviet Union collapses, the Chechen Republic fractures.
In this autobiographical poetic hybrid film Vladlena returns to traumatic memories from childhood to answer the agonizing question: how to break the cycle of violence which shapes children and is passed from generation to generation?