From 1de9d485aa162cc337f804f960f425f464d99082 Mon Sep 17 00:00:00 2001
From: Jacob Mathison <jacob@mathisonprojects.com>
Date: Sat, 11 Apr 2026 15:40:03 -0500
Subject: [PATCH] fix: BLB throne image position + mobile responsive for
 featured card

- objectPosition: right center so BLB figure (right side of image) is in frame
- Drop aspect-ratio constraint on featuredImage, use minHeight: 480px instead
- Add responsive style block: mobile <640px stacks to 1 col, shorter image height
- Add className hooks for mobile overrides (blb-featured-card/image/body)
---
 pages/world/characters.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/world/characters.tsx b/pages/world/characters.tsx
index 0345d3d..8d27026 100644
--- a/pages/world/characters.tsx
+++ b/pages/world/characters.tsx
@@ -228,7 +228,7 @@ export default function Characters() {
               priority
             />
           </div>
-          <div style={s.featuredBody}>
+          <div style={s.featuredBody} className="blb-featured-body">
             <span style={s.eyebrow}>The Protagonist</span>
             <div style={{ ...s.cardName, fontSize: "2rem", marginBottom: "12px" }}>
               Bone Lord Bob