/* ============================================================================ ALARM CLOCK FILMS — SITE STYLESHEET ---------------------------------------------------------------------------- All styling for index.html, terms.html and 404.html. Sections appear in the same order they appear in the markup, which keeps the cascade identical to the original. Every block is scoped to its own wrapper class (.acf-nav, .acf-hero, .acf-mission, .services, .acf-terms, .acf-footer, …) so nothing leaks between sections. The page-wide rules are the BASE block directly below, the :root design tokens in the SERVICES section, and .acf-svc-locked, which locks body scrolling while a services card is open. NOT IN HERE: the 404 page's styling. 404.html is served at arbitrary URLs where a relative stylesheet href would resolve against the missing path, so it inlines everything it needs in its own