diff --git a/src/components/theme.ts b/src/components/theme.ts
index 0ec347a..3fa7389 100644
--- a/src/components/theme.ts
+++ b/src/components/theme.ts
@@ -55,7 +55,7 @@ export const makeTheme = (mode: "light" | "dark", theme?: AccentColor) =>
         fontSize: 15,
       },
       h1: {
-        fontSize: "max(42px, min(58px, min(6vw, 6vh)))",
+        fontSize: "max(36px, min(58px, min(6vw, 6vh)))",
         fontWeight: 600,
       },
       h2: {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2ea2e55..1cc5121 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -230,7 +230,7 @@ function Hero({ showVideo, onShowVideo }: SV) {
       alignItems={sm ? "stretch" : "flex-start"}
       sx={{
         maxWidth: "100vw",
-        minHeight: 600,
+        minHeight: 720,
         height: "90vh",
         textAlign: "left",
         pt: 36,
@@ -593,17 +593,12 @@ export default function Home() {
                 borderRadius: 8,
               }}
             >
-              <video
-                controls
+              <iframe
+                src="https://drive.google.com/file/d/1ve-GQbgj0MGcouCdE0gxQON-20rpxtW5/preview"
                 width="100%"
                 height="100%"
-                style={{
-                  borderRadius: 8,
-                  objectFit: "cover",
-                }}
-              >
-                <source src={l10n.demoVideoUrl} type={l10n.demoVideoMime} />
-              </video>
+                allow="autoplay"
+              ></iframe>
             </Box>
             {/* <SectionTitle
               anchor="features"