Layout

import { getSafeAreaPadding, scaleFont } from "@/remotion/lib/layout";

const { width, height } = useVideoConfig();
const safeArea = getSafeAreaPadding({ width, height });

const headline = scaleFont(84, width);   // 1080p baseline
const supporting = scaleFont(44, width);