Keep Read the case clear of docked composer on home first view (#812)

src/__tests__/identity.test.ts

@@ -2646,6 +2646,41 @@ describe('identity copy', () => {
     expect(home).not.toContain('mailto:');
   });
 
+  it('keeps home proof continue clear of the docked composer on short desktop (#812)', () => { // tip sync
+    const home = readFileSync('src/pages/index.astro', 'utf8');
+    expect(home).toContain('class="proof-affordance"');
+    expect(home).toContain('Read the case');
+    expect(home).toContain('min-height: 44px');
+    expect(home).toContain('min-width: 44px');
+    expect(home).toContain('text-decoration: underline');
+    expect(home).toContain('@media (min-width: 50em) and (max-height: 52em)');
+    expect(home).toMatch(
+      /@media \(min-width: 50em\) and \(max-height: 52em\)[\s\S]*?\.hero-copy\s*\{[\s\S]*?gap:\s*0\.2rem/
+    );
+    expect(home).toMatch(
+      /@media \(min-width: 50em\) and \(max-height: 52em\)[\s\S]*?\.proof-card\s*\{[\s\S]*?gap:\s*0\.15rem/
+    );
+    expect(home).toMatch(
+      /@media \(min-width: 50em\) and \(max-height: 52em\)[\s\S]*?\.proof-affordance\s*\{[\s\S]*?margin-top:\s*-0\.95rem/
+    );
+    expect(home).toMatch(
+      /@media \(min-width: 50em\)[\s\S]*?\.hero-copy :global\(\.stack\.gap-4\)[\s\S]*?gap:\s*0\.4rem/
+    );
+    expect(home).toContain('padding-bottom: 36dvh');
+    expect(home).toContain('class="cta-hint">LinkedIn</p>');
+    expect(home).not.toContain('LinkedIn · replies from me');
+    expect(home).not.toContain('mailto:');
+    expect(home).toContain('https://www.linkedin.com/in/alehar/');
+    expect(home).toContain('Get in touch');
+    expect(home).toContain('Up to 2x faster delivery');
+    expect(home).toContain('Took the design system from first version to IFS Cloud.');
+    expect(home).not.toContain('Explore');
+    expect(home).not.toContain('See my work');
+    expect(home).not.toContain('padding: 1.5rem');
+    expect(home).not.toContain('border-radius: 1.5rem');
+    expect(home).not.toContain('box-shadow: var(--shadow-sm)');
+  });
+
   it('tightens What’s New narrow-viewport spacing so Last-30 lines clear the composer (#802)', () => {
     const page = readFileSync('src/pages/whats-new.astro', 'utf8');
     const glance = readFileSync('src/utils/whats-new-glance.ts', 'utf8');

src/pages/index.astro

@@ -219,6 +219,11 @@ const schema = {
     color: var(--gray-300);
     text-decoration: underline;
     text-underline-offset: 0.2em;
+    display: inline-flex;
+    align-items: center;
+    min-height: 44px;
+    min-width: 44px;
+    box-sizing: border-box;
   }
 
   @media (min-width: 50em) {
@@ -228,18 +233,66 @@ const schema = {
 
     .hero {
       padding-inline: 2.5rem;
-      gap: 1.75rem;
+      gap: 0.65rem;
       padding-bottom: 0;
     }
 
+    .hero-copy {
+      gap: 0.4rem;
+    }
+
     .hero-actions {
+      margin-top: 0.2rem;
       justify-content: flex-start;
       align-items: flex-start;
     }
 
     .hero-dek {
       max-width: 48ch;
     }
+
+    .proof-card {
+      gap: 0.25rem;
+    }
+
+    /* Hero.astro stack gap-4 is 1rem — tighten on home so proof clears dock */
+    .hero-copy :global(.stack.gap-4) {
+      gap: 0.4rem;
+    }
+  }
+
+  /* ~800px-tall desktop: proof continue clears docked composer (#812 / Riley 94) */
+  @media (min-width: 50em) and (max-height: 52em) {
+    :global(body.has-prominent-chat) .first-screen {
+      padding-top: 0;
+      gap: 0.35rem;
+    }
+
+    .hero {
+      gap: 0.5rem;
+    }
+
+    .hero-copy {
+      gap: 0.2rem;
+    }
+
+    .hero-actions {
+      margin-top: 0;
+      gap: 0.2rem;
+    }
+
+    .hero-copy :global(.stack.gap-4) {
+      gap: 0.2rem;
+    }
+
+    .proof-card {
+      gap: 0.15rem;
+    }
+
+    /* Grow tap target upward so bottom clears composerTop (≥8, prefer ≥16) */
+    .proof-affordance {
+      margin-top: -0.95rem;
+    }
   }
 
   :global(body.has-prominent-chat) .first-screen {