Remove strategy section, fix character card sizing and centering

- Removed Strategy & Distribution section and red-page images
- Re-cropped all character photos as consistent squares centered on faces
- Character cards: max-width 380px, centered in grid, flexbox layout
- Character photos: 1:1 aspect ratio with object-fit cover, centered

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

index.html

@@ -526,6 +526,7 @@
             grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
             gap: 1.5rem;
             margin-top: 3rem;
+            justify-items: center;
         }
 
         .character-card {
@@ -535,6 +536,10 @@
             position: relative;
             overflow: hidden;
             transition: border-color 0.3s, transform 0.3s;
+            width: 100%;
+            max-width: 380px;
+            display: flex;
+            flex-direction: column;
         }
 
         .character-card .character-name,
@@ -665,11 +670,12 @@
         /* ═══════ CHARACTER PHOTOS ═══════ */
         .character-photo {
             width: 100%;
-            height: 260px;
+            aspect-ratio: 1 / 1;
             object-fit: cover;
-            object-position: top;
+            object-position: center 20%;
             margin-bottom: 1.5rem;
             border-bottom: 1px solid rgba(255,255,255,0.08);
+            display: block;
         }
 
         /* ═══════ CREATOR ═══════ */
@@ -753,20 +759,6 @@
             }
         }
 
-        /* ═══════ STRATEGY ═══════ */
-        .strategy-gallery {
-            display: flex;
-            flex-direction: column;
-            gap: 2rem;
-            margin-top: 3rem;
-        }
-
-        .strategy-gallery img {
-            width: 100%;
-            height: auto;
-            border: 1px solid rgba(255,255,255,0.08);
-        }
-
         /* ═══════ SCROLL REVEAL ═══════ */
         .reveal {
             opacity: 0;
@@ -1156,21 +1148,6 @@
 
 <div class="divider"></div>
 
-<!-- STRATEGY -->
-<section id="strategy">
-    <div class="reveal">
-        <p class="section-label">Vision</p>
-        <h2 class="section-title">Strategy & Distribution</h2>
-    </div>
-    <div class="strategy-gallery reveal">
-        <img src="img/strategy-1.jpg" alt="Marketing and distribution strategy" loading="lazy">
-        <img src="img/strategy-2.jpg" alt="Audience and market positioning" loading="lazy">
-        <img src="img/strategy-3.jpg" alt="Release and rollout plan" loading="lazy">
-    </div>
-</section>
-
-<div class="divider"></div>
-
 <!-- FOOTER -->
 <footer id="contact">
     <p class="footer-title">The Last Draw</p>