Maintenance mode is on
:root { --bg:#000; --fg:#f5f5f5; --muted:#a1a1a1; --accent:#ffd700; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0;
background: var(--bg);
color: var(--fg);
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
display: grid;
place-items: center;
}
main { text-align: center; padding: 2rem; }
.logo { letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: var(--fg); }
.badge {
display: inline-block; color: #ccc; border: 1px solid #222; border-radius: 999px;
padding: .4rem .8rem; margin-bottom: 1rem; font-size: .9rem;
}
h1 { font-size: clamp(28px, 6vw, 56px); margin: .25rem 0 .75rem; }
p { margin: .5rem 0 1rem; color: var(--muted); font-size: clamp(14px, 2.4vw, 18px); }
a {
color: var(--accent); text-decoration: none; border-bottom: 1px dashed var(--accent); padding-bottom: 2px;
}
a:hover { border-bottom-color: transparent; }
.clapper { width: 84px; height: 84px; margin: 0 auto 1rem; display: block; }
.flicker { animation: flicker 3s infinite; }
@keyframes flicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: 0 0 10px rgba(255,215,0,.35); opacity: 1; }
20%, 24%, 55% { opacity: .85; }
22% { opacity: .6; }
}
.footer { position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); color:#5a5a5a; font-size: 12px; }
Website in Production
Lights. Camera. Patience. 🎬
Our website is currently on set, getting its final cues. The premiere is coming soon.
For casting, projects, or press:
content@filmaniapictures.com
