Major: pill shatter crossfade, Matrix colors, asymmetric layout, narrative flow

- Remove Apple 1984 iframe, use empire-bg video for hero
- Pill click crossfades hero to shatter.mp4 (skips to 2.5s explosion)
- Remove standalone shatter section
- Matrix-accurate deep blue (#0044cc) and blood red (#cc0000)
- All particle colors updated to match
- Asymmetric left-aligned captions and empire section
- Blue section: "...or break free" hint at bottom
- Red section: "see what's possible" + scroll cue to empire
- Staggered channel cards with uneven grid
- Logo 200px on hero

Author: BH3GEI

docs/assets/BaseLayout.C815_OJo.js docs/assets/BaseLayout.BcM3GkxQ.jsdocs/assets/BaseLayout.C815_OJo.js renamed to docs/assets/BaseLayout.BcM3GkxQ.js

@@ -1,6 +1,6 @@
 import { joinPaths, isRemotePath } from '@astrojs/internal-helpers/path';
 import { A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, l as UnsupportedImageFormat, I as IncompatibleDescriptorOptions, n as UnsupportedImageConversion, t as toStyleString, o as NoImageMetadata, F as FailedToFetchRemoteImageDimensions, p as ExpectedImageOptions, q as ExpectedNotESMImage, s as InvalidImageService, c as createAstro, a as createComponent, v as ImageMissingAlt, m as maybeRenderHead, d as addAttribute, w as spreadAttributes, b as renderTemplate, x as ExperimentalFontsNotEnabled, y as FontFamilyNotFound, u as unescapeHTML } from './astro/server.K-yHHyjY.js';
-import { D as DEFAULT_OUTPUT_FORMAT, V as VALID_SUPPORTED_FORMATS, a as DEFAULT_HASH_PROPS } from './BaseLayout.C815_OJo.js';
+import { D as DEFAULT_OUTPUT_FORMAT, V as VALID_SUPPORTED_FORMATS, a as DEFAULT_HASH_PROPS } from './BaseLayout.BcM3GkxQ.js';
 import { isRemoteAllowed } from '@astrojs/internal-helpers/remote';
 import * as mime from 'mrmime';
 import 'clsx';
@@ -1188,7 +1188,7 @@ async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
       // @ts-expect-error
-      './sharp.DE5JC5mp.js'
+      './sharp.1fNwTft0.js'
     ).catch((e) => {
       const error = new AstroError(InvalidImageService);
       error.cause = e;
@@ -1354,7 +1354,7 @@ const $$Image = createComponent(async ($$result, $$props, $$slots) => {
   }
   const { class: className, ...attributes } = { ...additionalAttributes, ...image.attributes };
   return renderTemplate`${maybeRenderHead()}<img${addAttribute(image.src, "src")}${spreadAttributes(attributes)}${addAttribute(className, "class")}>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Image.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Image.astro", void 0);
 
 const $$Astro$1 = createAstro("https://mofa-org.github.io");
 const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
@@ -1425,7 +1425,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
     const srcsetAttribute = props.densities || !props.densities && !props.widths && !useResponsive ? `${image.src}${image.srcSet.values.length > 0 ? ", " + image.srcSet.attribute : ""}` : image.srcSet.attribute;
     return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute(mime.lookup(image.options.format ?? image.src) ?? `image/${image.options.format}`, "type")}${spreadAttributes(sourceAdditionalAttributes)}>`;
   })}  <img${addAttribute(fallbackImage.src, "src")}${spreadAttributes(attributes)}${addAttribute(className, "class")}> </picture>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Picture.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Picture.astro", void 0);
 
 const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null
@@ -1448,7 +1448,7 @@ const $$Font = createComponent(($$result, $$props, $$slots) => {
     });
   }
   return renderTemplate`${preload && data.preloadData.map(({ url, type }) => renderTemplate`<link rel="preload"${addAttribute(url, "href")} as="font"${addAttribute(`font/${type}`, "type")} crossorigin>`)}<style>${unescapeHTML(data.css)}</style>`;
-}, "/home/runner/work/mofa-org.github.io/mofa-org.github.io/mofa-website/node_modules/astro/components/Font.astro", void 0);
+}, "/Users/yao/Desktop/code/work/mofa-org/mofa-org.github.io/mofa-website/node_modules/astro/components/Font.astro", void 0);
 
 const imageConfig = {"endpoint":{"route":"/_image"},"service":{"entrypoint":"astro/assets/services/sharp","config":{}},"domains":[],"remotePatterns":[],"responsiveStyles":false};
 							const getImage = async (options) => await getImage$1(options, imageConfig);

docs/assets/_astro_assets.C-kJt3dl.js docs/assets/_astro_assets.BdM7hKzr.jsdocs/assets/_astro_assets.C-kJt3dl.js renamed to docs/assets/_astro_assets.BdM7hKzr.js

@@ -1,5 +1,5 @@
 import { A as AstroError, z as MissingSharp } from './astro/server.K-yHHyjY.js';
-import { b as baseService, p as parseQuality } from './_astro_assets.C-kJt3dl.js';
+import { b as baseService, p as parseQuality } from './_astro_assets.BdM7hKzr.js';
 
 let sharp;
 const qualityTable = {