Website: hero fills 98vh with smaller copy; mode cards share one size; save-point row centred

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

landing/components/sections/character-select.module.css

@@ -7,18 +7,14 @@
 
 .card {
   display: grid;
+  grid-template-rows: auto 1fr;
   gap: 12px;
-  transition: transform 240ms steps(3);
 }
 
 .card[data-selected="false"] {
   opacity: 0.72;
 }
 
-.card[data-selected="true"] {
-  transform: translateY(-12px);
-}
-
 .player {
   height: 24px;
   font-size: var(--fs-1);

landing/components/sections/save-point.module.css

@@ -110,7 +110,7 @@
   display: grid;
   grid-template-columns: 3fr 2fr;
   gap: 36px;
-  align-items: start;
+  align-items: center;
   margin-top: 36px;
 }
 

landing/components/sections/title-screen.module.css

@@ -1,7 +1,9 @@
 .hero {
   position: relative;
   display: grid;
-  min-height: max(640px, min(100svh, 960px));
+  height: 98vh;
+  height: 98svh;
+  min-height: 560px;
   overflow: hidden;
   background: var(--ink-sky-1);
   isolation: isolate;
@@ -225,7 +227,7 @@
     justify-content: center;
     width: min(100%, 1440px);
     margin: 0 auto;
-    padding: 120px 48px 96px;
+    padding: 96px 48px 72px;
     text-align: left;
   }
 
@@ -242,6 +244,16 @@
     height: 72px;
   }
 
+  .tagline {
+    font-size: var(--fs-2);
+    line-height: 1.5;
+  }
+
+  .sub {
+    font-size: var(--fs-1);
+    line-height: 2;
+  }
+
   .window {
     padding: 12px 24px;
     background: color-mix(in srgb, var(--ink-void) 55%, transparent);